{"title":"Hygiène corporelle","description":"","products":[{"product_id":"deovert-deodorant-corporel","title":"Déodorant Fraîcheur Tonic","description":"\u003cdiv class=\"soi-deov-fiche\"\u003e\n\n \u003csection class=\"soi-deov-hero\"\u003e\n \u003cdiv class=\"soi-deov-hero-tag\"\u003e\n \u003cspan class=\"soi-deov-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Déovert (Saint Côme)\n \u003c\/div\u003e\n \u003cspan class=\"soi-deov-hero-title\"\u003eLa fraîcheur des agrumes, sans aluminium\u003c\/span\u003e\n \u003cp class=\"soi-deov-hero-subtitle\"\u003eUn spray corporel aux huiles essentielles qui neutralise les odeurs tout au long de la journée, sans bloquer la transpiration naturelle de votre corps.\u003c\/p\u003e\n \u003cdiv class=\"soi-deov-hero-labels\"\u003e\n \u003cspan class=\"soi-deov-label soi-deov-label-accent\"\u003eSANS ALUMINIUM\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eSANS PARABENS\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eHUILES ESSENTIELLES 100 % PURES ET NATURELLES\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eTESTÉ SOUS CONTRÔLE DERMATOLOGIQUE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deov-section\"\u003e\n \u003cp class=\"soi-deov-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel\u003c\/strong\u003e qui tienne toute la journée, sans \u003cstrong\u003esels d'aluminium\u003c\/strong\u003e ? Le \u003cstrong\u003edéodorant Fraîcheur Tonic'\u003c\/strong\u003e de Déovert (Saint Côme) est un spray corporel aux huiles essentielles. Il neutralise les odeurs sans bloquer la transpiration, avec une fraîcheur d'agrumes qui plaît autant aux femmes qu'aux hommes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003ePourquoi choisir un déodorant sans aluminium ?\u003c\/h2\u003e\n \u003cp\u003eLa sueur est presque inodore à la sortie des pores. L'odeur apparaît lorsqu'elle rencontre les bactéries naturellement présentes sur la peau. Un \u003cstrong\u003edéodorant sans sel d'aluminium\u003c\/strong\u003e agit précisément à ce niveau : il limite la formation des mauvaises odeurs, tout en laissant votre corps transpirer librement, là où un antitranspirant obstrue les pores.\u003c\/p\u003e\n \u003cp\u003eSi vous souhaitez faire évoluer vos habitudes, ce spray constitue une transition simple et douce.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eCe que Tonic' vous apporte au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-deov-benefits\"\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e🍋\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDes odeurs neutralisées\u003c\/h3\u003e\n \u003cp\u003eLes odeurs sont neutralisées dès leur formation, sans modifier le processus naturel de la transpiration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUne fraîcheur tonique\u003c\/h3\u003e\n \u003cp\u003eSes huiles essentielles aux notes d'agrumes vous apportent une sensation de fraîcheur vivifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e🤍\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUne bonne tolérance\u003c\/h3\u003e\n \u003cp\u003eUne formule testée sous contrôle dermatologique et sans parabens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e💨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUn spray pratique\u003c\/h3\u003e\n \u003cp\u003eAucun contact direct avec la peau, pour une application rapide le matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-grid-compact\"\u003e\n \u003cdiv class=\"soi-deov-card-mini\"\u003e\n \u003cspan class=\"soi-deov-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-deov-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-card-mini\"\u003e\n \u003cspan class=\"soi-deov-card-mini-label\"\u003ePulvérisations\u003c\/span\u003e\n \u003cspan class=\"soi-deov-card-mini-value\"\u003eEnviron 500\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-card-mini\"\u003e\n \u003cspan class=\"soi-deov-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-deov-card-mini-value\"\u003eBourgogne, Saint Côme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eComposition de la formule\u003c\/h2\u003e\n \u003cdiv class=\"soi-deov-compo\"\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eSels d'aluminium\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eSans aluminium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eParabens\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eSans parabens\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eParfum et fraîcheur\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eHuiles essentielles 100 % pures et naturelles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eListe INCI complète\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eImprimée sur l'étiquette du flacon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-tip\"\u003e\n \u003cdiv class=\"soi-deov-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLes huiles essentielles contiennent des allergènes naturels (le limonène, par exemple). Si vous êtes sensible à certains composants, consultez la liste INCI. En cas de peau réactive, faites un test au creux du coude avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eComment l'utiliser en 3 gestes\u003c\/h2\u003e\n \u003cdiv class=\"soi-deov-timeline\"\u003e\n \u003cdiv class=\"soi-deov-step\"\u003e\n \u003cdiv class=\"soi-deov-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step-content\"\u003e\n \u003ch3\u003ePréparez la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur une peau propre et bien sèche, après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step\"\u003e\n \u003cdiv class=\"soi-deov-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step-content\"\u003e\n \u003ch3\u003eVaporisez\u003c\/h3\u003e\n \u003cp\u003ePulvérisez à environ 15 cm sous chaque aisselle, une à deux fois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step\"\u003e\n \u003cdiv class=\"soi-deov-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003eAttendez quelques secondes avant de vous habiller.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-deov-after\"\u003eÉvitez les yeux ainsi que les peaux lésées ou fraîchement rasées. En cas de forte chaleur ou d'activité sportive, une pulvérisation supplémentaire en cours de journée vous aidera à retrouver de la fraîcheur.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eUn déodorant naturel pour homme, femme et même pour les pieds\u003c\/h2\u003e\n \u003cdiv class=\"soi-deov-grid\"\u003e\n \u003cdiv class=\"soi-deov-card\"\u003e\n \u003ch3\u003ePour toute la famille\u003c\/h3\u003e\n \u003cp\u003eSa senteur fraîche et non sucrée en fait un \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e très apprécié. Il convient aussi aux femmes et se partage facilement au sein d'une famille. Le spray se glisse dans un sac de sport ou de voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-card\"\u003e\n \u003ch3\u003ePour les pieds et les chaussures\u003c\/h3\u003e\n \u003cp\u003eVous pouvez le vaporiser sur des pieds propres et secs. En \u003cstrong\u003edéodorant naturel chaussures\u003c\/strong\u003e, certains l'utilisent aussi à l'intérieur de leurs baskets : testez d'abord sur une petite zone du tissu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eDéodorant maison naturel ou spray prêt à l'emploi ?\u003c\/h2\u003e\n \u003cp\u003eDe nombreuses recettes de \u003cstrong\u003edéodorant maison naturel\u003c\/strong\u003e reposent sur le bicarbonate de sodium. Or, celui-ci est abrasif et peut irriter les aisselles, surtout en usage quotidien. Un spray formulé et testé dermatologiquement vous évite les dosages approximatifs, les mélanges qui tournent et les mauvaises surprises sur la peau.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"soi-deov-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-deov-cta-box\"\u003e\n \u003cp class=\"soi-deov-cta-tag\" style=\"color: white;\"\u003eUn geste le matin, la fraîcheur toute la journée\u003c\/p\u003e\n \u003cp class=\"soi-deov-cta-text\" style=\"color: white;\"\u003eOffrez à vos journées une fraîcheur d'agrumes, sans aluminium, avec la douceur d'une formule française aux huiles essentielles. Parce que se sentir bien dans sa peau commence par de beaux gestes quotidiens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-deov-fiche {\n --soi-deov-marine: #1A2D3D;\n --soi-deov-marine-dark: #0F1E2B;\n --soi-deov-marine-light: #2C4458;\n --soi-deov-pomme: #A1C544;\n --soi-deov-pomme-dark: #84A636;\n --soi-deov-pomme-light: rgba(161,197,68,0.10);\n --soi-deov-white: #FFFFFF;\n --soi-deov-off-white: #F8FAF6;\n --soi-deov-stone: #F1F3EE;\n --soi-deov-line: #E5E8E0;\n --soi-deov-primary: #E3B23C;\n --soi-deov-primary-soft: #FBF4DF;\n --soi-deov-accent: #4E6E3A;\n --soi-deov-text: #1A2D3D;\n --soi-deov-text-soft: #4A5B6B;\n --soi-deov-text-muted: #7B8693;\n --soi-deov-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-deov-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-deov-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-deov-radius: 12px;\n --soi-deov-radius-sm: 8px;\n --soi-deov-radius-pill: 999px;\n}\n\n.soi-deov-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-deov-fiche img { max-width: 100%; height: auto; }\n\n.soi-deov-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-deov-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-deov-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-deov-hero {\n position: relative;\n background: var(--soi-deov-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-deov-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-deov-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--soi-deov-pomme) 0%, var(--soi-deov-pomme) 70%, var(--soi-deov-primary) 100%);\n}\n\n.soi-deov-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: clamp(10px, 1.5vw, 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-deov-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-deov-pomme);\n border-radius: 50%;\n}\n\n.soi-deov-hero-title {\n display: block;\n color: var(--soi-deov-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-deov-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-deov-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-deov-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-deov-white);\n font-size: clamp(10px, 1.5vw, 11px);\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-deov-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-deov-label-accent {\n background: var(--soi-deov-pomme);\n border-color: var(--soi-deov-pomme);\n color: var(--soi-deov-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-deov-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-deov-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-deov-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-deov-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-deov-pomme);\n border-radius: 2px;\n}\n\n.soi-deov-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-deov-text-soft);\n max-width: 760px;\n padding-left: 1rem;\n border-left: 3px solid var(--soi-deov-primary);\n}\n\n.soi-deov-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-deov-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-deov-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-deov-section strong {\n color: var(--soi-deov-marine);\n font-weight: 600;\n}\n\n.soi-deov-after {\n margin-top: 1.25rem;\n}\n\n.soi-deov-section .soi-deov-note {\n margin-top: 1.25rem;\n font-size: clamp(12px, 1.6vw, 13px);\n font-style: italic;\n color: var(--soi-deov-text-muted);\n}\n\n\/* === BENEFITS === *\/\n.soi-deov-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-deov-benefit {\n background: var(--soi-deov-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-deov-radius);\n border: 1px solid var(--soi-deov-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-deov-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-deov-shadow-md);\n}\n\n.soi-deov-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-deov-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-deov-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-deov-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-deov-benefit:hover .soi-deov-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-deov-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deov-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deov-benefit p {\n font-size: 15px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-deov-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-deov-card {\n background: var(--soi-deov-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deov-radius);\n border-left: 3px solid var(--soi-deov-pomme);\n}\n\n.soi-deov-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deov-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deov-card p {\n font-size: 14px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-deov-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-deov-card-mini {\n background: var(--soi-deov-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-deov-radius-sm);\n border-top: 3px solid var(--soi-deov-primary);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-deov-card-mini-label {\n font-size: 11px;\n color: var(--soi-deov-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-deov-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deov-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-deov-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-deov-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-deov-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deov-radius);\n border: 1px solid var(--soi-deov-line);\n align-items: flex-start;\n}\n\n.soi-deov-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-deov-marine);\n color: var(--soi-deov-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-deov-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deov-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-deov-step-content p {\n font-size: 15px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-deov-compo {\n background: var(--soi-deov-off-white);\n border-radius: var(--soi-deov-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-deov-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-deov-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-deov-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-deov-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-deov-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-deov-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-deov-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-deov-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-deov-pomme-light);\n border-left: 4px solid var(--soi-deov-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-deov-radius) var(--soi-deov-radius) 0;\n align-items: flex-start;\n}\n\n.soi-deov-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-deov-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-deov-marine);\n margin-bottom: 4px;\n}\n\n.soi-deov-tip p {\n font-size: 15px;\n color: var(--soi-deov-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-deov-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-deov-accordion-item {\n background: var(--soi-deov-off-white);\n border-radius: var(--soi-deov-radius-sm);\n border: 1px solid var(--soi-deov-line);\n overflow: hidden;\n}\n\n.soi-deov-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-deov-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 gap: 1rem;\n}\n\n.soi-deov-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-deov-accordion-header::after {\n content: '+';\n flex-shrink: 0;\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-deov-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-deov-accordion-item[open] .soi-deov-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-deov-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-deov-accordion-content p {\n font-size: 14px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-deov-cta-box {\n background: var(--soi-deov-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-deov-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-deov-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-deov-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-deov-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-deov-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-deov-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 2.6vw, 20px);\n font-weight: 500;\n color: var(--soi-deov-white);\n line-height: 1.5;\n margin: 0;\n max-width: 640px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-deov-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-deov-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-deov-compo-value {\n text-align: left;\n }\n\n .soi-deov-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-deov-fiche * {\n animation: none !important;\n transition: none !important;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-deov-fiche {\n --soi-deov-text-soft: #2C3E50;\n --soi-deov-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61602743779658,"sku":"SC8575","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-fraicheur-tonic-packshot.webp?v=1792055576"},{"product_id":"deovert-hesperid-deodorant","title":"Déodorant fraîcheur Hespérid - 100 ml - Aromaspray","description":"\u003cdiv class=\"soi-hesp-fiche\"\u003e\n\n \u003csection class=\"soi-hesp-hero\"\u003e\n \u003cdiv class=\"soi-hesp-hero-tag\"\u003e\n \u003cspan class=\"soi-hesp-tag-dot\"\u003e\u003c\/span\u003e\n Déodorant corporel · Deovert, Saint Côme cosmétiques\n \u003c\/div\u003e\n \u003cspan class=\"soi-hesp-hero-title\"\u003eLa fraîcheur des agrumes, sans aluminium\u003c\/span\u003e\n \u003cp class=\"soi-hesp-hero-subtitle\"\u003eUn spray de 100 ml aux huiles essentielles pures et naturelles, qui agit sur les odeurs sans bloquer la transpiration de votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-hesp-hero-labels\"\u003e\n \u003cspan class=\"soi-hesp-label soi-hesp-label-accent\"\u003eSANS ALUMINIUM\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-label\"\u003eSANS PARABENS\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-label\"\u003eHUILES ESSENTIELLES PURES ET NATURELLES\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-label\"\u003eTESTÉ DERMATOLOGIQUEMENT\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-label\"\u003eFABRIQUÉ EN BOURGOGNE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hesp-section\"\u003e\n \u003ch2\u003eUn déodorant naturel qui laisse votre peau respirer\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un \u003cstrong\u003edéodorant naturel efficace\u003c\/strong\u003e, sans aluminium, qui ne bloque pas la transpiration ? Le \u003cstrong\u003edéodorant fraîcheur Hespérid'\u003c\/strong\u003e de Deovert (Saint Côme cosmétiques) est un spray de 100 ml parfumé aux agrumes, formulé avec des huiles essentielles pures et naturelles. Il agit sur les odeurs au moment où elles se forment, sans empêcher la transpiration, qui reste un mécanisme normal du corps.\u003c\/p\u003e\n \u003cp\u003eSa senteur fraîche de citron, d'orange et de pamplemousse, relevée par des notes résineuses, convient aussi bien comme \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e que pour les femmes qui apprécient les parfums vifs et propres.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hesp-section\"\u003e\n \u003ch2\u003eCe qui le distingue d'un déodorant classique\u003c\/h2\u003e\n \u003cdiv class=\"soi-hesp-benefits\"\u003e\n \u003cdiv class=\"soi-hesp-benefit\"\u003e\n \u003cdiv class=\"soi-hesp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans aluminium et sans parabens\u003c\/h3\u003e\n \u003cp\u003eIl ne cherche pas à obstruer les pores de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-benefit\"\u003e\n \u003cdiv class=\"soi-hesp-benefit-icon\"\u003e\u003cspan\u003e💨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormat spray\u003c\/h3\u003e\n \u003cp\u003ePas de contact direct, pas de résidus blancs, une application rapide même après le sport.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-benefit\"\u003e\n \u003cdiv class=\"soi-hesp-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉconomique\u003c\/h3\u003e\n \u003cp\u003eUn flacon de 100 ml offre environ 500 pulvérisations, soit plusieurs mois d'utilisation selon votre rythme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-benefit\"\u003e\n \u003cdiv class=\"soi-hesp-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTesté dermatologiquement\u003c\/h3\u003e\n \u003cp\u003eUne formule testée dermatologiquement et fabriquée en Bourgogne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-hesp-after\"\u003eSi vous hésitez à passer au \u003cstrong\u003edéodorant homme naturel\u003c\/strong\u003e, sachez que l'adaptation de la peau prend souvent quelques jours. C'est normal : une transpiration non bloquée se ressent différemment, mais la fraîcheur des huiles essentielles vous accompagne pendant cette transition.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hesp-section\"\u003e\n \u003ch2\u003eComposition : 8 huiles essentielles aux rôles complémentaires\u003c\/h2\u003e\n \u003cp class=\"soi-hesp-section-intro\"\u003eLa formule repose sur des huiles essentielles reconnues pour leur parfum et leur usage traditionnel en soin d'hygiène.\u003c\/p\u003e\n \u003cdiv class=\"soi-hesp-compo\"\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003eCèdre\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eNote boisée, utilisée traditionnellement pour assainir et neutraliser les odeurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003eCitron\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eFraîcheur acidulée et senteur nette\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003eLavandin\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eNote aromatique apaisante pour la peau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003eLemongrass\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eTouche citronnée et tonique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003eOrange\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eSenteur douce et enveloppante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003ePamplemousse\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eEffet tonique et pétillant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003ePin\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eNote résineuse purifiante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-compo-row\"\u003e\n \u003cspan class=\"soi-hesp-compo-label\"\u003eRomarin\u003c\/span\u003e\n \u003cspan class=\"soi-hesp-compo-value\"\u003eParfum camphré et stimulant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-hesp-after\"\u003e\u003cstrong\u003eDosage :\u003c\/strong\u003e environ 500 pulvérisations par flacon de 100 ml. Les pourcentages exacts par huile essentielle ne sont pas communiqués par la marque. Les AJR\/VNR ne concernent pas ce produit, qui est un cosmétique et non un complément alimentaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hesp-section\"\u003e\n \u003ch2\u003eComment l'utiliser au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-hesp-timeline\"\u003e\n \u003cdiv class=\"soi-hesp-step\"\u003e\n \u003cdiv class=\"soi-hesp-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003e2 à 3 pulvérisations par aisselle, sur une peau propre et bien sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-step\"\u003e\n \u003cdiv class=\"soi-hesp-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-step-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003ePatientez quelques secondes avant de vous habiller.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-step\"\u003e\n \u003cdiv class=\"soi-hesp-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-step-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eDans la journée si nécessaire, par exemple après une séance de sport ou en cas de forte chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hesp-tip\"\u003e\n \u003cdiv class=\"soi-hesp-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eAprès le rasage ou l'épilation, attendez que la peau soit calmée avant d'appliquer : les huiles essentielles peuvent être piquantes sur une peau fraîchement irritée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"soi-hesp-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-hesp-accordion\"\u003e\n \u003cdetails class=\"soi-hesp-accordion-item\"\u003e\n \u003csummary class=\"soi-hesp-accordion-header\"\u003eContact et application\u003c\/summary\u003e\n \u003cdiv class=\"soi-hesp-accordion-content\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux et les muqueuses. Ne l'appliquez pas sur une peau lésée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-hesp-accordion-item\"\u003e\n \u003csummary class=\"soi-hesp-accordion-header\"\u003eExposition au soleil\u003c\/summary\u003e\n \u003cdiv class=\"soi-hesp-accordion-content\"\u003e\n \u003cp\u003eLes agrumes peuvent être photosensibilisants : évitez l'exposition solaire directe sur la zone traitée juste après application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-hesp-accordion-item\"\u003e\n \u003csummary class=\"soi-hesp-accordion-header\"\u003eGrossesse, allaitement et allergies\u003c\/summary\u003e\n \u003cdiv class=\"soi-hesp-accordion-content\"\u003e\n \u003cp\u003eDemandez conseil à un professionnel de santé en cas de grossesse, d'allaitement ou d'allergie connue aux huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-hesp-accordion-item\"\u003e\n \u003csummary class=\"soi-hesp-accordion-header\"\u003eEnfants\u003c\/summary\u003e\n \u003cdiv class=\"soi-hesp-accordion-content\"\u003e\n \u003cp\u003eTenez le flacon hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-hesp-after\"\u003eCe déodorant est un produit cosmétique d'hygiène : il ne remplace pas un traitement médical. En cas de transpiration excessive persistante, parlez-en à votre médecin.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hesp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-hesp-cta-box\"\u003e\n \u003cp class=\"soi-hesp-cta-tag\" style=\"color: white;\"\u003eUne fraîcheur vive et sincère, au quotidien\u003c\/p\u003e\n \u003cp class=\"soi-hesp-cta-text\" style=\"color: white;\"\u003eAvec Hespérid', les agrumes et les huiles essentielles vous accompagnent sans aluminium, dans le respect de votre peau. Un geste simple, une senteur lumineuse, un flacon fabriqué en Bourgogne qui dure longtemps : sentez-vous bien, naturellement, du matin jusqu'au soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-hesp-fiche {\n \/* === Couleurs Soinat (fixes) === *\/\n --soi-hesp-marine: #1A2D3D;\n --soi-hesp-marine-dark: #0F1E2B;\n --soi-hesp-marine-light: #2C4458;\n --soi-hesp-pomme: #A1C544;\n --soi-hesp-pomme-dark: #84A636;\n --soi-hesp-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-hesp-white: #FFFFFF;\n --soi-hesp-off-white: #F8FAF6;\n --soi-hesp-stone: #F1F3EE;\n --soi-hesp-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (agrumes du packaging) === *\/\n --soi-hesp-primary: #E08A3C;\n --soi-hesp-primary-soft: #FBEEDF;\n --soi-hesp-accent: #E8C53A;\n\n \/* === Textes === *\/\n --soi-hesp-text: #1A2D3D;\n --soi-hesp-text-soft: #4A5B6B;\n --soi-hesp-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-hesp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-hesp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-hesp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-hesp-radius: 12px;\n --soi-hesp-radius-sm: 8px;\n --soi-hesp-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-hesp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hesp-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-hesp-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-hesp-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-hesp-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-hesp-hero {\n position: relative;\n background: linear-gradient(160deg, var(--soi-hesp-marine) 0%, var(--soi-hesp-marine) 70%, var(--soi-hesp-marine-light) 100%);\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-hesp-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-hesp-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-hesp-pomme);\n}\n\n.soi-hesp-hero::after {\n content: '';\n position: absolute;\n bottom: 0; left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: var(--soi-hesp-primary);\n border-radius: 3px 3px 0 0;\n}\n\n.soi-hesp-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-hesp-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-hesp-pomme);\n border-radius: 50%;\n}\n\n.soi-hesp-hero-title {\n display: block;\n color: var(--soi-hesp-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-hesp-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-hesp-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-hesp-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-hesp-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-hesp-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-hesp-label-accent {\n background: var(--soi-hesp-pomme);\n border-color: var(--soi-hesp-pomme);\n color: var(--soi-hesp-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-hesp-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hesp-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-hesp-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-hesp-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-hesp-pomme);\n border-radius: 2px;\n}\n\n.soi-hesp-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-hesp-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-hesp-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-hesp-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-hesp-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-hesp-section strong {\n color: var(--soi-hesp-marine);\n font-weight: 600;\n}\n\n.soi-hesp-section .soi-hesp-after {\n margin-top: 1.5rem;\n color: var(--soi-hesp-text-soft);\n}\n\n\/* === BENEFITS === *\/\n.soi-hesp-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-hesp-benefit {\n background: var(--soi-hesp-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-hesp-radius);\n border: 1px solid var(--soi-hesp-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hesp-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-hesp-shadow-md);\n}\n\n.soi-hesp-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-hesp-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-hesp-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-hesp-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-hesp-benefit:hover .soi-hesp-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-hesp-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hesp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-hesp-benefit p {\n font-size: 15px;\n color: var(--soi-hesp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-hesp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-hesp-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-hesp-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-hesp-radius);\n border: 1px solid var(--soi-hesp-line);\n align-items: flex-start;\n}\n\n.soi-hesp-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-hesp-marine);\n color: var(--soi-hesp-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 box-shadow: 0 0 0 3px var(--soi-hesp-primary-soft);\n}\n\n.soi-hesp-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hesp-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-hesp-step-content p {\n font-size: 15px;\n color: var(--soi-hesp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-hesp-compo {\n background: var(--soi-hesp-off-white);\n border-radius: var(--soi-hesp-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n border-top: 3px solid var(--soi-hesp-primary);\n}\n\n.soi-hesp-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-hesp-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-hesp-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-hesp-compo-label {\n font-size: 12px;\n font-weight: 600;\n color: var(--soi-hesp-marine);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-hesp-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 400;\n color: var(--soi-hesp-text-soft);\n text-align: right;\n max-width: 70%;\n}\n\n\/* === TIP === *\/\n.soi-hesp-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-hesp-pomme-light);\n border-left: 4px solid var(--soi-hesp-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-hesp-radius) var(--soi-hesp-radius) 0;\n align-items: flex-start;\n}\n\n.soi-hesp-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-hesp-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-hesp-marine);\n margin-bottom: 4px;\n}\n\n.soi-hesp-tip p {\n font-size: 15px;\n color: var(--soi-hesp-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-hesp-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-hesp-accordion-item {\n background: var(--soi-hesp-off-white);\n border-radius: var(--soi-hesp-radius-sm);\n border: 1px solid var(--soi-hesp-line);\n overflow: hidden;\n}\n\n.soi-hesp-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-hesp-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 gap: 1rem;\n}\n\n.soi-hesp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-hesp-accordion-header::after {\n content: '+';\n flex-shrink: 0;\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-hesp-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-hesp-accordion-item[open] .soi-hesp-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-hesp-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-hesp-accordion-content p {\n font-size: 14px;\n color: var(--soi-hesp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-hesp-cta-box {\n background: var(--soi-hesp-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-hesp-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-hesp-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-hesp-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-hesp-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-hesp-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-hesp-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 500;\n color: var(--soi-hesp-white);\n line-height: 1.5;\n margin: 0;\n max-width: 640px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-hesp-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-hesp-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-hesp-compo-value {\n text-align: left;\n max-width: 100%;\n }\n\n .soi-hesp-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-hesp-fiche * {\n animation: none !important;\n transition: none !important;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-hesp-fiche {\n --soi-hesp-text-soft: #2C3E50;\n --soi-hesp-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603036397898,"sku":"SC8590","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-fraicheur-hesperid-100-ml-aromaspray-packshot.webp?v=1792056124"},{"product_id":"deovert-oceanic","title":"Déodorant Fraîcheur Océanic","description":"\u003cdiv class=\"soi-ocea-fiche\"\u003e\n\n \u003csection class=\"soi-ocea-hero\"\u003e\n \u003cdiv class=\"soi-ocea-hero-tag\"\u003e\n \u003cspan class=\"soi-ocea-tag-dot\"\u003e\u003c\/span\u003e\n Déodorant corporel · Saint Côme\n \u003c\/div\u003e\n \u003cspan class=\"soi-ocea-hero-title\"\u003eUne bouffée d'air marin, sans aluminium\u003c\/span\u003e\n \u003cp class=\"soi-ocea-hero-subtitle\"\u003eUn spray corporel de la gamme Deovert, formulé avec huit huiles essentielles pures et naturelles. Il agit sur les odeurs et laisse votre peau respirer.\u003c\/p\u003e\n \u003cdiv class=\"soi-ocea-hero-labels\"\u003e\n \u003cspan class=\"soi-ocea-label soi-ocea-label-accent\"\u003eSANS ALUMINIUM\u003c\/span\u003e\n \u003cspan class=\"soi-ocea-label\"\u003eSANS PARABENS\u003c\/span\u003e\n \u003cspan class=\"soi-ocea-label\"\u003eHUILES ESSENTIELLES PURES ET NATURELLES\u003c\/span\u003e\n \u003cspan class=\"soi-ocea-label\"\u003eFABRIQUÉ EN BOURGOGNE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003cp class=\"soi-ocea-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel efficace\u003c\/strong\u003e qui ne bloque pas la transpiration ? Le \u003cstrong\u003edéodorant Fraîcheur Océanic\u003c\/strong\u003e de Saint Côme (gamme Deovert) est un spray corporel \u003cstrong\u003esans aluminium et sans parabens\u003c\/strong\u003e, formulé avec des huiles essentielles pures et naturelles. Son parfum évoque l'air marin : citrus, notes résineuses et touche herbacée. Fabriqué en Bourgogne, il trouve facilement sa place dans votre quotidien, au bureau comme à la salle de sport.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003ch2\u003eDéodorant ou anti-transpirant : quelle différence ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-ocea-grid\"\u003e\n \u003cdiv class=\"soi-ocea-card soi-ocea-card-alt\"\u003e\n \u003ch3\u003e🧪 L'anti-transpirant\u003c\/h3\u003e\n \u003cp\u003eLe plus souvent, il utilise des sels d'aluminium pour limiter la sudation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-card\"\u003e\n \u003ch3\u003e🌿 Le déodorant\u003c\/h3\u003e\n \u003cp\u003eIl agit sur les \u003cstrong\u003eodeurs\u003c\/strong\u003e et laisse la sueur s'évacuer. C'est le principe d'Océanic.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-ocea-after\"\u003eLa transpiration est un mécanisme naturel de régulation de la température. Ce sont les bactéries présentes sur la peau qui, en la décomposant, créent l'odeur. Les huiles essentielles de la formule visent à limiter ce phénomène, sans empêcher votre corps de faire son travail.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003ch2\u003eLes huiles essentielles de la formule\u003c\/h2\u003e\n \u003cp class=\"soi-ocea-section-intro\"\u003eLa composition repose sur \u003cstrong\u003e8 huiles essentielles\u003c\/strong\u003e, chacune avec son rôle dans la senteur et le confort d'usage.\u003c\/p\u003e\n \u003cdiv class=\"soi-ocea-notes\"\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003eCèdre\u003c\/h3\u003e\n \u003cp\u003eUne base boisée, traditionnellement utilisée en parfumerie pour ses notes assainissantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003eCitron\u003c\/h3\u003e\n \u003cp\u003eL'éclat vif et pétillant du parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003eOrange\u003c\/h3\u003e\n \u003cp\u003eUne facette douce et solaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003ePamplemousse\u003c\/h3\u003e\n \u003cp\u003eUne fraîcheur tonique, légèrement amère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003eLemongrass\u003c\/h3\u003e\n \u003cp\u003eUne note herbacée et citronnée très rafraîchissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003eLavandin\u003c\/h3\u003e\n \u003cp\u003eUne touche aromatique, apaisante à l'odorat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003ePin\u003c\/h3\u003e\n \u003cp\u003eLe côté forêt et air marin, purifiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-note\"\u003e\n \u003ch3\u003eRomarin\u003c\/h3\u003e\n \u003cp\u003eUne note camphrée et dynamisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-tip\"\u003e\n \u003cdiv class=\"soi-ocea-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLe dosage exact par pulvérisation n'étant pas communiqué, nous vous invitons à consulter la liste INCI complète figurant sur le flacon, notamment pour repérer les allergènes naturels des huiles essentielles (limonène, linalol...).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003ch2\u003eComment l'utiliser au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-ocea-timeline\"\u003e\n \u003cdiv class=\"soi-ocea-step\"\u003e\n \u003cdiv class=\"soi-ocea-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-step-content\"\u003e\n \u003ch3\u003ePréparez la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur des aisselles propres et bien sèches, après la douche par exemple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-step\"\u003e\n \u003cdiv class=\"soi-ocea-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-step-content\"\u003e\n \u003ch3\u003eVaporisez à environ 15 cm\u003c\/h3\u003e\n \u003cp\u003eUne ou deux pulvérisations par aisselle suffisent généralement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-step\"\u003e\n \u003cdiv class=\"soi-ocea-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-step-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003eQuelques secondes suffisent avant de vous habiller. Renouvelez dans la journée si vous en ressentez le besoin (sport, forte chaleur).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-compo\"\u003e\n \u003cdiv class=\"soi-ocea-compo-row\"\u003e\n \u003cspan class=\"soi-ocea-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-ocea-compo-value\"\u003eFlacon de 100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-compo-row\"\u003e\n \u003cspan class=\"soi-ocea-compo-label\"\u003eNombre de pulvérisations\u003c\/span\u003e\n \u003cspan class=\"soi-ocea-compo-value\"\u003eEnviron 500 par flacon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ocea-compo-row\"\u003e\n \u003cspan class=\"soi-ocea-compo-label\"\u003eForme\u003c\/span\u003e\n \u003cspan class=\"soi-ocea-compo-value\"\u003eSpray corporel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-ocea-after\"\u003eIl dure longtemps : un usage qui reste économique au fil des semaines.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003ch2\u003eUn déodorant naturel pour homme comme pour femme\u003c\/h2\u003e\n \u003cp\u003eCette senteur fraîche et unisexe plaît aussi bien en \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e qu'en déodorant féminin. Si vous cherchiez un \u003cstrong\u003edéodorant homme naturel\u003c\/strong\u003e sans parfum lourd ni sillage sucré, son côté marin et boisé est un bon compromis. Le format spray, léger et non gras, ne laisse ni traces blanches ni film collant sur les vêtements.\u003c\/p\u003e\n \u003cdiv class=\"soi-ocea-tip\"\u003e\n \u003cdiv class=\"soi-ocea-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat pour la transition\u003c\/strong\u003e\n \u003cp\u003eSi vous quittez un anti-transpirant, votre corps peut mettre quelques semaines à retrouver son équilibre. Soyez patient, et lavez vos aisselles quotidiennement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003ch2\u003eDéodorant maison naturel ou produit formulé : que choisir ?\u003c\/h2\u003e\n \u003cp\u003eBeaucoup de personnes testent d'abord un \u003cstrong\u003edéodorant maison naturel\u003c\/strong\u003e à base de bicarbonate de soude. Il absorbe l'humidité, mais il est abrasif et son pH alcalin peut provoquer rougeurs et picotements sur les peaux sensibles ou après rasage. Un \u003cstrong\u003edéodorant naturel maison\u003c\/strong\u003e demande aussi des dosages précis et une conservation rigoureuse.\u003c\/p\u003e\n \u003cp\u003eUn produit comme Océanic vous apporte une formule déjà équilibrée, un spray hygiénique et une texture sans poudre. Ces avantages en font un \u003cstrong\u003edéodorant efficace naturel\u003c\/strong\u003e pratique, si vous n'avez pas le temps de bricoler.\u003c\/p\u003e\n \u003cp\u003eÀ noter : Océanic est conçu pour le corps. Pour un \u003cstrong\u003edéodorant naturel pour chaussures\u003c\/strong\u003e, choisissez plutôt un produit dédié, et pensez à bien sécher vos pieds et à aérer vos paires.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ocea-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-ocea-accordion\"\u003e\n \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n \u003csummary class=\"soi-ocea-accordion-header\"\u003eAvant la première utilisation\u003c\/summary\u003e\n \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n \u003cp\u003eFaites un test dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n \u003csummary class=\"soi-ocea-accordion-header\"\u003eZones et peaux à éviter\u003c\/summary\u003e\n \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n \u003cp\u003eNe l'appliquez pas sur une peau irritée, lésée ou fraîchement rasée. Évitez les yeux et les muqueuses. Tenez hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n \u003csummary class=\"soi-ocea-accordion-header\"\u003ePublics particuliers\u003c\/summary\u003e\n \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n \u003cp\u003eFemmes enceintes ou allaitantes, personnes allergiques : demandez conseil à un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n \u003csummary class=\"soi-ocea-accordion-header\"\u003eExposition au soleil\u003c\/summary\u003e\n \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n \u003cp\u003eLes agrumes pouvant être photosensibilisants, évitez l'exposition solaire directe sur la zone traitée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-ocea-accordion-item\"\u003e\n \u003csummary class=\"soi-ocea-accordion-header\"\u003eTranspiration excessive\u003c\/summary\u003e\n \u003cdiv class=\"soi-ocea-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace pas un traitement médical. En cas de transpiration excessive (hyperhidrose), consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"soi-ocea-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-ocea-cta-box\"\u003e\n \u003cp class=\"soi-ocea-cta-tag\" style=\"color: white;\"\u003eVotre routine, version air marin\u003c\/p\u003e\n \u003cp class=\"soi-ocea-cta-text\" style=\"color: white;\"\u003eHuit huiles essentielles, sans aluminium ni parabens, et une fabrication bourguignonne : un geste simple et vivifiant qui respecte le fonctionnement naturel de votre peau, du matin jusqu'au soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-ocea-fiche {\n --soi-ocea-marine: #1A2D3D;\n --soi-ocea-marine-dark: #0F1E2B;\n --soi-ocea-marine-light: #2C4458;\n --soi-ocea-pomme: #A1C544;\n --soi-ocea-pomme-dark: #84A636;\n --soi-ocea-pomme-light: rgba(161,197,68,0.10);\n --soi-ocea-white: #FFFFFF;\n --soi-ocea-off-white: #F8FAF6;\n --soi-ocea-stone: #F1F3EE;\n --soi-ocea-line: #E5E8E0;\n --soi-ocea-primary: #2F3B7A;\n --soi-ocea-primary-soft: #EEF0F8;\n --soi-ocea-accent: #F2C230;\n --soi-ocea-text: #1A2D3D;\n --soi-ocea-text-soft: #4A5B6B;\n --soi-ocea-text-muted: #7B8693;\n --soi-ocea-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-ocea-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-ocea-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-ocea-radius: 12px;\n --soi-ocea-radius-sm: 8px;\n --soi-ocea-radius-pill: 999px;\n}\n\n.soi-ocea-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ocea-fiche img { max-width: 100%; height: auto; }\n\n.soi-ocea-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-ocea-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-ocea-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-ocea-hero {\n position: relative;\n background: var(--soi-ocea-marine);\n background-image: linear-gradient(160deg, var(--soi-ocea-marine) 0%, var(--soi-ocea-marine) 60%, var(--soi-ocea-primary) 130%);\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-ocea-radius);\n text-align: center;\n overflow: hidden;\n}\n.soi-ocea-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-ocea-pomme);\n}\n.soi-ocea-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: clamp(10px, 1.5vw, 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.soi-ocea-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-ocea-pomme);\n border-radius: 50%;\n}\n.soi-ocea-hero-title {\n display: block;\n color: var(--soi-ocea-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n.soi-ocea-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.soi-ocea-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n.soi-ocea-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-ocea-white);\n font-size: clamp(10px, 1.5vw, 11px);\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-ocea-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n.soi-ocea-label-accent {\n background: var(--soi-ocea-pomme);\n border-color: var(--soi-ocea-pomme);\n color: var(--soi-ocea-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-ocea-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n.soi-ocea-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-ocea-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.soi-ocea-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-ocea-pomme);\n border-radius: 2px;\n}\n.soi-ocea-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-ocea-text-soft);\n margin-bottom: 1.5rem;\n max-width: 760px;\n}\n.soi-ocea-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-ocea-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n.soi-ocea-section p:last-child {\n margin-bottom: 0;\n}\n.soi-ocea-section .soi-ocea-section-intro {\n color: var(--soi-ocea-text-soft);\n font-size: clamp(14px, 2vw, 16px);\n}\n.soi-ocea-section strong {\n color: var(--soi-ocea-marine);\n font-weight: 600;\n}\n.soi-ocea-after {\n margin-top: 1.25rem;\n}\n\n\/* GRID + CARDS *\/\n.soi-ocea-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n.soi-ocea-card {\n background: var(--soi-ocea-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-ocea-radius);\n border-left: 3px solid var(--soi-ocea-pomme);\n}\n.soi-ocea-card-alt {\n background: var(--soi-ocea-stone);\n border-left-color: var(--soi-ocea-text-muted);\n}\n.soi-ocea-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(15px, 2vw, 16px);\n font-weight: 600;\n color: var(--soi-ocea-marine);\n margin-bottom: 0.5rem;\n}\n.soi-ocea-section .soi-ocea-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--soi-ocea-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* NOTES (huiles essentielles) *\/\n.soi-ocea-notes {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\n gap: 12px;\n margin-bottom: 1.5rem;\n}\n.soi-ocea-note {\n background: var(--soi-ocea-white);\n border: 1px solid var(--soi-ocea-line);\n border-top: 3px solid var(--soi-ocea-primary);\n border-radius: var(--soi-ocea-radius-sm);\n padding: 1rem 1.25rem;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.soi-ocea-note:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-ocea-shadow-md);\n}\n.soi-ocea-note h3 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(14px, 2vw, 15px);\n font-weight: 600;\n color: var(--soi-ocea-marine);\n margin-bottom: 0.3rem;\n}\n.soi-ocea-section .soi-ocea-note p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--soi-ocea-text-soft);\n line-height: 1.55;\n margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-ocea-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n.soi-ocea-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-ocea-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-ocea-radius);\n border: 1px solid var(--soi-ocea-line);\n align-items: flex-start;\n}\n.soi-ocea-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-ocea-marine);\n color: var(--soi-ocea-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 box-shadow: 0 0 0 3px var(--soi-ocea-pomme-light);\n}\n.soi-ocea-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(15px, 2vw, 16px);\n font-weight: 600;\n color: var(--soi-ocea-marine);\n margin-bottom: 0.3rem;\n}\n.soi-ocea-section .soi-ocea-step-content p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-ocea-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-ocea-compo {\n background: var(--soi-ocea-primary-soft);\n border-radius: var(--soi-ocea-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n.soi-ocea-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-ocea-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n.soi-ocea-compo-row:last-child {\n border-bottom: none;\n}\n.soi-ocea-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-ocea-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n.soi-ocea-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-ocea-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-ocea-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-ocea-pomme-light);\n border-left: 4px solid var(--soi-ocea-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-ocea-radius) var(--soi-ocea-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n.soi-ocea-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n.soi-ocea-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-ocea-marine);\n margin-bottom: 4px;\n}\n.soi-ocea-section .soi-ocea-tip p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-ocea-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-ocea-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.soi-ocea-accordion-item {\n background: var(--soi-ocea-off-white);\n border-radius: var(--soi-ocea-radius-sm);\n border: 1px solid var(--soi-ocea-line);\n overflow: hidden;\n}\n.soi-ocea-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-ocea-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 gap: 1rem;\n}\n.soi-ocea-accordion-header::-webkit-details-marker {\n display: none;\n}\n.soi-ocea-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-ocea-pomme-dark);\n transition: transform 0.2s ease;\n}\n.soi-ocea-accordion-item[open] .soi-ocea-accordion-header::after {\n transform: rotate(45deg);\n}\n.soi-ocea-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n.soi-ocea-section .soi-ocea-accordion-content p {\n font-size: 14px;\n color: var(--soi-ocea-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA *\/\n.soi-ocea-cta-box {\n background: var(--soi-ocea-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-ocea-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n.soi-ocea-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-ocea-pomme);\n border-radius: 0 0 4px 4px;\n}\n.soi-ocea-section .soi-ocea-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-ocea-pomme);\n margin-bottom: 0.75rem;\n}\n.soi-ocea-section .soi-ocea-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(17px, 3vw, 21px);\n font-weight: 500;\n color: var(--soi-ocea-white);\n line-height: 1.45;\n margin: 0 auto;\n max-width: 620px;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n .soi-ocea-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n .soi-ocea-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n .soi-ocea-compo-value {\n text-align: left;\n }\n .soi-ocea-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-ocea-fiche * {\n animation: none !important;\n transition: none !important;\n }\n}\n@media (prefers-contrast: more) {\n .soi-ocea-fiche {\n --soi-ocea-text-soft: #2C3E50;\n --soi-ocea-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603037610314,"sku":"SC8595","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-fraicheur-oceanic-packshot.webp?v=1792055497"},{"product_id":"gel-douche-doux-bio-miel","title":"Gel douche doux Bio Miel, Aloe Vera et Lait d'Amande - Propolia","description":"\n\u003cdiv class=\"soi-gdmiel-fiche\"\u003e\n\n\u003csection class=\"soi-gdmiel-hero\"\u003e\n\u003cdiv class=\"soi-gdmiel-hero-tag\"\u003e\n\u003cspan class=\"soi-gdmiel-tag-dot\"\u003e\u003c\/span\u003e\nHygiène · Propolia\n\u003c\/div\u003e\n\u003cspan class=\"soi-gdmiel-hero-title\"\u003eLa douceur du miel sous la douche\u003c\/span\u003e\n\u003cp class=\"soi-gdmiel-hero-subtitle\"\u003eFormulé à 99 % d'ingrédients d'origine naturelle, ce gel douche bio au miel, à l'aloe vera et au lait d'amande hydrate et adoucit votre peau au quotidien, pour toute la famille dès 3 ans.\u003c\/p\u003e\n\u003cdiv class=\"soi-gdmiel-hero-labels\"\u003e\n\u003cspan class=\"soi-gdmiel-label soi-gdmiel-label-accent\"\u003eBIO ECOCERT\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-label\"\u003eSANS SULFATES\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-label\"\u003eTESTÉ DERMATOLOGIQUEMENT\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-label\"\u003eDÈS 3 ANS\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdmiel-section\"\u003e\n\u003ch2\u003eCe que ce gel douche ultra doux apporte concrètement à votre peau\u003c\/h2\u003e\n\u003cp class=\"soi-gdmiel-section-intro\"\u003eDerrière son parfum gourmand d'amande douce se cache une formule pensée pour respecter et chouchouter votre peau, pas seulement la laver.\u003c\/p\u003e\n\u003cdiv class=\"soi-gdmiel-benefits\"\u003e\n\u003cdiv class=\"soi-gdmiel-benefit\"\u003e\n\u003cdiv class=\"soi-gdmiel-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eMiel bio\u003c\/h3\u003e\n\u003cp\u003eActif naturellement humectant, il attire et retient l'eau dans les cellules cutanées. Résultat : une peau souple et nourrie, sans effet gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-benefit\"\u003e\n\u003cdiv class=\"soi-gdmiel-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eAloe vera bio\u003c\/h3\u003e\n\u003cp\u003eApaisant et hydratant, il soulage les petites irritations et laisse la peau fraîche après la douche, même en cas de peau sèche ou réactive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-benefit\"\u003e\n\u003cdiv class=\"soi-gdmiel-benefit-icon\"\u003e\u003cspan\u003e🥛\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eLait d'amande\u003c\/h3\u003e\n\u003cp\u003eRiche en acides gras, il enveloppe la peau d'un voile protecteur et adoucissant qui limite les tiraillements après le rinçage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-tip\"\u003e\n\u003cdiv class=\"soi-gdmiel-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003eEnsemble, ces trois actifs forment un trio complémentaire qui nettoie en douceur, hydrate et adoucit sans perturber le film hydrolipidique naturel de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdmiel-section\"\u003e\n\u003ch2\u003eUn gel douche bio ultra doux pour toute la famille\u003c\/h2\u003e\n\u003cp class=\"soi-gdmiel-section-intro\"\u003eSa formule hypoallergénique, sans savon et sans tensioactifs sulfatés, le rend adapté à une utilisation quotidienne, y compris pour :\u003c\/p\u003e\n\u003cdiv class=\"soi-gdmiel-grid\"\u003e\n\u003cdiv class=\"soi-gdmiel-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n\u003cp\u003eConvient aux peaux sujettes aux rougeurs grâce à sa formule douce et apaisante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card\"\u003e\n\u003ch3\u003e💧 Peaux sèches ou très sèches\u003c\/h3\u003e\n\u003cp\u003eSes actifs hydratants et nourrissants préviennent les sensations de tiraillement après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card\"\u003e\n\u003ch3\u003e👶 Enfants dès 3 ans\u003c\/h3\u003e\n\u003cp\u003eUsage familial confirmé : sa tolérance a été testée sous contrôle dermatologique, même pour les épidermes les plus délicats.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card\"\u003e\n\u003ch3\u003e🌱 Adeptes du bio exigeants\u003c\/h3\u003e\n\u003cp\u003eUn gel douche doux certifié bio, sans compromis sur l'efficacité ni sur le plaisir d'utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdmiel-section\"\u003e\n\u003ch2\u003eComposition complète du gel douche doux Propolia\u003c\/h2\u003e\n\u003cdiv class=\"soi-gdmiel-compo\"\u003e\n\u003cdiv class=\"soi-gdmiel-compo-row\"\u003e\n\u003cspan class=\"soi-gdmiel-compo-label\"\u003eContenance\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-compo-value\"\u003e200 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-compo-row\"\u003e\n\u003cspan class=\"soi-gdmiel-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-compo-value\"\u003e99 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-compo-row\"\u003e\n\u003cspan class=\"soi-gdmiel-compo-label\"\u003eAgriculture biologique\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-compo-value\"\u003e16 % du total des ingrédients\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-compo-row\"\u003e\n\u003cspan class=\"soi-gdmiel-compo-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-compo-value\"\u003eEcocert\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-compo-row\"\u003e\n\u003cspan class=\"soi-gdmiel-compo-label\"\u003eFabrication\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-compo-value\"\u003eFrance (Occitanie)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-accordion\"\u003e\n\u003cdetails class=\"soi-gdmiel-accordion-item\"\u003e\n\u003csummary class=\"soi-gdmiel-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"soi-gdmiel-accordion-content\"\u003e\n\u003cp\u003eAqua, Sodium Cocoyl Glutamate, Coco-Glucoside, Glycerin*, Glyceryl Oleate, Prunus Amygdalus Dulcis (Sweet Almond) Milk, Aloe Barbadensis Leaf Juice*, Mel* (Honey), Sodium Chloride, Parfum, Sodium Benzoate, Potassium Sorbate, Citric Acid, Lactic Acid.\u003c\/p\u003e\n\u003cp\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdmiel-section\"\u003e\n\u003ch2\u003eComment utiliser ce gel douche doux au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"soi-gdmiel-timeline\"\u003e\n\u003cdiv class=\"soi-gdmiel-step\"\u003e\n\u003cdiv class=\"soi-gdmiel-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-step-content\"\u003e\n\u003ch3\u003eAppliquer\u003c\/h3\u003e\n\u003cp\u003eVersez une noisette de gel sur une éponge ou directement sur la peau humide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-step\"\u003e\n\u003cdiv class=\"soi-gdmiel-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-step-content\"\u003e\n\u003ch3\u003eFaire mousser\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement l'ensemble du corps avec des gestes circulaires pour faire mousser le gel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-step\"\u003e\n\u003cdiv class=\"soi-gdmiel-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-step-content\"\u003e\n\u003ch3\u003eRincer\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau tiède. Profitez du parfum gourmand d'amande douce qui persiste après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdmiel-section\"\u003e\n\u003ch2\u003eLes engagements Propolia qui font la différence\u003c\/h2\u003e\n\u003cdiv class=\"soi-gdmiel-grid-compact\"\u003e\n\u003cdiv class=\"soi-gdmiel-card-mini\"\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-value\"\u003eBio Ecocert\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card-mini\"\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-value\"\u003eFrance (Occitanie)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card-mini\"\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-label\"\u003eFormule\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-value\"\u003eSans sulfates\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card-mini\"\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-icon\"\u003e🔬\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-label\"\u003eTolérance\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-value\"\u003eTesté dermatologiquement\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-gdmiel-card-mini\"\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-icon\"\u003e👶\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-label\"\u003eUsage familial\u003c\/span\u003e\n\u003cspan class=\"soi-gdmiel-card-mini-value\"\u003eDès 3 ans\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdmiel-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-gdmiel-cta-box\"\u003e\n\u003cp class=\"soi-gdmiel-cta-tag\" style=\"color: white;\"\u003eUn rituel de douceur pour toute la famille\u003c\/p\u003e\n\u003cp class=\"soi-gdmiel-cta-text\" style=\"color: white;\"\u003eBien plus qu'un simple nettoyant, ce gel douche bio Propolia transforme chaque douche en un geste de soin naturel, doux sur les peaux sensibles et parfumé comme un instant de gourmandise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-gdmiel-marine: #1A2D3D;\n --soi-gdmiel-marine-dark: #0F1E2B;\n --soi-gdmiel-marine-light: #2C4458;\n --soi-gdmiel-pomme: #A1C544;\n --soi-gdmiel-pomme-dark: #84A636;\n --soi-gdmiel-pomme-light: rgba(161,197,68,0.10);\n\n --soi-gdmiel-white: #FFFFFF;\n --soi-gdmiel-off-white: #F8FAF6;\n --soi-gdmiel-stone: #F1F3EE;\n --soi-gdmiel-line: #E5E8E0;\n\n --soi-gdmiel-primary: #8B5FA0;\n --soi-gdmiel-primary-soft: rgba(139,95,160,0.10);\n --soi-gdmiel-accent: #D4A82A;\n\n --soi-gdmiel-text: #1A2D3D;\n --soi-gdmiel-text-soft: #4A5B6B;\n --soi-gdmiel-text-muted: #7B8693;\n\n --soi-gdmiel-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gdmiel-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gdmiel-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gdmiel-radius: 12px;\n --soi-gdmiel-radius-sm: 8px;\n --soi-gdmiel-radius-pill: 999px;\n}\n\n.soi-gdmiel-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gdmiel-fiche img { max-width: 100%; height: auto; }\n\n.soi-gdmiel-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gdmiel-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gdmiel-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gdmiel-hero {\n position: relative;\n background: var(--soi-gdmiel-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-gdmiel-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gdmiel-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gdmiel-pomme);\n}\n\n.soi-gdmiel-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-gdmiel-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gdmiel-pomme);\n border-radius: 50%;\n}\n\n.soi-gdmiel-hero-title {\n display: block;\n color: var(--soi-gdmiel-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-gdmiel-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-gdmiel-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gdmiel-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-gdmiel-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gdmiel-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gdmiel-label-accent {\n background: var(--soi-gdmiel-pomme);\n border-color: var(--soi-gdmiel-pomme);\n color: var(--soi-gdmiel-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gdmiel-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gdmiel-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gdmiel-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-gdmiel-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gdmiel-pomme);\n border-radius: 2px;\n}\n\n.soi-gdmiel-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gdmiel-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-gdmiel-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gdmiel-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gdmiel-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gdmiel-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-gdmiel-benefit {\n background: var(--soi-gdmiel-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gdmiel-radius);\n border: 1px solid var(--soi-gdmiel-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gdmiel-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gdmiel-shadow-md);\n}\n\n.soi-gdmiel-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gdmiel-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-gdmiel-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gdmiel-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gdmiel-benefit:hover .soi-gdmiel-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gdmiel-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdmiel-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gdmiel-benefit p {\n font-size: 15px;\n color: var(--soi-gdmiel-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gdmiel-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-gdmiel-card {\n background: var(--soi-gdmiel-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gdmiel-radius);\n border-left: 3px solid var(--soi-gdmiel-pomme);\n}\n\n.soi-gdmiel-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdmiel-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gdmiel-card p {\n font-size: 14px;\n color: var(--soi-gdmiel-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-gdmiel-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-gdmiel-card-mini {\n background: var(--soi-gdmiel-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-gdmiel-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-gdmiel-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-gdmiel-card-mini-label {\n font-size: 11px;\n color: var(--soi-gdmiel-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-gdmiel-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gdmiel-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-gdmiel-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-gdmiel-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gdmiel-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gdmiel-radius);\n border: 1px solid var(--soi-gdmiel-line);\n align-items: flex-start;\n}\n\n.soi-gdmiel-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gdmiel-marine);\n color: var(--soi-gdmiel-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-gdmiel-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdmiel-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gdmiel-step-content p {\n font-size: 15px;\n color: var(--soi-gdmiel-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-gdmiel-compo {\n background: var(--soi-gdmiel-off-white);\n border-radius: var(--soi-gdmiel-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.soi-gdmiel-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-gdmiel-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-gdmiel-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-gdmiel-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-gdmiel-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-gdmiel-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-gdmiel-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-gdmiel-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gdmiel-pomme-light);\n border-left: 4px solid var(--soi-gdmiel-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gdmiel-radius) var(--soi-gdmiel-radius) 0;\n align-items: flex-start;\n}\n\n.soi-gdmiel-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gdmiel-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gdmiel-marine);\n margin-bottom: 4px;\n}\n\n.soi-gdmiel-tip p {\n font-size: 15px;\n color: var(--soi-gdmiel-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gdmiel-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gdmiel-accordion-item {\n background: var(--soi-gdmiel-off-white);\n border-radius: var(--soi-gdmiel-radius-sm);\n border: 1px solid var(--soi-gdmiel-line);\n overflow: hidden;\n}\n\n.soi-gdmiel-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gdmiel-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-gdmiel-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gdmiel-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gdmiel-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gdmiel-accordion-item[open] .soi-gdmiel-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gdmiel-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gdmiel-accordion-content p {\n font-size: 14px;\n color: var(--soi-gdmiel-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem 0;\n}\n\n.soi-gdmiel-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gdmiel-cta-box {\n background: var(--soi-gdmiel-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gdmiel-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gdmiel-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-gdmiel-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gdmiel-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-gdmiel-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gdmiel-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gdmiel-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-gdmiel-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gdmiel-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-gdmiel-compo-value {\n text-align: left;\n }\n\n .soi-gdmiel-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gdmiel-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gdmiel-fiche {\n --soi-gdmiel-text-soft: #2C3E50;\n --soi-gdmiel-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603178611018,"sku":"AP0103","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-doux-bio-miel-aloe-vera-et-lait-damande-propolia-packshot.webp?v=1788683708"},{"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.9,"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":"deovert-pieds-chaussures","title":"Déodorant pour Pieds et Chaussures","description":"\n\u003cdiv class=\"soi-deov-fiche\"\u003e\n\n\u003csection class=\"soi-deov-hero\"\u003e\n \u003cdiv class=\"soi-deov-hero-tag\"\u003e\n \u003cspan class=\"soi-deov-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène podologique · Saint Côme Cosmétiques\n \u003c\/div\u003e\n \u003cspan class=\"soi-deov-hero-title\"\u003eFraîcheur naturelle pour vos pieds au quotidien\u003c\/span\u003e\n \u003cp class=\"soi-deov-hero-subtitle\"\u003eLe Déovert Podologique neutralise les odeurs et assainit vos chaussures grâce à ses huiles essentielles 100 % naturelles, sans sels d'aluminium ni conservateurs.\u003c\/p\u003e\n \u003cdiv class=\"soi-deov-hero-labels\"\u003e\n \u003cspan class=\"soi-deov-label soi-deov-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eSANS SELS D'ALUMINIUM\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eSANS COLORANTS\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n \u003cspan class=\"soi-deov-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eUn déodorant naturel pour les pieds qui va à l'essentiel\u003c\/h2\u003e\n \u003cp\u003eContrairement à de nombreux déodorants pour chaussures chargés de conservateurs ou de colorants, le Déovert Podologique mise sur des huiles essentielles 100 % naturelles aux propriétés déodorantes, assainissantes et apaisantes. Résultat : pas de simple masquage d'odeur, mais une action réelle à la source de la transpiration excessive.\u003c\/p\u003e\n \u003cp\u003eSa formule sans sels d'aluminium, sans colorants et sans conservateurs en fait un déodorant pour les pieds particulièrement adapté aux peaux sensibles, même utilisé quotidiennement. Il s'applique aussi bien directement sur les pieds que dans les chaussures, pour une double protection durable.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eCe que ce déodorant pour pieds fait concrètement pour vous\u003c\/h2\u003e\n \u003cdiv class=\"soi-deov-benefits\"\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNeutralise les odeurs\u003c\/h3\u003e\n \u003cp\u003eLes huiles essentielles agissent directement sur les bactéries responsables des odeurs, sans simplement les camoufler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRégule la transpiration\u003c\/h3\u003e\n \u003cp\u003eLimite les sensations d'humidité et d'inconfort à l'intérieur des chaussures, même lors des journées actives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAssainit les chaussures\u003c\/h3\u003e\n \u003cp\u003eEn pulvérisant dans vos chaussures le soir, vous empêchez la prolifération des bactéries et des odeurs persistantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-benefit\"\u003e\n \u003cdiv class=\"soi-deov-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaise et rafraîchit\u003c\/h3\u003e\n \u003cp\u003eLes actifs naturels procurent une sensation de fraîcheur immédiate, idéale après le sport ou une longue marche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eComment utiliser votre déodorant pour chaussures et pieds ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deov-timeline\"\u003e\n \u003cdiv class=\"soi-deov-step\"\u003e\n \u003cdiv class=\"soi-deov-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step-content\"\u003e\n \u003ch3\u003eSur les pieds propres et secs\u003c\/h3\u003e\n \u003cp\u003ePulvérisez à environ 15 cm, en insistant sur la plante et entre les orteils. Laissez sécher quelques secondes avant d'enfiler vos chaussettes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step\"\u003e\n \u003cdiv class=\"soi-deov-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step-content\"\u003e\n \u003ch3\u003eDans les chaussures\u003c\/h3\u003e\n \u003cp\u003e2 à 3 pulvérisations à l'intérieur de chaque chaussure, idéalement la veille ou le matin. Laissez agir quelques minutes avant de les enfiler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step\"\u003e\n \u003cdiv class=\"soi-deov-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-deov-step-content\"\u003e\n \u003ch3\u003eFréquence recommandée\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le chaque jour pour un confort optimal. Le flacon de 100 ml offre environ 500 pulvérisations, soit plusieurs mois d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-tip\"\u003e\n \u003cdiv class=\"soi-deov-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePulvérisez dans vos chaussures de sport le soir après l'entraînement : les huiles essentielles agissent toute la nuit pour assainir et désodoriser en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eComposition du Déovert Podologique\u003c\/h2\u003e\n \u003cp\u003eLa formule est construite autour d'huiles essentielles 100 % naturelles aux vertus reconnues pour l'hygiène des pieds : notes végétales fraîches, propriétés purifiantes et assainissantes. Elle est conçue sans colorants, sans conservateurs synthétiques, dans le respect des exigences cosmétiques françaises.\u003c\/p\u003e\n \u003cdiv class=\"soi-deov-compo\"\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eActifs principaux\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eHuiles essentielles 100 % naturelles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003e100 ml (≈ 500 pulvérisations)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eBourgogne, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deov-compo-row\"\u003e\n \u003cspan class=\"soi-deov-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-deov-compo-value\"\u003eSels d'aluminium, colorants, conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le déodorant pour les pieds\u003c\/h2\u003e\n \u003cdiv class=\"soi-deov-accordion\"\u003e\n \u003cdetails class=\"soi-deov-accordion-item\"\u003e\n \u003csummary class=\"soi-deov-accordion-header\"\u003e💊 Ce déodorant pieds remplace-t-il un traitement antifongique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-deov-accordion-content\"\u003e\n \u003cp\u003eNon. Si vous souffrez d'une mycose avérée, consultez un professionnel de santé. Ce produit est un déodorant cosmétique, non un médicament.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-deov-accordion-item\"\u003e\n \u003csummary class=\"soi-deov-accordion-header\"\u003e👟 Peut-on l'utiliser sur toutes les chaussures ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-deov-accordion-content\"\u003e\n \u003cp\u003eOui, y compris les chaussures de sport, les mocassins et les bottes. Évitez simplement de pulvériser directement sur des matières délicates comme le cuir verni.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-deov-accordion-item\"\u003e\n \u003csummary class=\"soi-deov-accordion-header\"\u003e👨‍👩‍👧‍👦 Convient-il à toute la famille ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-deov-accordion-content\"\u003e\n \u003cp\u003eIl est formulé pour les adultes. Pour les enfants, demandez l'avis d'un professionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deov-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-deov-cta-box\"\u003e\n \u003cp class=\"soi-deov-cta-tag\" style=\"color: white;\"\u003eLe confort commence dès le premier pas\u003c\/p\u003e\n \u003cp class=\"soi-deov-cta-text\" style=\"color: white;\"\u003eFini les chaussures que l'on cache. Le Déovert Podologique Saint Côme est le compagnon discret de vos journées : une formule naturelle, fabriquée en France, qui prend soin de vos pieds et de vos chaussures en toute simplicité.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-deov-marine: #1A2D3D;\n --soi-deov-marine-dark: #0F1E2B;\n --soi-deov-marine-light: #2C4458;\n --soi-deov-pomme: #A1C544;\n --soi-deov-pomme-dark: #84A636;\n --soi-deov-pomme-light: rgba(161,197,68,0.10);\n --soi-deov-white: #FFFFFF;\n --soi-deov-off-white: #F8FAF6;\n --soi-deov-stone: #F1F3EE;\n --soi-deov-line: #E5E8E0;\n --soi-deov-primary: #6BAF8D;\n --soi-deov-primary-soft: rgba(107,175,141,0.12);\n --soi-deov-accent: #E2C94A;\n --soi-deov-text: #1A2D3D;\n --soi-deov-text-soft: #4A5B6B;\n --soi-deov-text-muted: #7B8693;\n --soi-deov-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-deov-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-deov-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-deov-radius: 12px;\n --soi-deov-radius-sm: 8px;\n --soi-deov-radius-pill: 999px;\n}\n\n.soi-deov-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-deov-fiche img { max-width: 100%; height: auto; }\n\n.soi-deov-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-deov-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-deov-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-deov-hero {\n position: relative;\n background: var(--soi-deov-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-deov-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-deov-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-deov-pomme);\n}\n\n.soi-deov-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-deov-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-deov-pomme);\n border-radius: 50%;\n}\n\n.soi-deov-hero-title {\n display: block;\n color: var(--soi-deov-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-deov-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-deov-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-deov-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-deov-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-deov-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-deov-label-accent {\n background: var(--soi-deov-pomme);\n border-color: var(--soi-deov-pomme);\n color: var(--soi-deov-marine);\n font-weight: 600;\n}\n\n.soi-deov-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-deov-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-deov-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-deov-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-deov-pomme);\n border-radius: 2px;\n}\n\n.soi-deov-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-deov-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-deov-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-deov-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-deov-benefit {\n background: var(--soi-deov-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-deov-radius);\n border: 1px solid var(--soi-deov-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-deov-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-deov-shadow-md);\n}\n\n.soi-deov-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-deov-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-deov-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-deov-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-deov-benefit:hover .soi-deov-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-deov-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deov-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deov-benefit p {\n font-size: 13px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deov-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-deov-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-deov-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deov-radius);\n border: 1px solid var(--soi-deov-line);\n align-items: flex-start;\n}\n\n.soi-deov-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-deov-marine);\n color: var(--soi-deov-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-deov-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deov-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-deov-step-content p {\n font-size: 14px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deov-compo {\n background: var(--soi-deov-off-white);\n border-radius: var(--soi-deov-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-deov-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-deov-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-deov-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-deov-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-deov-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-deov-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-deov-marine);\n text-align: right;\n}\n\n.soi-deov-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-deov-pomme-light);\n border-left: 4px solid var(--soi-deov-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-deov-radius) var(--soi-deov-radius) 0;\n align-items: flex-start;\n}\n\n.soi-deov-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-deov-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-deov-marine);\n margin-bottom: 4px;\n}\n\n.soi-deov-tip p {\n font-size: 14px;\n color: var(--soi-deov-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deov-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-deov-accordion-item {\n background: var(--soi-deov-off-white);\n border-radius: var(--soi-deov-radius-sm);\n border: 1px solid var(--soi-deov-line);\n overflow: hidden;\n}\n\n.soi-deov-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-deov-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-deov-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-deov-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-deov-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-deov-accordion-item[open] .soi-deov-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-deov-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-deov-accordion-content p {\n font-size: 14px;\n color: var(--soi-deov-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deov-cta-box {\n background: var(--soi-deov-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-deov-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-deov-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-deov-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-deov-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-deov-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-deov-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-deov-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-deov-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n .soi-deov-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n .soi-deov-compo-value {\n text-align: left;\n }\n .soi-deov-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-deov-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-deov-fiche {\n --soi-deov-text-soft: #2C3E50;\n --soi-deov-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire St Come","offers":[{"title":"Default Title","offer_id":61603283173706,"sku":"SC8605","price":11.25,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deovert-vapo-podologique-deodorant-pieds-chaussures_11zon.webp?v=1780733061"},{"product_id":"hygiene-intime-200ml-centifolia","title":"Soin Hygiène Intime Neutre certifié bio – Centifolia","description":"\n\u003cdiv class=\"soi-hint-fiche\"\u003e\n\n\u003csection class=\"soi-hint-hero\"\u003e\n \u003cdiv class=\"soi-hint-hero-tag\"\u003e\n \u003cspan class=\"soi-hint-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène intime · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-hint-hero-title\"\u003eSoin Hygiène Intime Neutre certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-hint-hero-subtitle\"\u003eUn gel nettoyant intime à la douceur exemplaire, enrichi en prébiotique actif, pour respecter et protéger les muqueuses sensibles au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-hero-labels\"\u003e\n \u003cspan class=\"soi-hint-label soi-hint-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-hint-label\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003cspan class=\"soi-hint-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-hint-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-hint-label\"\u003eTESTÉ SOUS CONTRÔLE GYNÉCOLOGIQUE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce soin hygiène intime certifié bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-hint-section-intro\"\u003ePrendre soin de votre hygiène intime ne s'improvise pas. La zone intime possède un pH naturellement acide (entre 3,8 et 4,5) qu'il est essentiel de préserver pour éviter irritations, démangeaisons et déséquilibres de la flore. Contrairement à un savon classique, ce gel nettoyant intime bio est conçu pour respecter cet équilibre fragile, sans agresser les muqueuses.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-benefits\"\u003e\n \u003cdiv class=\"soi-hint-benefit\"\u003e\n \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003epH physiologique respecté\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur sans perturber l'environnement naturel de votre flore intime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-benefit\"\u003e\n \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans parfum\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les peaux réactives et les muqueuses sensibles, sans aucune fragrance ajoutée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-benefit\"\u003e\n \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e99% d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eFormule certifiée Cosmos Organic, propre et transparente, pour une toilette en toute confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-benefit\"\u003e\n \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAdapté à toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux femmes enceintes, allaitantes, et aux enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003eLa technologie prébiotique active : ce qui fait la différence\u003c\/h2\u003e\n \u003cp class=\"soi-hint-section-intro\"\u003eCe qui distingue le soin hygiène intime Centifolia des autres nettoyants intimes, c'est sa synergie unique entre un prébiotique actif et un polysaccharide apaisant. Concrètement, ces deux actifs travaillent ensemble pour vous offrir une protection complète.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-grid\"\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e🦠 Nourrir le microbiote\u003c\/h3\u003e\n \u003cp\u003eLe prébiotique actif nourrit les bonnes bactéries de votre microbiote intime et cutané, favorisant un environnement sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e🛡️ Renforcer la barrière naturelle\u003c\/h3\u003e\n \u003cp\u003eLes muqueuses sont protégées contre les agressions extérieures grâce au renforcement de leur barrière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e✨ Prévenir les inconforts\u003c\/h3\u003e\n \u003cp\u003eContribue à prévenir les déséquilibres responsables des inconforts récurrents : sécheresse, tiraillements, irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-tip\"\u003e\n \u003cdiv class=\"soi-hint-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eDès la première utilisation, vous retrouvez une zone intime propre, apaisée et protégée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003eComment utiliser ce nettoyant intime bio au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-hint-timeline\"\u003e\n \u003cdiv class=\"soi-hint-step\"\u003e\n \u003cdiv class=\"soi-hint-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step-content\"\u003e\n \u003ch3\u003eDosez avec parcimonie\u003c\/h3\u003e\n \u003cp\u003eUne petite noisette suffit pour une toilette intime efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step\"\u003e\n \u003cdiv class=\"soi-hint-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step-content\"\u003e\n \u003ch3\u003eAppliquez à la main uniquement\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur la vulve externe, sans pénétrer. Évitez les gants de toilette qui peuvent être source de bactéries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step\"\u003e\n \u003cdiv class=\"soi-hint-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède, puis séchez délicatement par tamponnements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step\"\u003e\n \u003cdiv class=\"soi-hint-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step-content\"\u003e\n \u003ch3\u003eUne fois par jour maximum\u003c\/h3\u003e\n \u003cp\u003ePour éviter de trop nettoyer et déséquilibrer le microbiote, limitez la toilette intime à une fois par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003eComposition du Soin Hygiène Intime Neutre Centifolia\u003c\/h2\u003e\n \u003cp class=\"soi-hint-section-intro\"\u003eFormule épurée, à 99% d'ingrédients d'origine naturelle, sans parfum, sans phtalate, sans bisphénol A.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-compo\"\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003ePrébiotique actif\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003eXylitol\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003eActifs complémentaires\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003ePolysaccharides apaisants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003eOrigine des ingrédients\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003e99% d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-hint-accordion-item\"\u003e\n \u003csummary class=\"soi-hint-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-hint-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Coco-Glucoside Tartrate, Coco-Glucoside, Glycerin, Xylitylglucoside, Anhydroxylitol, Xylitol, Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003eLes engagements Centifolia qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-hint-grid\"\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertification biologique indépendante et rigoureuse, garantissant une formule respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France, dans le respect des matières premières et du savoir-faire cosmétique français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclable, composé à 50% de plastique recyclé, pour une démarche plus respectueuse de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003ePour qui est recommandé ce soin intime bio ?\u003c\/h2\u003e\n \u003cp\u003eCe nettoyant intime bio convient particulièrement aux femmes qui souffrent d'irritations récurrentes, aux peaux très sensibles, aux femmes enceintes ou allaitantes, et à toute personne souhaitant adopter une routine intime plus naturelle et respectueuse. Il peut également être utilisé par les enfants dès 3 ans, sous surveillance parentale.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-hint-accordion-item\"\u003e\n \u003csummary class=\"soi-hint-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-hint-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne remplace pas un avis médical en cas d'infection ou de symptômes persistants. Pour les enfants dès 3 ans, utilisez sous surveillance parentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-hint-cta-box\"\u003e\n \u003cp class=\"soi-hint-cta-tag\" style=\"color: white;\"\u003eVotre rituel de douceur au quotidien\u003c\/p\u003e\n \u003cp class=\"soi-hint-cta-text\" style=\"color: white;\"\u003ePrenez soin de vous avec une formule bio pensée pour les zones les plus délicates. Une toilette intime douce, protectrice et vraiment naturelle, chaque jour, pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-hint-marine: #1A2D3D;\n --soi-hint-marine-dark: #0F1E2B;\n --soi-hint-marine-light: #2C4458;\n --soi-hint-pomme: #A1C544;\n --soi-hint-pomme-dark: #84A636;\n --soi-hint-pomme-light: rgba(161,197,68,0.10);\n\n --soi-hint-white: #FFFFFF;\n --soi-hint-off-white: #F8FAF6;\n --soi-hint-stone: #F1F3EE;\n --soi-hint-line: #E5E8E0;\n\n --soi-hint-primary: #7BB8CE;\n --soi-hint-primary-soft: #D0EAF5;\n --soi-hint-accent: #5A9AB5;\n\n --soi-hint-text: #1A2D3D;\n --soi-hint-text-soft: #4A5B6B;\n --soi-hint-text-muted: #7B8693;\n\n --soi-hint-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-hint-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-hint-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-hint-radius: 12px;\n --soi-hint-radius-sm: 8px;\n --soi-hint-radius-pill: 999px;\n}\n\n.soi-hint-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hint-fiche img { max-width: 100%; height: auto; }\n\n.soi-hint-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-hint-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-hint-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-hint-hero {\n position: relative;\n background: var(--soi-hint-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-hint-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-hint-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-hint-pomme);\n}\n\n.soi-hint-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-hint-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-hint-pomme);\n border-radius: 50%;\n}\n\n.soi-hint-hero-title {\n display: block;\n color: var(--soi-hint-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-hint-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-hint-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-hint-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-hint-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-hint-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-hint-label-accent {\n background: var(--soi-hint-pomme);\n border-color: var(--soi-hint-pomme);\n color: var(--soi-hint-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-hint-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hint-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-hint-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-hint-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-hint-pomme);\n border-radius: 2px;\n}\n\n.soi-hint-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-hint-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-hint-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-hint-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-hint-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-hint-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-hint-benefit {\n background: var(--soi-hint-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-hint-radius);\n border: 1px solid var(--soi-hint-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hint-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-hint-shadow-md);\n}\n\n.soi-hint-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-hint-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-hint-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-hint-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-hint-benefit:hover .soi-hint-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-hint-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hint-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-hint-benefit p {\n font-size: 13px;\n color: var(--soi-hint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-hint-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-hint-card {\n background: var(--soi-hint-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-hint-radius);\n border-left: 3px solid var(--soi-hint-pomme);\n}\n\n.soi-hint-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hint-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-hint-card p {\n font-size: 14px;\n color: var(--soi-hint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-hint-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-hint-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-hint-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-hint-radius);\n border: 1px solid var(--soi-hint-line);\n align-items: flex-start;\n}\n\n.soi-hint-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-hint-marine);\n color: var(--soi-hint-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-hint-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-hint-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-hint-step-content p {\n font-size: 14px;\n color: var(--soi-hint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-hint-compo {\n background: var(--soi-hint-off-white);\n border-radius: var(--soi-hint-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-hint-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-hint-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-hint-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-hint-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-hint-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-hint-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-hint-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-hint-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-hint-pomme-light);\n border-left: 4px solid var(--soi-hint-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-hint-radius) var(--soi-hint-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-hint-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-hint-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-hint-marine);\n margin-bottom: 4px;\n}\n\n.soi-hint-tip p {\n font-size: 14px;\n color: var(--soi-hint-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-hint-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-hint-accordion-item {\n background: var(--soi-hint-off-white);\n border-radius: var(--soi-hint-radius-sm);\n border: 1px solid var(--soi-hint-line);\n overflow: hidden;\n}\n\n.soi-hint-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-hint-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-hint-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-hint-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-hint-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-hint-accordion-item[open] .soi-hint-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-hint-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-hint-accordion-content p {\n font-size: 14px;\n color: var(--soi-hint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-hint-cta-box {\n background: var(--soi-hint-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-hint-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-hint-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-hint-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-hint-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-hint-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-hint-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-hint-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-hint-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-hint-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-hint-compo-value {\n text-align: left;\n }\n\n .soi-hint-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-hint-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-hint-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-hint-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-hint-fiche {\n --soi-hint-text-soft: #2C3E50;\n --soi-hint-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603297853770,"sku":"CE0444","price":6.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soin-hygiene-intime-neutre-certifie-bio-centifolia-packshot.webp?v=1779188653"},{"product_id":"savon-actif-propolis-miel-et-karite-propolia","title":"Savon actif Propolis, Miel et Karité - Propolia","description":"\u003cdiv class=\"soi-spro-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-spro-hero\"\u003e\n \u003cdiv class=\"soi-spro-hero-tag\"\u003e\n \u003cspan class=\"soi-spro-tag-dot\"\u003e\u003c\/span\u003e\n Apithérapie · Propolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-spro-hero-title\"\u003e1 savon, 3 ingrédients\u003c\/span\u003e\n \u003cp class=\"soi-spro-hero-subtitle\"\u003ePurifier, réparer et nourrir votre peau au quotidien grâce à trois actifs naturels d'exception issus de la ruche et du karité, certifiés bio.\u003c\/p\u003e\n \u003cdiv class=\"soi-spro-hero-labels\"\u003e\n \u003cspan class=\"soi-spro-label soi-spro-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-spro-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-spro-label\"\u003eSANS PARABÈNE\u003c\/span\u003e\n \u003cspan class=\"soi-spro-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-spro-label\"\u003e97 % NATUREL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Purifier, réparer et nourrir au naturel --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003eSavon actif Propolis, Miel et Karité : purifier, réparer et nourrir au naturel\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un savon capable de nettoyer vraiment en profondeur, sans agresser votre peau ni la dessécher ? Le savon actif propolis miel et karité Propolia est fait pour vous. Certifié COSMOS Organic et fabriqué en France (Occitanie), il combine trois actifs naturels d'exception pour un soin complet, visage et corps, adapté à toute la famille dès 3 ans.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pourquoi ce savon fait la différence --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003ePourquoi ce savon miel et propolis fait la différence\u003c\/h2\u003e\n \u003cp class=\"soi-spro-section-intro\"\u003eContrairement à un savon classique, ce soin actif ne se contente pas de nettoyer la surface. Chaque ingrédient a un rôle précis :\u003c\/p\u003e\n \u003cdiv class=\"soi-spro-benefits\"\u003e\n \u003cdiv class=\"soi-spro-benefit\"\u003e\n \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e🐝\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePropolis bio\u003c\/h3\u003e\n \u003cp\u003eRésine naturelle produite par les abeilles, reconnue pour ses propriétés purifiantes et protectrices. Elle aide à assainir les peaux à tendance acnéique et à limiter les imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-benefit\"\u003e\n \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMiel bio\u003c\/h3\u003e\n \u003cp\u003eDoux, apaisant et réparateur, il hydrate la peau tout en la protégeant des agressions extérieures. Idéal pour les peaux sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-benefit\"\u003e\n \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBeurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, il nourrit et adoucit la peau durablement, sans laisser de sensation grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-benefit\"\u003e\n \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e💐\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuiles essentielles\u003c\/h3\u003e\n \u003cp\u003eLa lavande et le romarin apportent une odeur fraîche et naturelle, tout en renforçant l'action purifiante du savon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-tip\"\u003e\n \u003cdiv class=\"soi-spro-tip-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe résultat\u003c\/strong\u003e\n \u003cp\u003eUne peau propre, équilibrée, douce au toucher, sans tiraillement après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Pour qui --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003ePour qui est ce savon miel propolis bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-spro-grid\"\u003e\n \u003cdiv class=\"soi-spro-card\"\u003e\n \u003ch3\u003e🎯 Peaux à imperfections ou acnéiques\u003c\/h3\u003e\n \u003cp\u003eLa propolis aide à assainir sans irriter, ce qui en fait une alternative naturelle sérieuse aux savons chimiques anti-acné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles ou sèches\u003c\/h3\u003e\n \u003cp\u003eLe karité et le miel compensent l'effet nettoyant pour éviter toute sensation d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eFormulé pour les adultes comme pour les enfants dès 3 ans, il s'utilise au quotidien sur le visage et le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Composition --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003eComposition du savon actif Propolia (INCI)\u003c\/h2\u003e\n \u003cp class=\"soi-spro-section-intro\"\u003eCe savon contient 97 % d'ingrédients d'origine naturelle, dont une part certifiée biologique. Principaux actifs :\u003c\/p\u003e\n \u003cdiv class=\"soi-spro-compo\"\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003ePropolis bio (extrait)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eActif hydratant\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003eMiel bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eActif nourrissant\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003eBeurre de karité bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eHuiles essentielles\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003eLavande vraie, Romarin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003ePoids net\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003e100 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003eSans parabène, sans sulfate, sans colorant artificiel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-tip\"\u003e\n \u003cdiv class=\"soi-spro-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eUsage externe uniquement\u003c\/strong\u003e\n \u003cp\u003eCe savon n'est pas un complément alimentaire : il est exclusivement réservé à un usage cutané externe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Mode d'emploi --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003eComment utiliser le savon propolis miel et karité ?\u003c\/h2\u003e\n \u003cp class=\"soi-spro-section-intro\"\u003eSon utilisation est simple et adaptée à votre routine quotidienne :\u003c\/p\u003e\n \u003cdiv class=\"soi-spro-timeline\"\u003e\n \u003cdiv class=\"soi-spro-step\"\u003e\n \u003cdiv class=\"soi-spro-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eMouillez votre visage ou votre corps à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step\"\u003e\n \u003cdiv class=\"soi-spro-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains ou directement sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step\"\u003e\n \u003cdiv class=\"soi-spro-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step-content\"\u003e\n \u003ch3\u003eMassez et rincez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement en mouvements circulaires, puis rincez abondamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step\"\u003e\n \u003cdiv class=\"soi-spro-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step-content\"\u003e\n \u003ch3\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003eUtilisez matin et\/ou soir selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-tip\"\u003e\n \u003cdiv class=\"soi-spro-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour prolonger la durée de vie du pain de savon, conservez-le sur un porte-savon aéré entre deux utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Garanties qualité --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003eLes garanties qualité Propolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-spro-grid-compact\"\u003e\n \u003cdiv class=\"soi-spro-card-mini\"\u003e\n \u003cspan class=\"soi-spro-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-value\"\u003eCOSMOS Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card-mini\"\u003e\n \u003cspan class=\"soi-spro-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-value\"\u003eFrance, Occitanie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card-mini\"\u003e\n \u003cspan class=\"soi-spro-card-mini-icon\"\u003e🐝\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-value\"\u003e+ de 30 ans d'apiculture\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card-mini\"\u003e\n \u003cspan class=\"soi-spro-card-mini-icon\"\u003e✈️\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-value\"\u003e100 g, compact\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-spro-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-spro-cta-box\"\u003e\n \u003cp class=\"soi-spro-cta-tag\" style=\"color: white;\"\u003eUn soin d'hygiène purifiant, certifié bio\u003c\/p\u003e\n \u003cp class=\"soi-spro-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau la douceur de la ruche et du karité. Le savon actif Propolia, c'est la réponse naturelle pour une peau visiblement plus nette et plus douce, pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-spro-marine: #1A2D3D;\n --soi-spro-marine-dark: #0F1E2B;\n --soi-spro-marine-light: #2C4458;\n --soi-spro-pomme: #A1C544;\n --soi-spro-pomme-dark: #84A636;\n --soi-spro-pomme-light: rgba(161,197,68,0.10);\n --soi-spro-white: #FFFFFF;\n --soi-spro-off-white: #F8FAF6;\n --soi-spro-stone: #F1F3EE;\n --soi-spro-line: #E5E8E0;\n --soi-spro-primary: #D4A82A;\n --soi-spro-primary-soft: #F5E6B8;\n --soi-spro-accent: #8A5082;\n --soi-spro-text: #1A2D3D;\n --soi-spro-text-soft: #4A5B6B;\n --soi-spro-text-muted: #7B8693;\n --soi-spro-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-spro-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-spro-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-spro-radius: 12px;\n --soi-spro-radius-sm: 8px;\n --soi-spro-radius-pill: 999px;\n}\n\n.soi-spro-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-spro-fiche img { max-width: 100%; height: auto; }\n\n.soi-spro-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-spro-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-spro-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-spro-hero {\n position: relative;\n background: var(--soi-spro-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-spro-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-spro-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-spro-pomme);\n}\n\n.soi-spro-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-spro-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-spro-pomme);\n border-radius: 50%;\n}\n\n.soi-spro-hero-title {\n display: block;\n color: var(--soi-spro-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-spro-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-spro-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-spro-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-spro-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-spro-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-spro-label-accent {\n background: var(--soi-spro-pomme);\n border-color: var(--soi-spro-pomme);\n color: var(--soi-spro-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-spro-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-spro-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-spro-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-spro-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-spro-pomme);\n border-radius: 2px;\n}\n\n.soi-spro-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-spro-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-spro-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-spro-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-spro-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-spro-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-spro-benefit {\n background: var(--soi-spro-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-spro-radius);\n border: 1px solid var(--soi-spro-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-spro-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-spro-shadow-md);\n}\n\n.soi-spro-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-spro-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-spro-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-spro-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-spro-benefit:hover .soi-spro-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-spro-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-spro-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-spro-benefit p {\n font-size: 13px;\n color: var(--soi-spro-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-spro-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-spro-card {\n background: var(--soi-spro-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-spro-radius);\n border-left: 3px solid var(--soi-spro-pomme);\n}\n\n.soi-spro-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-spro-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-spro-card p {\n font-size: 14px;\n color: var(--soi-spro-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-spro-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-spro-card-mini {\n background: var(--soi-spro-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-spro-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-spro-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-spro-card-mini-label {\n font-size: 11px;\n color: var(--soi-spro-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-spro-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-spro-marine);\n}\n\n\/* TIMELINE *\/\n.soi-spro-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-spro-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-spro-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-spro-radius);\n border: 1px solid var(--soi-spro-line);\n align-items: flex-start;\n}\n\n.soi-spro-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-spro-marine);\n color: var(--soi-spro-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-spro-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-spro-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-spro-step-content p {\n font-size: 14px;\n color: var(--soi-spro-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-spro-compo {\n background: var(--soi-spro-off-white);\n border-radius: var(--soi-spro-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.soi-spro-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-spro-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-spro-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-spro-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-spro-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-spro-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-spro-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-spro-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-spro-pomme-light);\n border-left: 4px solid var(--soi-spro-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-spro-radius) var(--soi-spro-radius) 0;\n align-items: flex-start;\n}\n\n.soi-spro-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-spro-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-spro-marine);\n margin-bottom: 4px;\n}\n\n.soi-spro-tip p {\n font-size: 14px;\n color: var(--soi-spro-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-spro-cta-box {\n background: var(--soi-spro-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-spro-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-spro-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-spro-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-spro-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-spro-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-spro-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-spro-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n .soi-spro-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-spro-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-spro-compo-value {\n text-align: left;\n }\n\n .soi-spro-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-spro-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-spro-fiche {\n --soi-spro-text-soft: #2C3E50;\n --soi-spro-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603407397194,"sku":"AP0041","price":5.49,"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":9.9,"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":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-saponifie-a-froid-certifie-bio-20-aloe-vera-packshot_0d997563-e54b-4484-ad5c-d80ca35b8c66.webp?v=1782112220"},{"product_id":"cure-oreille-reutilisable","title":"Cure-oreille réutilisable","description":"\n\u003cdiv class=\"soi-cure-fiche\"\u003e\n\n \u003csection class=\"soi-cure-hero\"\u003e\n \u003cdiv class=\"soi-cure-hero-tag\"\u003e\n \u003cspan class=\"soi-cure-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-cure-hero-title\"\u003eCure-oreille réutilisable\u003c\/span\u003e\n \u003cp class=\"soi-cure-hero-subtitle\"\u003eUne alternative durable et artisanale aux cotons-tiges : plus sûre pour vos oreilles, plus respectueuse de la planète, et fabriquée en France.\u003c\/p\u003e\n \u003cdiv class=\"soi-cure-hero-labels\"\u003e\n \u003cspan class=\"soi-cure-label soi-cure-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-cure-label\"\u003eMÉDAILLÉ CONCOURS LÉPINE\u003c\/span\u003e\n \u003cspan class=\"soi-cure-label\"\u003eZÉRO DÉCHET\u003c\/span\u003e\n \u003cspan class=\"soi-cure-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003ePourquoi le cure-oreille inox est meilleur que le coton-tige ?\u003c\/h2\u003e\n \u003cp\u003eContrairement aux idées reçues, le cérumen joue un rôle protecteur dans l'oreille. Le problème ne vient pas du cérumen lui-même, mais de son accumulation excessive. Le coton-tige le pousse vers l'intérieur, favorisant la formation de bouchons.\u003c\/p\u003e\n \u003cp\u003eLe cure-oreille en inox médical adopte la logique inverse : sa petite pelle en métal récupère délicatement l'excès de cérumen sans enfoncer quoi que ce soit. Résultat : une hygiène auriculaire plus efficace, sans danger pour le conduit auditif.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eCe qui distingue vraiment ce cure-oreille\u003c\/h2\u003e\n \u003cdiv class=\"soi-cure-benefits\"\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eManche en bois de Charme français, pelle en inox médical. Un savoir-faire artisanal reconnu, bien loin des produits importés bas de gamme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🏅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMédaillé au Concours Lépine\u003c\/h3\u003e\n \u003cp\u003eUne distinction qui récompense l'innovation, la qualité de fabrication et l'utilité réelle du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eZéro déchet, économique à vie\u003c\/h3\u003e\n \u003cp\u003eRéutilisable à l'infini, il remplace des milliers de cotons-tiges jetables. Un seul achat, des économies durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🧼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHygiène garantie\u003c\/h3\u003e\n \u003cp\u003eUn simple nettoyage à l'eau et au savon après chaque utilisation suffit. L'inox médical ne rouille pas et ne retient pas les bactéries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDouceur d'utilisation\u003c\/h3\u003e\n \u003cp\u003eLe bois de Charme offre une prise en main confortable. Le geste est précis, contrôlé, sans risque d'aller trop loin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eComment utiliser votre cure-oreille correctement ?\u003c\/h2\u003e\n \u003cp class=\"soi-cure-section-intro\"\u003eLe geste s'apprend en quelques secondes. Voici comment procéder en toute sécurité.\u003c\/p\u003e\n \u003cdiv class=\"soi-cure-timeline\"\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eInclinez légèrement la tête\u003c\/h3\u003e\n \u003cp\u003ePenchez la tête sur le côté pour faciliter l'accès au conduit auditif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eInsérez doucement la pelle\u003c\/h3\u003e\n \u003cp\u003ePlacez la pelle en inox à l'entrée du conduit, sans forcer ni enfoncer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eEffectuez un léger mouvement circulaire\u003c\/h3\u003e\n \u003cp\u003eRécupérez le cérumen en excès par un geste rotatif délicat, sans appuyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eRincez le cure-oreille\u003c\/h3\u003e\n \u003cp\u003eNettoyez à l'eau savonneuse après chaque utilisation et laissez sécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-tip\"\u003e\n \u003cdiv class=\"soi-cure-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eRéservez son usage à l'entrée du conduit uniquement. En cas de douleur ou de sensation de bouchon persistant, consultez un médecin ORL. Ce produit ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eCaractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"soi-cure-compo\"\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eMatériaux\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eBois de Charme français et inox médical\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eArtisanale, 100% française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eEntretien\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eLavable à l'eau et au savon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eDurée de vie\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eÀ vie avec un entretien adapté\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eDistinction\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eMédaille du Concours Lépine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eAdultes et adolescents\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le cure-oreille\u003c\/h2\u003e\n \u003cdiv class=\"soi-cure-accordion\"\u003e\n \u003cdetails class=\"soi-cure-accordion-item\"\u003e\n \u003csummary class=\"soi-cure-accordion-header\"\u003e🔬 Le cure-oreille en métal est-il dangereux ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cure-accordion-content\"\u003e\n \u003cp\u003eNon, à condition de l'utiliser correctement, c'est-à-dire à l'entrée du conduit, sans enfoncer. La pelle en inox médical est conçue pour être douce et non traumatisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cure-accordion-item\"\u003e\n \u003csummary class=\"soi-cure-accordion-header\"\u003e🛒 Où trouver un cure-oreille de qualité ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cure-accordion-content\"\u003e\n \u003cp\u003eCe produit est disponible directement sur notre site. Certains cure-oreilles se trouvent en pharmacie, mais peu atteignent le niveau de finition artisanale et la reconnaissance du Concours Lépine de ce modèle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cure-accordion-item\"\u003e\n \u003csummary class=\"soi-cure-accordion-header\"\u003e🌍 Est-ce vraiment écologique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cure-accordion-content\"\u003e\n \u003cp\u003eUn seul cure-oreille remplace plusieurs milliers de cotons-tiges jetables sur sa durée de vie. L'impact environnemental est bien réel et mesurable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cure-cta-box\"\u003e\n \u003cp class=\"soi-cure-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans les gestes du quotidien\u003c\/p\u003e\n \u003cp class=\"soi-cure-cta-text\" style=\"color: white;\"\u003eUn geste simple, un outil pensé pour durer toute une vie. Le cure-oreille Laboratoire Code vous offre une hygiène auriculaire quotidienne plus douce, plus sûre et respectueuse de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-cure-marine: #1A2D3D;\n --soi-cure-marine-dark: #0F1E2B;\n --soi-cure-marine-light: #2C4458;\n --soi-cure-pomme: #A1C544;\n --soi-cure-pomme-dark: #84A636;\n --soi-cure-pomme-light: rgba(161,197,68,0.10);\n\n --soi-cure-white: #FFFFFF;\n --soi-cure-off-white: #F8FAF6;\n --soi-cure-stone: #F1F3EE;\n --soi-cure-line: #E5E8E0;\n\n --soi-cure-primary: #6DA8A0;\n --soi-cure-primary-soft: #B5DDD4;\n --soi-cure-accent: #5B9B94;\n\n --soi-cure-text: #1A2D3D;\n --soi-cure-text-soft: #4A5B6B;\n --soi-cure-text-muted: #7B8693;\n\n --soi-cure-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cure-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cure-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cure-radius: 12px;\n --soi-cure-radius-sm: 8px;\n --soi-cure-radius-pill: 999px;\n}\n\n.soi-cure-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cure-fiche img { max-width: 100%; height: auto; }\n\n.soi-cure-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cure-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cure-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-cure-hero {\n position: relative;\n background: var(--soi-cure-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-cure-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-cure-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-cure-pomme);\n}\n\n.soi-cure-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-cure-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cure-pomme);\n border-radius: 50%;\n}\n\n.soi-cure-hero-title {\n display: block;\n color: var(--soi-cure-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-cure-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-cure-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-cure-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-cure-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cure-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-cure-label-accent {\n background: var(--soi-cure-pomme);\n border-color: var(--soi-cure-pomme);\n color: var(--soi-cure-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-cure-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cure-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cure-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-cure-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cure-pomme);\n border-radius: 2px;\n}\n\n.soi-cure-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-cure-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-cure-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cure-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-cure-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-cure-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-cure-benefit {\n background: var(--soi-cure-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cure-radius);\n border: 1px solid var(--soi-cure-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cure-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cure-shadow-md);\n}\n\n.soi-cure-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cure-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-cure-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cure-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-cure-benefit:hover .soi-cure-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-cure-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cure-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cure-benefit p {\n font-size: 13px;\n color: var(--soi-cure-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-cure-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-cure-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cure-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cure-radius);\n border: 1px solid var(--soi-cure-line);\n align-items: flex-start;\n}\n\n.soi-cure-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cure-marine);\n color: var(--soi-cure-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-cure-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cure-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-cure-step-content p {\n font-size: 14px;\n color: var(--soi-cure-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-cure-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cure-pomme-light);\n border-left: 4px solid var(--soi-cure-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cure-radius) var(--soi-cure-radius) 0;\n align-items: flex-start;\n}\n\n.soi-cure-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-cure-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cure-marine);\n margin-bottom: 4px;\n}\n\n.soi-cure-tip p {\n font-size: 14px;\n color: var(--soi-cure-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-cure-compo {\n background: var(--soi-cure-off-white);\n border-radius: var(--soi-cure-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-cure-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-cure-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-cure-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-cure-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-cure-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-cure-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-cure-marine);\n text-align: right;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-cure-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-cure-accordion-item {\n background: var(--soi-cure-off-white);\n border-radius: var(--soi-cure-radius-sm);\n border: 1px solid var(--soi-cure-line);\n overflow: hidden;\n}\n\n.soi-cure-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cure-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-cure-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-cure-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cure-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-cure-accordion-item[open] .soi-cure-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-cure-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-cure-accordion-content p {\n font-size: 14px;\n color: var(--soi-cure-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-cure-cta-box {\n background: var(--soi-cure-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cure-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-cure-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-cure-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-cure-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-cure-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-cure-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-cure-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-cure-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-cure-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-cure-compo-value {\n text-align: left;\n }\n\n .soi-cure-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-cure-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-cure-fiche {\n --soi-cure-text-soft: #2C3E50;\n --soi-cure-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61603447374154,"sku":"LC1018","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/cure-oreille-reutilisable-packshot.webp?v=1782122227"},{"product_id":"gel-douche-verveine-citron-certifie-bio-coslys","title":"Gel douche Verveine Citron certifié bio – Coslys","description":"\n\u003cdiv class=\"soi-gdvc-fiche\"\u003e\n\n \u003csection class=\"soi-gdvc-hero\"\u003e\n \u003cdiv class=\"soi-gdvc-hero-tag\"\u003e\n \u003cspan class=\"soi-gdvc-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène corps · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-gdvc-hero-title\"\u003eLe réveil sensoriel à la verveine et au citron\u003c\/span\u003e\n \u003cp class=\"soi-gdvc-hero-subtitle\"\u003eUn gel douche bio certifié Cosmos Organic, formulé à 97,5 % d'ingrédients d'origine naturelle, pour transformer chaque douche en un élan de fraîcheur vivifiante.\u003c\/p\u003e\n \u003cdiv class=\"soi-gdvc-hero-labels\"\u003e\n \u003cspan class=\"soi-gdvc-label soi-gdvc-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eSANS SAVON\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eGel douche bio Verveine \u0026amp; Citron : la douche qui réveille vraiment\u003c\/h2\u003e\n \u003cp\u003eVous connaissez ces matins où le corps a du mal à démarrer ? Ce gel douche bio Verveine Citron de Coslys est précisément fait pour ça. Sa fragrance fraîche et acidulée, mêlant la verveine bio et les notes vives du citron, transforme une douche ordinaire en un vrai moment de réveil sensoriel. Certifié Cosmos Organic, il est formulé à 97,5 % d'ingrédients d'origine naturelle et convient à tous les types de peaux, même les plus réactives.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eCe que vous trouverez dans la formule\u003c\/h2\u003e\n \u003cp class=\"soi-gdvc-section-intro\"\u003eChaque ingrédient a été sélectionné pour son utilité réelle, pas pour l'affichage.\u003c\/p\u003e\n \u003cdiv class=\"soi-gdvc-grid\"\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate et apaise en douceur, sans effet collant. Idéal pour les peaux sensibles ou celles qui tiraillent après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🌸 Eau florale de reine des prés bio\u003c\/h3\u003e\n \u003cp\u003eTonifiante et calmante, elle contribue à l'équilibre cutané et laisse une sensation de fraîcheur durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🍃 Verveine exotique\u003c\/h3\u003e\n \u003cp\u003eNote herbacée légère et revitalisante, véritable signature olfactive de ce gel douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🍋 Essence naturelle de citron\u003c\/h3\u003e\n \u003cp\u003eVivifiante, elle stimule les sens et apporte cette touche d'énergie que l'on recherche en début de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🧴 Base lavante végétale, sans savon\u003c\/h3\u003e\n \u003cp\u003eNettoie sans agresser et respecte le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eLes points qui font vraiment la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-gdvc-benefits\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eGage de transparence totale sur la composition et les procédés de fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🚿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans savon, pH équilibré\u003c\/h3\u003e\n \u003cp\u003eLa peau n'est pas desséchée ni agressée, même avec une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🐰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVegan et Cruelty-Free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient animal, aucun test sur animaux. Un choix cohérent et éthique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduction locale, contrôle qualité rigoureux, empreinte carbone réduite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003ePour qui est ce gel douche bio ?\u003c\/h2\u003e\n \u003cp\u003eCe gel douche convient à tous les types de peaux, y compris les peaux sensibles et les peaux sèches qui réagissent mal aux formules classiques. Sa texture fluide et son parfum délicat en font aussi une excellente option pour les personnes à la recherche d'un gel douche bio à l'aloe vera efficace au quotidien. Adapté à toute la famille grâce à sa formule douce, il peut être utilisé dès le plus jeune âge, en dehors des nourrissons.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gdvc-timeline\"\u003e\n \u003cdiv class=\"soi-gdvc-step\"\u003e\n \u003cdiv class=\"soi-gdvc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eUne à deux pressions de pompe sur une main ou un gant de toilette humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step\"\u003e\n \u003cdiv class=\"soi-gdvc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step-content\"\u003e\n \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser sur l'ensemble du corps pour une mousse onctueuse et enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step\"\u003e\n \u003cdiv class=\"soi-gdvc-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Convient pour une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-tip\"\u003e\n \u003cdiv class=\"soi-gdvc-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour une sensation de fraîcheur maximale, terminez votre douche par un rinçage à l'eau légèrement fraîche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-gdvc-accordion\"\u003e\n \u003cdetails class=\"soi-gdvc-accordion-item\"\u003e\n \u003csummary class=\"soi-gdvc-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-gdvc-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Coco-Sulfate, Coco-Glucoside, Glycerin, Aloe Barbadensis Leaf Juice*, Filipendula Ulmaria Flower Water*, Cymbopogon Nardus Oil, Citrus Limon Peel Oil, Citric Acid, Sodium Chloride, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n \u003cp\u003e* Ingrédients issus de l'agriculture biologique. 97,5 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gdvc-accordion-item\"\u003e\n \u003csummary class=\"soi-gdvc-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n \u003cdiv class=\"soi-gdvc-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue pas à un avis médical ni à un traitement dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gdvc-cta-box\"\u003e\n \u003cp class=\"soi-gdvc-cta-tag\" style=\"color: white;\"\u003eUn rituel de douche naturel et vivifiant\u003c\/p\u003e\n \u003cp class=\"soi-gdvc-cta-text\" style=\"color: white;\"\u003eChaque matin mérite un vrai élan. Offrez à votre peau une formule douce et certifiée, et à vos sens un réveil à la fraîcheur du citron et à la légèreté de la verveine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-gdvc-marine: #1A2D3D;\n --soi-gdvc-marine-dark: #0F1E2B;\n --soi-gdvc-marine-light: #2C4458;\n --soi-gdvc-pomme: #A1C544;\n --soi-gdvc-pomme-dark: #84A636;\n --soi-gdvc-pomme-light: rgba(161,197,68,0.10);\n\n --soi-gdvc-white: #FFFFFF;\n --soi-gdvc-off-white: #F8FAF6;\n --soi-gdvc-stone: #F1F3EE;\n --soi-gdvc-line: #E5E8E0;\n\n --soi-gdvc-primary: #D4B83A;\n --soi-gdvc-primary-soft: #F5EFD6;\n --soi-gdvc-accent: #C8A62E;\n\n --soi-gdvc-text: #1A2D3D;\n --soi-gdvc-text-soft: #4A5B6B;\n --soi-gdvc-text-muted: #7B8693;\n\n --soi-gdvc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gdvc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gdvc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gdvc-radius: 12px;\n --soi-gdvc-radius-sm: 8px;\n --soi-gdvc-radius-pill: 999px;\n}\n\n.soi-gdvc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gdvc-fiche img { max-width: 100%; height: auto; }\n\n.soi-gdvc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gdvc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gdvc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gdvc-hero {\n position: relative;\n background: var(--soi-gdvc-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-gdvc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gdvc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gdvc-pomme);\n}\n\n.soi-gdvc-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-gdvc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gdvc-pomme);\n border-radius: 50%;\n}\n\n.soi-gdvc-hero-title {\n display: block;\n color: var(--soi-gdvc-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-gdvc-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-gdvc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gdvc-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-gdvc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gdvc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gdvc-label-accent {\n background: var(--soi-gdvc-pomme);\n border-color: var(--soi-gdvc-pomme);\n color: var(--soi-gdvc-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gdvc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gdvc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-gdvc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gdvc-pomme);\n border-radius: 2px;\n}\n\n.soi-gdvc-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gdvc-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-gdvc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gdvc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gdvc-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gdvc-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-gdvc-benefit {\n background: var(--soi-gdvc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gdvc-radius);\n border: 1px solid var(--soi-gdvc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gdvc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gdvc-shadow-md);\n}\n\n.soi-gdvc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gdvc-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-gdvc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gdvc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gdvc-benefit:hover .soi-gdvc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gdvc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gdvc-benefit p {\n font-size: 13px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gdvc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-gdvc-card {\n background: var(--soi-gdvc-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gdvc-radius);\n border-left: 3px solid var(--soi-gdvc-pomme);\n}\n\n.soi-gdvc-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gdvc-card p {\n font-size: 14px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-gdvc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-gdvc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gdvc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gdvc-radius);\n border: 1px solid var(--soi-gdvc-line);\n align-items: flex-start;\n}\n\n.soi-gdvc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gdvc-marine);\n color: var(--soi-gdvc-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-gdvc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gdvc-step-content p {\n font-size: 14px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-gdvc-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gdvc-pomme-light);\n border-left: 4px solid var(--soi-gdvc-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gdvc-radius) var(--soi-gdvc-radius) 0;\n align-items: flex-start;\n}\n\n.soi-gdvc-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gdvc-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gdvc-marine);\n margin-bottom: 4px;\n}\n\n.soi-gdvc-tip p {\n font-size: 14px;\n color: var(--soi-gdvc-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gdvc-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gdvc-accordion-item {\n background: var(--soi-gdvc-off-white);\n border-radius: var(--soi-gdvc-radius-sm);\n border: 1px solid var(--soi-gdvc-line);\n overflow: hidden;\n}\n\n.soi-gdvc-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gdvc-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-gdvc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gdvc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gdvc-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gdvc-accordion-item[open] .soi-gdvc-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gdvc-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gdvc-accordion-content p {\n font-size: 14px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem;\n}\n\n.soi-gdvc-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gdvc-cta-box {\n background: var(--soi-gdvc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gdvc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gdvc-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-gdvc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gdvc-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-gdvc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gdvc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gdvc-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-gdvc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gdvc-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-gdvc-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-gdvc-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gdvc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gdvc-fiche {\n --soi-gdvc-text-soft: #2C3E50;\n --soi-gdvc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603507732810,"sku":"CS0075","price":11.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-verveine-citron-certifie-bio-coslys-packshot.webp?v=1782111705"},{"product_id":"gel-douche-rafraichissant-certifie-bio-coslys","title":"Gel douche Rafraîchissant certifié bio – Coslys","description":"\u003cdiv class=\"soi-geld-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-geld-hero\"\u003e\n \u003cdiv class=\"soi-geld-hero-tag\"\u003e\n \u003cspan class=\"soi-geld-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-geld-hero-title\"\u003eFraîcheur mentholée et douceur du chanvre bio\u003c\/span\u003e\n \u003cp class=\"soi-geld-hero-subtitle\"\u003eUn gel douche certifié bio qui nettoie en douceur, respecte l'équilibre de votre peau et vous enveloppe d'une sensation de fraîcheur vivifiante, chaque jour.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-hero-labels\"\u003e\n \u003cspan class=\"soi-geld-label soi-geld-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-geld-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-geld-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-geld-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-geld-label\"\u003e98 % D'ORIGINE NATURELLE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Un gel douche bio qui transforme votre douche en bulle de fraîcheur --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eUn gel douche bio qui transforme votre douche en bulle de fraîcheur\u003c\/h2\u003e\n \u003cp\u003eImaginez commencer ou terminer votre journée avec une bouffée de menthe fraîche et les bienfaits apaisants du chanvre bio français. C'est exactement ce que vous offre le \u003cstrong\u003eGel Douche Rafraîchissant certifié bio Coslys\u003c\/strong\u003e, une formule pensée pour nettoyer en douceur, respecter l'équilibre naturel de la peau et vous procurer un vrai moment de bien-être sensoriel, sans compromis sur les ingrédients.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pourquoi choisir ce gel douche bio Coslys ? --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel douche bio Coslys ?\u003c\/h2\u003e\n \u003cp class=\"soi-geld-section-intro\"\u003eSur un marché saturé de gels douche conventionnels bourrés de sulfates et de parfums synthétiques, ce produit se démarque par sa transparence et son efficacité réelle.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-benefits\"\u003e\n \u003cdiv class=\"soi-geld-benefit\"\u003e\n \u003cdiv class=\"soi-geld-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eLe label le plus exigeant en cosmétique bio, garantissant la traçabilité et la qualité des ingrédients d'origine biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-benefit\"\u003e\n \u003cdiv class=\"soi-geld-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e98 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eUne formule clean, sans savon ni tensioactifs sulfatés, qui respecte le film hydrolipidique protecteur de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-benefit\"\u003e\n \u003cdiv class=\"soi-geld-benefit-icon\"\u003e\u003cspan\u003e🐰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient animal, aucun test sur les animaux. Un soin éthique du début à la fin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-benefit\"\u003e\n \u003cdiv class=\"soi-geld-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eToute la famille dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eAdapté à tous les types de peau, y compris les peaux sensibles. Convient aussi bien aux adultes qu'aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Menthe et chanvre bio français --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eMenthe et chanvre bio français : un duo rafraîchissant et nourrissant\u003c\/h2\u003e\n \u003cp class=\"soi-geld-section-intro\"\u003eLa force de ce gel douche bio repose sur deux actifs d'exception, tous deux issus de l'agriculture biologique française.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-grid\"\u003e\n \u003cdiv class=\"soi-geld-card\"\u003e\n \u003ch3\u003e🍃 Menthe bio française\u003c\/h3\u003e\n \u003cp\u003eReconnue pour sa fraîcheur instantanée et ses propriétés purifiantes, elle laisse la peau propre et les sens éveillés. Idéale après le sport ou lors des fortes chaleurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-card\"\u003e\n \u003ch3\u003e🌱 Huile de chanvre bio\u003c\/h3\u003e\n \u003cp\u003eExtraite de graines de chanvre issues de filières textiles locales dans une démarche d'économie circulaire, elle apporte des acides gras essentiels qui nourrissent et apaisent la peau sans l'alourdir. Parfaite même pour les peaux sensibles ou sujettes à l'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-tip\"\u003e\n \u003cdiv class=\"soi-geld-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCette association unique en fait un gel douche bio aussi efficace pour un homme actif que pour une routine familiale quotidienne, bébé inclus dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Composition complète et ingrédients --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eComposition complète et ingrédients\u003c\/h2\u003e\n \u003cp class=\"soi-geld-section-intro\"\u003eLa formule de ce gel douche bio est volontairement courte et lisible, une garantie de transparence.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-compo\"\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003eVégétale, douce, moussante, sans sulfates ni savon agressif\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eActif rafraîchissant\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003eExtrait de menthe poivrée bio (Mentha Piperita)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eActif nourrissant\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003eHuile de graines de chanvre bio (Cannabis Sativa Seed Oil), riche en oméga-3 et oméga-6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003e98 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003eSilicone, parabène, colorant synthétique, sulfates, savon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e\u003cem\u003eListe INCI complète disponible sur l'emballage et sur le site officiel Coslys.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Comment utiliser le gel douche Coslys au quotidien ? --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eComment utiliser le gel douche Coslys au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-geld-timeline\"\u003e\n \u003cdiv class=\"soi-geld-step\"\u003e\n \u003cdiv class=\"soi-geld-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de gel sur une peau mouillée ou un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step\"\u003e\n \u003cdiv class=\"soi-geld-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step-content\"\u003e\n \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n \u003cp\u003eMassez en effectuant des mouvements circulaires sur l'ensemble du corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step\"\u003e\n \u003cdiv class=\"soi-geld-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step\"\u003e\n \u003cdiv class=\"soi-geld-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step-content\"\u003e\n \u003ch3\u003eRenouveler chaque jour\u003c\/h3\u003e\n \u003cp\u003eUtilisable matin et soir, pour toute la famille dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-tip\"\u003e\n \u003cdiv class=\"soi-geld-tip-icon\"\u003e❄️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eAstuce fraîcheur\u003c\/strong\u003e\n \u003cp\u003ePour une sensation de fraîcheur maximale, optez pour une eau légèrement fraîche lors du rinçage : la menthe n'en sera que plus vivifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Un choix responsable du flacon à la formule --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eUn choix responsable du flacon à la formule\u003c\/h2\u003e\n \u003cp\u003eEn choisissant ce gel douche bio certifié, vous soutenez une marque française engagée : Coslys valorise des circuits courts, des ingrédients tracés et une production locale. Le chanvre utilisé provient directement de filières textiles françaises, évitant tout gaspillage de matière première. Un geste simple pour votre peau, et un vrai geste pour la planète.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-grid-compact\"\u003e\n \u003cdiv class=\"soi-geld-card-mini\"\u003e\n \u003cspan class=\"soi-geld-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-card-mini\"\u003e\n \u003cspan class=\"soi-geld-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-label\"\u003eFilière chanvre\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-value\"\u003eÉconomie circulaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-card-mini\"\u003e\n \u003cspan class=\"soi-geld-card-mini-icon\"\u003e🌍\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-label\"\u003eCircuits\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-value\"\u003eCourts et tracés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-geld-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-geld-cta-box\"\u003e\n \u003cp class=\"soi-geld-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver naturellement\u003c\/p\u003e\n \u003cp class=\"soi-geld-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau la fraîcheur de la menthe et la douceur du chanvre bio français. Chaque douche devient un vrai moment de bien-être, en toute conscience.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-geld-marine: #1A2D3D;\n --soi-geld-marine-dark: #0F1E2B;\n --soi-geld-marine-light: #2C4458;\n --soi-geld-pomme: #A1C544;\n --soi-geld-pomme-dark: #84A636;\n --soi-geld-pomme-light: rgba(161,197,68,0.10);\n\n --soi-geld-white: #FFFFFF;\n --soi-geld-off-white: #F8FAF6;\n --soi-geld-stone: #F1F3EE;\n --soi-geld-line: #E5E8E0;\n\n --soi-geld-primary: #5AAE5A;\n --soi-geld-primary-soft: #E8F5E8;\n --soi-geld-accent: #94C5A8;\n\n --soi-geld-text: #1A2D3D;\n --soi-geld-text-soft: #4A5B6B;\n --soi-geld-text-muted: #7B8693;\n\n --soi-geld-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-geld-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-geld-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-geld-radius: 12px;\n --soi-geld-radius-sm: 8px;\n --soi-geld-radius-pill: 999px;\n}\n\n.soi-geld-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-geld-fiche img { max-width: 100%; height: auto; }\n\n.soi-geld-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-geld-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-geld-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-geld-hero {\n position: relative;\n background: var(--soi-geld-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-geld-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-geld-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-geld-pomme);\n}\n\n.soi-geld-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-geld-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-geld-pomme);\n border-radius: 50%;\n}\n\n.soi-geld-hero-title {\n display: block;\n color: var(--soi-geld-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-geld-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-geld-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-geld-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-geld-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-geld-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-geld-label-accent {\n background: var(--soi-geld-pomme);\n border-color: var(--soi-geld-pomme);\n color: var(--soi-geld-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-geld-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-geld-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-geld-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-geld-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-geld-pomme);\n border-radius: 2px;\n}\n\n.soi-geld-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-geld-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-geld-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-geld-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-geld-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-geld-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-geld-benefit {\n background: var(--soi-geld-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-geld-radius);\n border: 1px solid var(--soi-geld-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-geld-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-geld-shadow-md);\n}\n\n.soi-geld-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-geld-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-geld-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-geld-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-geld-benefit:hover .soi-geld-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-geld-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-geld-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-geld-benefit p {\n font-size: 13px;\n color: var(--soi-geld-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-geld-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-geld-card {\n background: var(--soi-geld-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-geld-radius);\n border-left: 3px solid var(--soi-geld-pomme);\n}\n\n.soi-geld-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-geld-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-geld-card p {\n font-size: 14px;\n color: var(--soi-geld-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-geld-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-geld-card-mini {\n background: var(--soi-geld-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-geld-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-geld-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-geld-card-mini-label {\n font-size: 11px;\n color: var(--soi-geld-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-geld-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-geld-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-geld-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-geld-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-geld-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-geld-radius);\n border: 1px solid var(--soi-geld-line);\n align-items: flex-start;\n}\n\n.soi-geld-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-geld-marine);\n color: var(--soi-geld-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-geld-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-geld-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-geld-step-content p {\n font-size: 14px;\n color: var(--soi-geld-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-geld-compo {\n background: var(--soi-geld-off-white);\n border-radius: var(--soi-geld-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.soi-geld-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-geld-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-geld-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-geld-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-geld-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-geld-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-geld-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-geld-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-geld-pomme-light);\n border-left: 4px solid var(--soi-geld-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-geld-radius) var(--soi-geld-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-geld-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-geld-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-geld-marine);\n margin-bottom: 4px;\n}\n\n.soi-geld-tip p {\n font-size: 14px;\n color: var(--soi-geld-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-geld-cta-box {\n background: var(--soi-geld-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-geld-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-geld-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-geld-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-geld-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-geld-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-geld-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-geld-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-geld-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-geld-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-geld-compo-value {\n text-align: left;\n }\n\n .soi-geld-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-geld-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-geld-fiche {\n --soi-geld-text-soft: #2C3E50;\n --soi-geld-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603508420938,"sku":"CS0080","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-rafraichissant-certifie-bio-coslys-packshot.webp?v=1781524168"},{"product_id":"creme-douche-relaxante-certifiee-bio-coslys","title":"Crème douche Relaxante certifiée bio – Coslys","description":"\u003cdiv class=\"soi-cosl-fiche\"\u003e\n\n \u003csection class=\"soi-cosl-hero\"\u003e\n \u003cdiv class=\"soi-cosl-hero-tag\"\u003e\n \u003cspan class=\"soi-cosl-tag-dot\"\u003e\u003c\/span\u003e\n Crème de douche bio · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-cosl-hero-title\"\u003eUn goûter d'automne sous la douche\u003c\/span\u003e\n \u003cp class=\"soi-cosl-hero-subtitle\"\u003eChâtaigne bio française et caramel se rencontrent dans une crème de douche sans sulfates ni savon. Elle convient à tous les types de peau et se partage en famille dès 3 ans.\u003c\/p\u003e\n \u003cdiv class=\"soi-cosl-hero-labels\"\u003e\n \u003cspan class=\"soi-cosl-label soi-cosl-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-cosl-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eUn gel douche naturel bio qui sent l'automne\u003c\/h2\u003e\n \u003cp\u003eDès la première noisette, la texture crémeuse mousse en douceur et libère des \u003cstrong\u003enotes sucrées et lactées\u003c\/strong\u003e. Le parfum de caramel est \u003cstrong\u003e100% d'origine naturelle\u003c\/strong\u003e. Il s'accorde avec des extraits de \u003cstrong\u003ecosses de cacao\u003c\/strong\u003e et de \u003cstrong\u003echâtaigne bio cultivée en Ardèche\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003eLe résultat : une odeur réconfortante, comparable à un goûter d'automne, qui s'installe sans être écœurante. Un vrai moment de pause, après une longue journée ou avant de vous coucher.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème de douche bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-cosl-section-intro\"\u003eFace à la multitude de gels douche naturels, voici les critères qui comptent vraiment pour bien choisir le produit lavant de votre famille.\u003c\/p\u003e\n \u003cdiv class=\"soi-cosl-grid\"\u003e\n \u003cdiv class=\"soi-cosl-card\"\u003e\n \u003ch3\u003eUne certification reconnue\u003c\/h3\u003e\n \u003cp\u003eCe produit est certifié Cosmos Organic, un référentiel exigeant et un vrai gage de transparence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card\"\u003e\n \u003ch3\u003e98% d'ingrédients d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eLa formulation d'un produit lavant moussant demande toujours quelques ingrédients de transformation. Ici, la part naturelle atteint 98%, ce qui est remarquable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card\"\u003e\n \u003ch3\u003eSans sulfates et sans savon\u003c\/h3\u003e\n \u003cp\u003eLa base lavante végétale nettoie sans décaper, sans produit chimique agressif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card\"\u003e\n \u003ch3\u003eVegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale, aucun test sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card\"\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eUne production locale, avec des matières premières issues de filières françaises.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eComposition : ce que contient le flacon\u003c\/h2\u003e\n \u003cp class=\"soi-cosl-section-intro\"\u003eLa formule repose sur une logique simple : peu d'artifices, des ingrédients sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"soi-cosl-benefits\"\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBase lavante végétale\u003c\/h3\u003e\n \u003cp\u003eElle nettoie en douceur et respecte l'équilibre de l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eChâtaigne bio d'Ardèche\u003c\/h3\u003e\n \u003cp\u003eIssu de l'agriculture biologique, cet extrait donne à la crème son caractère boisé et rond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🍫\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCosses de cacao\u003c\/h3\u003e\n \u003cp\u003eLeurs extraits apportent la note chocolatée et lactée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-benefit\"\u003e\n \u003cdiv class=\"soi-cosl-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum caramel\u003c\/h3\u003e\n \u003cp\u003e100% d'origine naturelle, sans fragrance de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-cosl-note\"\u003eLa liste INCI complète figure sur l'étiquette du flacon. Nous vous invitons à la consulter si vous avez des allergies connues.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eComment l'utiliser en 3 gestes\u003c\/h2\u003e\n \u003cdiv class=\"soi-cosl-timeline\"\u003e\n \u003cdiv class=\"soi-cosl-step\"\u003e\n \u003cdiv class=\"soi-cosl-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eHumidifiez votre peau à l'eau tiède, pas trop chaude, pour préserver son confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step\"\u003e\n \u003cdiv class=\"soi-cosl-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step-content\"\u003e\n \u003ch3\u003eDéposez\u003c\/h3\u003e\n \u003cp\u003ePlacez une noisette de crème dans la paume ou sur une fleur de douche, puis faites mousser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step\"\u003e\n \u003cdiv class=\"soi-cosl-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le corps en prenant le temps de respirer le parfum, puis rincez abondamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-tip\"\u003e\n \u003cdiv class=\"soi-cosl-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSon usage est possible au quotidien. Pour les plus jeunes (dès 3 ans), un adulte peut doser la quantité et veiller à éviter le contact avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003ePour qui est-elle faite ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-cosl-grid\"\u003e\n \u003cdiv class=\"soi-cosl-card soi-cosl-card-warm\"\u003e\n \u003ch3\u003eLes gourmands\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui aiment les rituels sensoriels et les parfums rassurants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card soi-cosl-card-warm\"\u003e\n \u003ch3\u003eLes peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eElles apprécient l'absence de sulfates et de savon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card soi-cosl-card-warm\"\u003e\n \u003ch3\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eUn seul flacon pour les parents et les enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cosl-card soi-cosl-card-warm\"\u003e\n \u003ch3\u003eLes hommes\u003c\/h3\u003e\n \u003cp\u003eLe parfum de châtaigne et de cacao, chaud et boisé, n'a rien de trop sucré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-cosl-note\"\u003eVous hésitez encore ? Les avis sur cette crème de douche relaxante Coslys mentionnent surtout sa mousse onctueuse et son parfum enveloppant. Un bon point de départ pour découvrir un gel douche naturel bio en toute simplicité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\"\u003e\n \u003ch2\u003eBon à savoir\u003c\/h2\u003e\n \u003cdiv class=\"soi-cosl-accordion\"\u003e\n \u003cdetails class=\"soi-cosl-accordion-item\"\u003e\n \u003csummary class=\"soi-cosl-accordion-header\"\u003ePrécautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-cosl-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique est destiné à l'hygiène quotidienne. Il ne remplace pas un traitement médical ni l'avis d'un professionnel de santé en cas de problème de peau (eczéma, psoriasis, irritations persistantes).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cosl-accordion-item\"\u003e\n \u003csummary class=\"soi-cosl-accordion-header\"\u003eConservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-cosl-accordion-content\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et refermez-le bien après usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cosl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cosl-cta-box\"\u003e\n \u003cp class=\"soi-cosl-cta-tag\" style=\"color: white;\"\u003eVotre parenthèse gourmande et bio\u003c\/p\u003e\n \u003cp class=\"soi-cosl-cta-text\" style=\"color: white;\"\u003eCaramel fondant, châtaigne d'Ardèche et cacao réconfortant enveloppent votre peau comme un plaid d'automne. Chaque minute sous l'eau devient un moment de calme, pour vous et toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-cosl-fiche {\n --soi-cosl-marine: #1A2D3D;\n --soi-cosl-marine-dark: #0F1E2B;\n --soi-cosl-marine-light: #2C4458;\n --soi-cosl-pomme: #A1C544;\n --soi-cosl-pomme-dark: #84A636;\n --soi-cosl-pomme-light: rgba(161,197,68,0.10);\n --soi-cosl-white: #FFFFFF;\n --soi-cosl-off-white: #F8FAF6;\n --soi-cosl-stone: #F1F3EE;\n --soi-cosl-line: #E5E8E0;\n --soi-cosl-primary: #D9942F;\n --soi-cosl-primary-soft: #FBF1E2;\n --soi-cosl-accent: #7A4A2E;\n --soi-cosl-text: #1A2D3D;\n --soi-cosl-text-soft: #4A5B6B;\n --soi-cosl-text-muted: #7B8693;\n --soi-cosl-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cosl-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cosl-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cosl-radius: 12px;\n --soi-cosl-radius-sm: 8px;\n --soi-cosl-radius-pill: 999px;\n}\n\n.soi-cosl-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cosl-fiche img { max-width: 100%; height: auto; }\n\n.soi-cosl-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cosl-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cosl-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-cosl-hero {\n position: relative;\n background: var(--soi-cosl-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-cosl-radius);\n text-align: center;\n overflow: hidden;\n}\n.soi-cosl-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-cosl-pomme);\n}\n.soi-cosl-hero::after {\n content: '';\n position: absolute;\n bottom: 0; left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: var(--soi-cosl-primary);\n border-radius: 3px 3px 0 0;\n}\n.soi-cosl-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.soi-cosl-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cosl-pomme);\n border-radius: 50%;\n}\n.soi-cosl-hero-title {\n display: block;\n color: var(--soi-cosl-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n.soi-cosl-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.soi-cosl-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n.soi-cosl-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-cosl-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cosl-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n.soi-cosl-label-accent {\n background: var(--soi-cosl-pomme);\n border-color: var(--soi-cosl-pomme);\n color: var(--soi-cosl-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-cosl-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n.soi-cosl-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cosl-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.soi-cosl-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cosl-pomme);\n border-radius: 2px;\n}\n.soi-cosl-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cosl-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n.soi-cosl-section p:last-child {\n margin-bottom: 0;\n}\n.soi-cosl-section .soi-cosl-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-cosl-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n.soi-cosl-section .soi-cosl-note {\n margin-top: 1.25rem;\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-cosl-text-soft);\n}\n\n\/* BENEFITS *\/\n.soi-cosl-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n.soi-cosl-benefit {\n background: var(--soi-cosl-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cosl-radius);\n border: 1px solid var(--soi-cosl-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.soi-cosl-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cosl-shadow-md);\n}\n.soi-cosl-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cosl-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.soi-cosl-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cosl-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.soi-cosl-benefit:hover .soi-cosl-benefit-icon::after {\n opacity: 1;\n}\n.soi-cosl-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cosl-marine);\n margin-bottom: 0.5rem;\n}\n.soi-cosl-benefit p {\n font-size: 15px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-cosl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n.soi-cosl-card {\n background: var(--soi-cosl-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cosl-radius);\n border-left: 3px solid var(--soi-cosl-pomme);\n}\n.soi-cosl-card-warm {\n background: var(--soi-cosl-primary-soft);\n border-left-color: var(--soi-cosl-primary);\n}\n.soi-cosl-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cosl-marine);\n margin-bottom: 0.5rem;\n}\n.soi-cosl-card p {\n font-size: 14px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-cosl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n.soi-cosl-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cosl-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cosl-radius);\n border: 1px solid var(--soi-cosl-line);\n align-items: flex-start;\n}\n.soi-cosl-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cosl-marine);\n color: var(--soi-cosl-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.soi-cosl-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cosl-marine);\n margin-bottom: 0.3rem;\n}\n.soi-cosl-step-content p {\n font-size: 15px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIP *\/\n.soi-cosl-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cosl-pomme-light);\n border-left: 4px solid var(--soi-cosl-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cosl-radius) var(--soi-cosl-radius) 0;\n align-items: flex-start;\n}\n.soi-cosl-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n.soi-cosl-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cosl-marine);\n margin-bottom: 4px;\n}\n.soi-cosl-tip p {\n font-size: 15px;\n color: var(--soi-cosl-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-cosl-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.soi-cosl-accordion-item {\n background: var(--soi-cosl-off-white);\n border-radius: var(--soi-cosl-radius-sm);\n border: 1px solid var(--soi-cosl-line);\n overflow: hidden;\n}\n.soi-cosl-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cosl-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.soi-cosl-accordion-header::-webkit-details-marker {\n display: none;\n}\n.soi-cosl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cosl-pomme);\n transition: transform 0.2s ease;\n}\n.soi-cosl-accordion-item[open] .soi-cosl-accordion-header::after {\n transform: rotate(45deg);\n}\n.soi-cosl-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n.soi-cosl-accordion-content p {\n font-size: 14px;\n color: var(--soi-cosl-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-cosl-cta-box {\n background: var(--soi-cosl-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cosl-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n.soi-cosl-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-cosl-pomme);\n border-radius: 0 0 4px 4px;\n}\n.soi-cosl-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-cosl-pomme);\n margin-bottom: 0.75rem;\n}\n.soi-cosl-section .soi-cosl-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 2.6vw, 20px);\n font-weight: 500;\n color: var(--soi-cosl-white);\n line-height: 1.5;\n margin: 0 auto;\n max-width: 640px;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n .soi-cosl-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n .soi-cosl-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-cosl-fiche * {\n animation: none !important;\n transition: none !important;\n }\n}\n@media (prefers-contrast: more) {\n .soi-cosl-fiche {\n --soi-cosl-text-soft: #2C3E50;\n --soi-cosl-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603510059338,"sku":"CS0085","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-douche-relaxante-certifiee-bio-coslys-packshot.webp?v=1792142911"},{"product_id":"deodorant-soin-protecteur-certifie-bio-coslys","title":"Déodorant Soin Protecteur certifié Bio – Coslys","description":"\n\u003cdiv class=\"soi-deop-fiche\"\u003e\n\n \u003csection class=\"soi-deop-hero\"\u003e\n \u003cdiv class=\"soi-deop-hero-tag\"\u003e\n \u003cspan class=\"soi-deop-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-deop-hero-title\"\u003e48 h de fraîcheur, zéro compromis sur la peau\u003c\/span\u003e\n \u003cp class=\"soi-deop-hero-subtitle\"\u003eUn déodorant soin certifié bio, formulé à 99,9 % d'ingrédients d'origine naturelle, sans chlorhydrate d'aluminium ni alcool. Fabriqué en France, il protège durablement tout en respectant les peaux les plus réactives.\u003c\/p\u003e\n \u003cdiv class=\"soi-deop-hero-labels\"\u003e\n \u003cspan class=\"soi-deop-label soi-deop-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-deop-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-deop-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-deop-label\"\u003eSANS ALUMINIUM\u003c\/span\u003e\n \u003cspan class=\"soi-deop-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\"\u003e\n \u003ch2\u003eDéodorant naturel et efficace : 48 h de protection, zéro compromis\u003c\/h2\u003e\n \u003cp\u003eTrouver un déodorant naturel vraiment efficace est souvent un parcours du combattant. Trop doux pour certains, mal toléré pour d'autres… Le Déodorant Soin Protecteur certifié Bio Coslys répond à ce défi avec une formule à 99,9 % d'origine naturelle, certifiée Cosmos Organic, sans chlorhydrate d'aluminium et sans alcool. Fabriqué en France, il s'adresse aussi bien aux femmes qu'aux hommes, y compris aux peaux les plus réactives.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\"\u003e\n \u003ch2\u003ePourquoi ce déodorant bio se distingue vraiment ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deop-benefits\"\u003e\n \u003cdiv class=\"soi-deop-benefit\"\u003e\n \u003cdiv class=\"soi-deop-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eLotus bio français\u003c\/h3\u003e\n \u003cp\u003eCultivé en France, cet actif floral apporte douceur et un parfum subtil, 100 % naturel. Une note délicate qui vous accompagne toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-benefit\"\u003e\n \u003cdiv class=\"soi-deop-benefit-icon\"\u003e\u003cspan\u003e🪨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePierre d'alun naturelle\u003c\/h3\u003e\n \u003cp\u003eReconnue pour limiter la prolifération des bactéries responsables des mauvaises odeurs, sans obstruer les pores ni perturber la transpiration naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-benefit\"\u003e\n \u003cdiv class=\"soi-deop-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAloe vera et huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eCes deux actifs apaisants hydratent la peau sous les bras, idéal après l'épilation pour éviter toute irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-benefit\"\u003e\n \u003cdiv class=\"soi-deop-benefit-icon\"\u003e\u003cspan\u003e⏱️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection 48 heures\u003c\/h3\u003e\n \u003cp\u003eUne tenue longue durée pour accompagner aussi bien les journées au bureau que les activités sportives légères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\"\u003e\n \u003ch2\u003eComposition complète du déodorant naturel Coslys\u003c\/h2\u003e\n \u003cp class=\"soi-deop-section-intro\"\u003eTransparence totale sur les ingrédients, parce que vous méritez de savoir ce que vous appliquez sur votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-deop-compo\"\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003eAqua (eau)\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003eBase purifiée de la formule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003eAloe Barbadensis Leaf Juice*\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003eAloe vera bio : hydratation et apaisement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003ePotassium Alum\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003ePierre d'alun : action déodorante naturelle antibactérienne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003ePrunus Amygdalus Dulcis Oil*\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003eHuile d'amande douce bio : soin et douceur cutanée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003eNelumbo Nucifera Flower Extract*\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003eLotus bio français : parfum floral et actif apaisant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003eParfum naturel\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003e100 % d'origine naturelle, sans allergènes synthétiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-compo-row\"\u003e\n \u003cspan class=\"soi-deop-compo-label\"\u003eXanthan Gum\u003c\/span\u003e\n \u003cspan class=\"soi-deop-compo-value\"\u003eAgent texturant d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1rem; font-size: 13px; color: var(--soi-deop-text-muted); font-style: italic;\"\u003e* Ingrédients issus de l'agriculture biologique. 99,9 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\"\u003e\n \u003ch2\u003eComment utiliser ce déodorant bio efficacement ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deop-timeline\"\u003e\n \u003cdiv class=\"soi-deop-step\"\u003e\n \u003cdiv class=\"soi-deop-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur les aisselles propres et sèches, de préférence après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step\"\u003e\n \u003cdiv class=\"soi-deop-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step-content\"\u003e\n \u003ch3\u003eDosez avec justesse\u003c\/h3\u003e\n \u003cp\u003ePompez 2 à 3 fois pour obtenir la quantité nécessaire, sans excès.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step\"\u003e\n \u003cdiv class=\"soi-deop-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003ePatientez quelques secondes avant de vous habiller pour une tenue optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step\"\u003e\n \u003cdiv class=\"soi-deop-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-deop-step-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eEn cas de journée intense, n'hésitez pas à renouveler l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-deop-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLors des premières semaines d'utilisation d'un déodorant naturel, la peau passe par une phase de transition. C'est normal. Persistez 2 à 3 semaines pour profiter pleinement de son efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\"\u003e\n \u003ch2\u003eCertifications et engagements Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-deop-grid-compact\"\u003e\n \u003cdiv class=\"soi-deop-card-mini\"\u003e\n \u003cspan class=\"soi-deop-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-card-mini\"\u003e\n \u003cspan class=\"soi-deop-card-mini-icon\"\u003e🐇\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-value\"\u003eVegan, non testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-card-mini\"\u003e\n \u003cspan class=\"soi-deop-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-card-mini\"\u003e\n \u003cspan class=\"soi-deop-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-label\"\u003eÉco-conception\u003c\/span\u003e\n \u003cspan class=\"soi-deop-card-mini-value\"\u003eFlacon recyclé et recyclable, pompe airless\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-deop-accordion-item\"\u003e\n \u003csummary class=\"soi-deop-accordion-header\"\u003e🚫 Formulé sans\u003c\/summary\u003e\n \u003cdiv class=\"soi-deop-accordion-content\"\u003e\n \u003cp\u003eSans chlorhydrate d'aluminium, sans alcool, sans paraben. Une formule minimaliste et respectueuse pour les peaux les plus exigeantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\"\u003e\n \u003ch2\u003ePour qui est fait ce déodorant naturel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deop-grid\"\u003e\n \u003cdiv class=\"soi-deop-card\"\u003e\n \u003ch3\u003e👩 Femmes et hommes\u003c\/h3\u003e\n \u003cp\u003eSon parfum floral discret de lotus plaît à tous. Que vous cherchiez un déodorant naturel pour homme avec une tenue sérieuse ou un soin doux pour une peau réactive, il convient à toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-card\"\u003e\n \u003ch3\u003e🤸 Mode de vie actif\u003c\/h3\u003e\n \u003cp\u003eCompact et pratique, il se glisse facilement dans un sac de sport pour une application express après l'effort. Sa protection 48 heures accompagne aussi bien les journées chargées que les séances d'activité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deop-card\"\u003e\n \u003ch3\u003e🩹 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eFormulé sans alcool ni chlorhydrate d'aluminium, enrichi en aloe vera et huile d'amande douce, il convient parfaitement aux peaux sensibles ou sujettes aux irritations, y compris après l'épilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deop-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-deop-cta-box\"\u003e\n \u003cp class=\"soi-deop-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans les gestes du quotidien\u003c\/p\u003e\n \u003cp class=\"soi-deop-cta-text\" style=\"color: white;\"\u003eUn déodorant bio honnête, certifié, pensé pour celles et ceux qui veulent prendre soin d'eux et de la planète, sans sacrifier le confort ni l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-deop-marine: #1A2D3D;\n --soi-deop-marine-dark: #0F1E2B;\n --soi-deop-marine-light: #2C4458;\n --soi-deop-pomme: #A1C544;\n --soi-deop-pomme-dark: #84A636;\n --soi-deop-pomme-light: rgba(161,197,68,0.10);\n --soi-deop-white: #FFFFFF;\n --soi-deop-off-white: #F8FAF6;\n --soi-deop-stone: #F1F3EE;\n --soi-deop-line: #E5E8E0;\n --soi-deop-primary: #E8B0C0;\n --soi-deop-primary-soft: #F5DDE5;\n --soi-deop-accent: #A8B5D4;\n --soi-deop-text: #1A2D3D;\n --soi-deop-text-soft: #4A5B6B;\n --soi-deop-text-muted: #7B8693;\n --soi-deop-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-deop-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-deop-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-deop-radius: 12px;\n --soi-deop-radius-sm: 8px;\n --soi-deop-radius-pill: 999px;\n}\n\n.soi-deop-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-deop-fiche img { max-width: 100%; height: auto; }\n\n.soi-deop-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-deop-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-deop-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-deop-hero {\n position: relative;\n background: var(--soi-deop-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-deop-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-deop-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-deop-pomme);\n}\n\n.soi-deop-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-deop-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-deop-pomme);\n border-radius: 50%;\n}\n\n.soi-deop-hero-title {\n display: block;\n color: var(--soi-deop-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-deop-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-deop-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-deop-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-deop-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-deop-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-deop-label-accent {\n background: var(--soi-deop-pomme);\n border-color: var(--soi-deop-pomme);\n color: var(--soi-deop-marine);\n font-weight: 600;\n}\n\n.soi-deop-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-deop-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-deop-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-deop-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-deop-pomme);\n border-radius: 2px;\n}\n\n.soi-deop-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-deop-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-deop-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-deop-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-deop-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-deop-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-deop-benefit {\n background: var(--soi-deop-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-deop-radius);\n border: 1px solid var(--soi-deop-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-deop-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-deop-shadow-md);\n}\n\n.soi-deop-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-deop-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-deop-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-deop-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-deop-benefit:hover .soi-deop-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-deop-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deop-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deop-benefit p {\n font-size: 13px;\n color: var(--soi-deop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deop-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-deop-card {\n background: var(--soi-deop-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deop-radius);\n border-left: 3px solid var(--soi-deop-pomme);\n}\n\n.soi-deop-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deop-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deop-card p {\n font-size: 14px;\n color: var(--soi-deop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deop-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-deop-card-mini {\n background: var(--soi-deop-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-deop-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-deop-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-deop-card-mini-label {\n font-size: 11px;\n color: var(--soi-deop-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-deop-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deop-marine);\n}\n\n.soi-deop-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-deop-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-deop-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deop-radius);\n border: 1px solid var(--soi-deop-line);\n align-items: flex-start;\n}\n\n.soi-deop-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-deop-marine);\n color: var(--soi-deop-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-deop-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deop-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-deop-step-content p {\n font-size: 14px;\n color: var(--soi-deop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deop-compo {\n background: var(--soi-deop-off-white);\n border-radius: var(--soi-deop-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-deop-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-deop-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-deop-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-deop-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-deop-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-deop-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-deop-marine);\n text-align: right;\n}\n\n.soi-deop-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-deop-pomme-light);\n border-left: 4px solid var(--soi-deop-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-deop-radius) var(--soi-deop-radius) 0;\n align-items: flex-start;\n}\n\n.soi-deop-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-deop-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-deop-marine);\n margin-bottom: 4px;\n}\n\n.soi-deop-tip p {\n font-size: 14px;\n color: var(--soi-deop-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deop-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-deop-accordion-item {\n background: var(--soi-deop-off-white);\n border-radius: var(--soi-deop-radius-sm);\n border: 1px solid var(--soi-deop-line);\n overflow: hidden;\n}\n\n.soi-deop-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-deop-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-deop-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-deop-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-deop-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-deop-accordion-item[open] .soi-deop-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-deop-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-deop-accordion-content p {\n font-size: 14px;\n color: var(--soi-deop-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deop-cta-box {\n background: var(--soi-deop-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-deop-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-deop-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-deop-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-deop-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-deop-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-deop-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-deop-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-deop-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-deop-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-deop-compo-value {\n text-align: left;\n }\n\n .soi-deop-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-deop-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-deop-fiche {\n --soi-deop-text-soft: #2C3E50;\n --soi-deop-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603521429834,"sku":"CS0225","price":6.07,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-soin-protecteur-certifie-bio-coslys-packshot.webp?v=1783247096"},{"product_id":"deodorant-soin-fraicheur-certifie-bio-coslys","title":"Déodorant Soin Fraîcheur certifié bio – Coslys","description":"\u003cdiv class=\"soi-deofr-fiche\"\u003e\n\n\u003csection class=\"soi-deofr-hero\"\u003e\n \u003cdiv class=\"soi-deofr-hero-tag\"\u003e\n \u003cspan class=\"soi-deofr-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-deofr-hero-title\"\u003eFraîcheur naturelle, protection longue durée\u003c\/span\u003e\n \u003cp class=\"soi-deofr-hero-subtitle\"\u003eUn déodorant soin certifié bio au thé vert et à l'aloe vera, formulé à 99 % d'ingrédients d'origine naturelle pour une protection fiable de 48 heures, sans compromis sur la douceur.\u003c\/p\u003e\n \u003cdiv class=\"soi-deofr-hero-labels\"\u003e\n \u003cspan class=\"soi-deofr-label soi-deofr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-label\"\u003eCRUELTY FREE\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-label\"\u003e0 % ALCOOL\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant bio naturel et efficace ?\u003c\/h2\u003e\n \u003cp class=\"soi-deofr-section-intro\"\u003eBeaucoup de déodorants naturels déçoivent sur l'efficacité. Celui-ci apporte une vraie réponse : le zinc, actif reconnu pour neutraliser les bactéries responsables des mauvaises odeurs, associé à l'aloe vera bio et au thé vert bio, deux ingrédients complémentaires qui apaisent, hydratent et protègent votre peau en profondeur. Le résultat : une fraîcheur stable et durable, même en journée chargée.\u003c\/p\u003e\n \u003cdiv class=\"soi-deofr-benefits\"\u003e\n \u003cdiv class=\"soi-deofr-benefit\"\u003e\n \u003cdiv class=\"soi-deofr-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans chlorhydrate d'aluminium\u003c\/h3\u003e\n \u003cp\u003eRespecte la physiologie naturelle de votre peau, sans bloquer la transpiration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-benefit\"\u003e\n \u003cdiv class=\"soi-deofr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise, adoucit et hydrate la zone axillaire pour un confort tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-benefit\"\u003e\n \u003cdiv class=\"soi-deofr-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eThé vert bio\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant, il protège votre peau des agressions du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-benefit\"\u003e\n \u003cdiv class=\"soi-deofr-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans alcool, parfum naturel\u003c\/h3\u003e\n \u003cp\u003eZéro irritation, même sur peaux sensibles ou après épilation. Notes vertes et mentholées, convient aux femmes et aux hommes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n \u003ch2\u003eComposition complète du déodorant Coslys thé vert bio\u003c\/h2\u003e\n \u003cp class=\"soi-deofr-section-intro\"\u003eFormulé à 99 % d'ingrédients d'origine naturelle, ce déodorant mise sur la transparence totale. Voici ses principaux actifs :\u003c\/p\u003e\n \u003cdiv class=\"soi-deofr-compo\"\u003e\n \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n \u003cspan class=\"soi-deofr-compo-label\"\u003eAqua\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-compo-value\"\u003eBase purifiante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n \u003cspan class=\"soi-deofr-compo-label\"\u003eAloe Barbadensis Leaf Juice (bio)\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-compo-value\"\u003eAgent hydratant et apaisant certifié bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n \u003cspan class=\"soi-deofr-compo-label\"\u003eCamellia Sinensis Leaf Extract (bio)\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-compo-value\"\u003eAntioxydant, certifié bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n \u003cspan class=\"soi-deofr-compo-label\"\u003eZinc Gluconate\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-compo-value\"\u003eNeutralise les odeurs à la source\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n \u003cspan class=\"soi-deofr-compo-label\"\u003eParfum naturel\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-compo-value\"\u003eNotes vertes et mentholées d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-compo-row\"\u003e\n \u003cspan class=\"soi-deofr-compo-label\"\u003eXanthan Gum\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-compo-value\"\u003eTexturant d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-grid-compact\"\u003e\n \u003cdiv class=\"soi-deofr-card-mini\"\u003e\n \u003cspan class=\"soi-deofr-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-value\"\u003e99 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-card-mini\"\u003e\n \u003cspan class=\"soi-deofr-card-mini-icon\"\u003e⏱️\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-label\"\u003eProtection\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-value\"\u003e48 heures\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-card-mini\"\u003e\n \u003cspan class=\"soi-deofr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-card-mini\"\u003e\n \u003cspan class=\"soi-deofr-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-deofr-card-mini-value\"\u003eRecyclé \u0026amp; recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n \u003ch2\u003eComment utiliser ce déodorant naturel efficacement ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deofr-timeline\"\u003e\n \u003cdiv class=\"soi-deofr-step\"\u003e\n \u003cdiv class=\"soi-deofr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez le déodorant sur des aisselles propres et sèches, de préférence le matin après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step\"\u003e\n \u003cdiv class=\"soi-deofr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step-content\"\u003e\n \u003ch3\u003eDiffusez le produit\u003c\/h3\u003e\n \u003cp\u003eAppuyez légèrement sur le système pompe pour diffuser le produit uniformément.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step\"\u003e\n \u003cdiv class=\"soi-deofr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003ePatientez quelques secondes avant de vous habiller pour un confort optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step\"\u003e\n \u003cdiv class=\"soi-deofr-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-step-content\"\u003e\n \u003ch3\u003eProtection longue durée\u003c\/h3\u003e\n \u003cp\u003eUne seule application suffit pour une protection de 48 heures. Renouvelez selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-tip\"\u003e\n \u003cdiv class=\"soi-deofr-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLors du passage à un déodorant naturel, une courte période d'adaptation de 1 à 2 semaines est possible. C'est tout à fait normal : votre peau se rééquilibre après des années de produits conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n \u003ch2\u003ePour qui est fait ce déodorant naturel homme et femme ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deofr-grid\"\u003e\n \u003cdiv class=\"soi-deofr-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eConvient parfaitement aux personnes dont la peau réagit aux déodorants classiques, grâce à sa formule sans alcool et sans sels d'aluminium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-card\"\u003e\n \u003ch3\u003e🚫 Adieu sels d'aluminium\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez éliminer les sels d'aluminium de votre routine ? Ce déodorant vous offre une alternative fiable et performante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-card\"\u003e\n \u003ch3\u003e🌍 Transition éco-responsable\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui s'engagent vers une cosmétique plus naturelle et respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deofr-card\"\u003e\n \u003ch3\u003e👫 Mixte, pour tous\u003c\/h3\u003e\n \u003cp\u003eSon parfum vert et frais, neutre et subtil, convient aussi bien aux hommes qu'aux femmes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\"\u003e\n \u003ch2\u003eEngagements Coslys : naturel, local, responsable\u003c\/h2\u003e\n \u003cp\u003eCoslys est une marque française engagée depuis plus de 30 ans dans la cosmétique naturelle et biologique. Ce déodorant soin reflète ses valeurs : fabrication française, ingrédients certifiés bio, flacon recyclé et recyclable, et certifications indépendantes (Cosmos Organic, Vegan, Cruelty Free). Choisir ce produit, c'est aussi soutenir une démarche locale et transparente.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deofr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-deofr-cta-box\"\u003e\n \u003cp class=\"soi-deofr-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans les gestes du quotidien\u003c\/p\u003e\n \u003cp class=\"soi-deofr-cta-text\" style=\"color: white;\"\u003e48 heures de fraîcheur, une peau apaisée par l'aloe vera et le thé vert, et la sérénité d'une formule saine fabriquée en France. Votre peau vous remerciera dès les premiers jours.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-deofr-marine: #1A2D3D;\n --soi-deofr-marine-dark: #0F1E2B;\n --soi-deofr-marine-light: #2C4458;\n --soi-deofr-pomme: #A1C544;\n --soi-deofr-pomme-dark: #84A636;\n --soi-deofr-pomme-light: rgba(161,197,68,0.10);\n\n --soi-deofr-white: #FFFFFF;\n --soi-deofr-off-white: #F8FAF6;\n --soi-deofr-stone: #F1F3EE;\n --soi-deofr-line: #E5E8E0;\n\n --soi-deofr-primary: #7A9A8E;\n --soi-deofr-primary-soft: #D6E5DF;\n --soi-deofr-accent: #5B8C5A;\n\n --soi-deofr-text: #1A2D3D;\n --soi-deofr-text-soft: #4A5B6B;\n --soi-deofr-text-muted: #7B8693;\n\n --soi-deofr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-deofr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-deofr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-deofr-radius: 12px;\n --soi-deofr-radius-sm: 8px;\n --soi-deofr-radius-pill: 999px;\n}\n\n.soi-deofr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-deofr-fiche img { max-width: 100%; height: auto; }\n\n.soi-deofr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-deofr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-deofr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-deofr-hero {\n position: relative;\n background: var(--soi-deofr-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-deofr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-deofr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-deofr-pomme);\n}\n\n.soi-deofr-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-deofr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-deofr-pomme);\n border-radius: 50%;\n}\n\n.soi-deofr-hero-title {\n display: block;\n color: var(--soi-deofr-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-deofr-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-deofr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-deofr-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-deofr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-deofr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-deofr-label-accent {\n background: var(--soi-deofr-pomme);\n border-color: var(--soi-deofr-pomme);\n color: var(--soi-deofr-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-deofr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-deofr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-deofr-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-deofr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-deofr-pomme);\n border-radius: 2px;\n}\n\n.soi-deofr-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-deofr-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-deofr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-deofr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-deofr-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-deofr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-deofr-benefit {\n background: var(--soi-deofr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-deofr-radius);\n border: 1px solid var(--soi-deofr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-deofr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-deofr-shadow-md);\n}\n\n.soi-deofr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-deofr-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-deofr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-deofr-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-deofr-benefit:hover .soi-deofr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-deofr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deofr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deofr-benefit p {\n font-size: 13px;\n color: var(--soi-deofr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-deofr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-deofr-card {\n background: var(--soi-deofr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deofr-radius);\n border-left: 3px solid var(--soi-deofr-pomme);\n}\n\n.soi-deofr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deofr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deofr-card p {\n font-size: 14px;\n color: var(--soi-deofr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-deofr-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-deofr-card-mini {\n background: var(--soi-deofr-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-deofr-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-deofr-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-deofr-card-mini-label {\n font-size: 11px;\n color: var(--soi-deofr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-deofr-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deofr-marine);\n}\n\n\/* COMPOSITION *\/\n.soi-deofr-compo {\n background: var(--soi-deofr-off-white);\n border-radius: var(--soi-deofr-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-deofr-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-deofr-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-deofr-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-deofr-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-deofr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-deofr-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-deofr-marine);\n text-align: right;\n}\n\n\/* TIMELINE *\/\n.soi-deofr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-deofr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-deofr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deofr-radius);\n border: 1px solid var(--soi-deofr-line);\n align-items: flex-start;\n}\n\n.soi-deofr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-deofr-marine);\n color: var(--soi-deofr-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-deofr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deofr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-deofr-step-content p {\n font-size: 14px;\n color: var(--soi-deofr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIP *\/\n.soi-deofr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-deofr-pomme-light);\n border-left: 4px solid var(--soi-deofr-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-deofr-radius) var(--soi-deofr-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-deofr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-deofr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-deofr-marine);\n margin-bottom: 4px;\n}\n\n.soi-deofr-tip p {\n font-size: 14px;\n color: var(--soi-deofr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-deofr-cta-box {\n background: var(--soi-deofr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-deofr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-deofr-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-deofr-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-deofr-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-deofr-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-deofr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-deofr-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-deofr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-deofr-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-deofr-compo-value {\n text-align: left;\n }\n\n .soi-deofr-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-deofr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-deofr-fiche {\n --soi-deofr-text-soft: #2C3E50;\n --soi-deofr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603522412874,"sku":"CS0220","price":4.97,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-soin-fraicheur-certifie-bio-coslys-packshot.webp?v=1783247119"},{"product_id":"gel-intime-apaisant-bio-coslys","title":"Gel Intime Apaisant Bio – Coslys","description":"\u003cdiv class=\"soi-gint-fiche\"\u003e\n\n\u003csection class=\"soi-gint-hero\"\u003e\n \u003cdiv class=\"soi-gint-hero-tag\"\u003e\n \u003cspan class=\"soi-gint-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène intime · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-gint-hero-title\"\u003eDouceur apaisante pour votre intimité\u003c\/span\u003e\n \u003cp class=\"soi-gint-hero-subtitle\"\u003eUn gel intime bio à pH 8, formulé avec de la fleur de calendula et du magnésium pour nettoyer en douceur et apaiser les muqueuses sensibles au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-gint-hero-labels\"\u003e\n \u003cspan class=\"soi-gint-label soi-gint-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eCOSMÉBIO ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eTESTÉ GYNÉCOLOGIQUEMENT\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003cp class=\"soi-gint-section-intro\"\u003eVous ressentez des tiraillements, des démangeaisons ou un inconfort persistant dans la zone intime ? Vous n'êtes pas seule. Ces sensations, souvent liées à un déséquilibre de la flore ou à des produits trop agressifs, méritent une vraie réponse naturelle. Le \u003cstrong\u003eGel Intime Apaisant Bio Coslys\u003c\/strong\u003e a été conçu exactement pour cela : nettoyer en douceur, apaiser les muqueuses sensibles et respecter l'équilibre naturel de votre intimité au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003ePourquoi choisir un gel intime bio à pH 8 ?\u003c\/h2\u003e\n \u003cp\u003eContrairement aux idées reçues, le pH de la zone intime externe (vulve) n'est pas le même que celui du vagin. La peau vulvaire supporte mieux un pH légèrement alcalin, autour de 8, ce qui justifie la formulation de ce gel. Il nettoie efficacement sans perturber l'équilibre local, sans savon agressif et sans parfum irritant.\u003c\/p\u003e\n \u003cp\u003eCe gel intime se démarque des références classiques par sa composition certifiée bio et sa transparence sur les ingrédients : \u003cstrong\u003e98 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, fabriqué en France, labellisé Cosmébio par Ecocert.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-benefits\"\u003e\n \u003cdiv class=\"soi-gint-benefit\"\u003e\n \u003cdiv class=\"soi-gint-benefit-icon\"\u003e\u003cspan\u003e🌼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFleur de Calendula Bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes et adoucissantes, elle calme immédiatement les muqueuses irritées ou inflammées. Idéale après l'épilation, en période de règles ou en cas d'irritation passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-benefit\"\u003e\n \u003cdiv class=\"soi-gint-benefit-icon\"\u003e\u003cspan\u003e🧬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMagnésium\u003c\/h3\u003e\n \u003cp\u003eCet oligo-élément soutient l'équilibre cellulaire de l'épiderme intime, réduit les réactions d'inconfort et favorise une tolérance optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-benefit\"\u003e\n \u003cdiv class=\"soi-gint-benefit-icon\"\u003e\u003cspan\u003e🚫\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans savon, sans parfum\u003c\/h3\u003e\n \u003cp\u003eZéro risque d'allergie ou de déséquilibre, même pour les peaux les plus réactives. Une formule épurée qui respecte votre sensibilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eComment utiliser le gel intime Coslys ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-timeline\"\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite noisette de gel sur la zone externe uniquement, jamais en interne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003eMassage et rinçage\u003c\/h3\u003e\n \u003cp\u003eMassez doucement, rincez à l'eau tiède. Une fois par jour suffit, matin ou soir selon votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003ePrécaution importante\u003c\/h3\u003e\n \u003cp\u003eEn cas d'irritation intense ou persistante, consultez un médecin ou un gynécologue. Ce gel est un soin d'hygiène, pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eComposition complète du Gel Intime Apaisant Bio Coslys\u003c\/h2\u003e\n \u003cp\u003e\u003cem\u003eINCI :\u003c\/em\u003e Aqua, Cocamidopropyl Betaine, Sodium Cocoyl Glutamate, Glycerin, Calendula Officinalis Flower Extract*, Magnesium Chloride, Sodium Chloride, Citric Acid, Sodium Benzoate, Potassium Sorbate. \u003cem\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cdiv class=\"soi-gint-grid-compact\"\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003e98 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eSavon \/ Parfum \/ Colorant\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003e0 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eVegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003ePour qui est fait ce gel intime femme ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-grid\"\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌸 Muqueuses sensibles\u003c\/h3\u003e\n \u003cp\u003eParticulièrement adapté si vous êtes sujette aux irritations, aux tiraillements ou aux démangeaisons au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🏃‍♀️ Après le sport ou l'épilation\u003c\/h3\u003e\n \u003cp\u003eSa formule sans savon et sans parfum apaise la zone intime après les frottements ou le rasage, sans provoquer de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌷 Ménopause et sécheresse intime\u003c\/h3\u003e\n \u003cp\u003eUn soin doux qui respecte l'épiderme fragilisé par les changements hormonaux et contribue à votre confort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌱 Envie de naturel\u003c\/h3\u003e\n \u003cp\u003ePour celles qui souhaitent adopter une hygiène intime plus respectueuse, certifiée bio et transparente sur sa composition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-tip\"\u003e\n \u003cdiv class=\"soi-gint-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe gel convient également aux femmes enceintes (avis médical recommandé) et constitue une alternative bio aux gels intimes classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003cdiv class=\"soi-gint-accordion\"\u003e\n \u003cdetails class=\"soi-gint-accordion-item\"\u003e\n \u003csummary class=\"soi-gint-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-gint-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eCe produit ne se substitue pas à un avis ou traitement médical.\u003c\/strong\u003e En cas de symptômes persistants (brûlures, pertes inhabituelles, douleurs), consultez un professionnel de santé. Usage externe uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gint-cta-box\"\u003e\n \u003cp class=\"soi-gint-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans l'intimité\u003c\/p\u003e\n \u003cp class=\"soi-gint-cta-text\" style=\"color: white;\"\u003eEnrichi en calendula bio et magnésium, le Gel Intime Apaisant Coslys prend soin de votre intimité chaque jour, sans agressivité, sans artifice, avec toute la bienveillance du naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-gint-marine: #1A2D3D;\n --soi-gint-marine-dark: #0F1E2B;\n --soi-gint-marine-light: #2C4458;\n --soi-gint-pomme: #A1C544;\n --soi-gint-pomme-dark: #84A636;\n --soi-gint-pomme-light: rgba(161,197,68,0.10);\n --soi-gint-white: #FFFFFF;\n --soi-gint-off-white: #F8FAF6;\n --soi-gint-stone: #F1F3EE;\n --soi-gint-line: #E5E8E0;\n --soi-gint-primary: #E8A832;\n --soi-gint-primary-soft: #FDF3DC;\n --soi-gint-accent: #5AAFE0;\n --soi-gint-text: #1A2D3D;\n --soi-gint-text-soft: #4A5B6B;\n --soi-gint-text-muted: #7B8693;\n --soi-gint-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gint-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gint-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gint-radius: 12px;\n --soi-gint-radius-sm: 8px;\n --soi-gint-radius-pill: 999px;\n}\n\n.soi-gint-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gint-fiche img { max-width: 100%; height: auto; }\n\n.soi-gint-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gint-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gint-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-gint-hero {\n position: relative;\n background: var(--soi-gint-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-gint-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gint-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gint-pomme);\n}\n\n.soi-gint-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-gint-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gint-pomme);\n border-radius: 50%;\n}\n\n.soi-gint-hero-title {\n display: block;\n color: var(--soi-gint-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-gint-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-gint-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gint-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-gint-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gint-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gint-label-accent {\n background: var(--soi-gint-pomme);\n border-color: var(--soi-gint-pomme);\n color: var(--soi-gint-marine);\n font-weight: 600;\n}\n\n.soi-gint-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gint-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-gint-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gint-pomme);\n border-radius: 2px;\n}\n\n.soi-gint-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gint-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-gint-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gint-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gint-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-gint-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-gint-benefit {\n background: var(--soi-gint-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gint-radius);\n border: 1px solid var(--soi-gint-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gint-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gint-shadow-md);\n}\n\n.soi-gint-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gint-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-gint-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gint-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gint-benefit:hover .soi-gint-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gint-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gint-benefit p {\n font-size: 13px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-gint-card {\n background: var(--soi-gint-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gint-radius);\n border-left: 3px solid var(--soi-gint-pomme);\n}\n\n.soi-gint-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gint-card p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.25rem;\n}\n\n.soi-gint-card-mini {\n background: var(--soi-gint-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-gint-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-gint-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-gint-card-mini-label {\n font-size: 11px;\n color: var(--soi-gint-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-gint-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n}\n\n.soi-gint-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-gint-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gint-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gint-radius);\n border: 1px solid var(--soi-gint-line);\n align-items: flex-start;\n}\n\n.soi-gint-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gint-marine);\n color: var(--soi-gint-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-gint-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gint-step-content p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gint-pomme-light);\n border-left: 4px solid var(--soi-gint-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gint-radius) var(--soi-gint-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-gint-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gint-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gint-marine);\n margin-bottom: 4px;\n}\n\n.soi-gint-tip p {\n font-size: 14px;\n color: var(--soi-gint-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gint-accordion-item {\n background: var(--soi-gint-off-white);\n border-radius: var(--soi-gint-radius-sm);\n border: 1px solid var(--soi-gint-line);\n overflow: hidden;\n}\n\n.soi-gint-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gint-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-gint-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gint-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gint-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gint-accordion-item[open] .soi-gint-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gint-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gint-accordion-content p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-cta-box {\n background: var(--soi-gint-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gint-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gint-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-gint-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gint-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-gint-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gint-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gint-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-gint-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gint-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-gint-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gint-fiche {\n --soi-gint-text-soft: #2C3E50;\n --soi-gint-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603527917898,"sku":"CS0210","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0210-toilette-intime-gel-apaisant_c447568c-4924-4f56-8b62-7e72ee1d7353.jpg?v=1778843075"},{"product_id":"gel-intime-fraicheur-bio-coslys","title":"Gel Intime Fraîcheur Bio – Coslys","description":"\n\n\u003cdiv class=\"soi-gint-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-gint-hero\"\u003e\n \u003cdiv class=\"soi-gint-hero-tag\"\u003e\n \u003cspan class=\"soi-gint-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène intime · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-gint-hero-title\"\u003eFraîcheur florale pour votre intimité\u003c\/span\u003e\n \u003cp class=\"soi-gint-hero-subtitle\"\u003eUn gel lavant intime à 99 % d'origine naturelle, sans savon, au pH physiologique respectueux de votre flore. Rose, Reine des Prés et Eucalyptus bio pour un confort quotidien en toute douceur.\u003c\/p\u003e\n \u003cdiv class=\"soi-gint-hero-labels\"\u003e\n \u003cspan class=\"soi-gint-label soi-gint-label-accent\"\u003eCOSMÉBIO\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eTESTÉ GYNÉCOLOGIQUEMENT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi choisir ce gel intime bio plutôt qu'un autre ? --\u003e\n \u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel intime bio plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp\u003eSur le marché du gel intime bio, nombreuses sont les formules qui affichent le naturel en façade tout en conservant des tensioactifs agressifs ou un pH inadapté. Coslys fait le choix inverse : un pH physiologique compris entre \u003cstrong\u003e5,6 et 6\u003c\/strong\u003e, sans savon, sans antiseptique, pour respecter l'équilibre naturel des muqueuses et préserver votre flore intime.\u003c\/p\u003e\n \u003cp\u003eLe résultat ? Une tolérance optimale, même pour les peaux les plus sensibles. Vous bénéficiez d'un soin lavant qui nettoie en douceur sans jamais compromettre les défenses naturelles de votre zone intime.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les ingrédients clés : la nature à l'état pur --\u003e\n \u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eLes ingrédients clés : la nature à l'état pur\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-grid\"\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌹 Eau florale de Rose bio\u003c\/h3\u003e\n \u003cp\u003eApaisante, adoucissante et légèrement parfumée, elle hydrate les muqueuses et procure une sensation de confort immédiate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌸 Eau florale de Reine des Prés bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes, elle contribue à calmer les légères irritations au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle d'Eucalyptus bio\u003c\/h3\u003e\n \u003cp\u003eFraîcheur naturelle et effet purifiant pour une sensation de propreté durable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-tip\"\u003e\n \u003cdiv class=\"soi-gint-tip-icon\"\u003e✅\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormule exigeante\u003c\/strong\u003e\n \u003cp\u003eSans savon, sans parabènes, sans colorants synthétiques. 99 % d'origine naturelle, 27 % d'ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser ce gel intime naturel au quotidien ? --\u003e\n \u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eComment utiliser ce gel intime naturel au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-timeline\"\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eAppuyez sur la pompe pour déposer une petite quantité de gel dans le creux de votre main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eAppliquez délicatement sur la zone intime externe avec de l'eau tiède, en évitant l'intérieur des muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez soigneusement à l'eau claire. À utiliser matin ou soir, selon vos besoins, en usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition complète (INCI) --\u003e\n \u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-compo\"\u003e\n \u003cdiv class=\"soi-gint-compo-row\"\u003e\n \u003cspan class=\"soi-gint-compo-label\"\u003eListe INCI\u003c\/span\u003e\n \u003cspan class=\"soi-gint-compo-value soi-gint-compo-inci\"\u003eAqua, Sodium Cocoyl Glutamate, Sodium Lauryl Glucose Carboxylate, Lauryl Glucoside, Glycerin, Filipendula Ulmaria Flower Water*, Rosa Damascena Flower Water*, Eucalyptus Globulus Leaf Oil*, Sodium Chloride, Citric Acid, Sodium Benzoate, Potassium Sorbate, Parfum.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-compo-row\"\u003e\n \u003cspan class=\"soi-gint-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-gint-compo-value\"\u003e99 % des ingrédients\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-compo-row\"\u003e\n \u003cspan class=\"soi-gint-compo-label\"\u003eAgriculture biologique\u003c\/span\u003e\n \u003cspan class=\"soi-gint-compo-value\"\u003e27 % des ingrédients\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-gint-inci-note\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les engagements Coslys en un coup d'œil --\u003e\n \u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eLes engagements Coslys en un coup d'œil\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-grid-compact\"\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eCosmébio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eVegan, non testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e⚕️\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eTolérance\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eTesté gynécologiquement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Questions fréquentes sur le gel intime bio Coslys --\u003e\n \u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le gel intime bio Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-accordion\"\u003e\n \u003cdetails class=\"soi-gint-accordion-item\"\u003e\n \u003csummary class=\"soi-gint-accordion-header\"\u003e🤰 Ce gel intime est-il adapté aux femmes enceintes ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gint-accordion-content\"\u003e\n \u003cp\u003eSa formule douce et sans composants agressifs le rend généralement bien toléré. Cependant, nous vous recommandons de toujours demander l'avis de votre médecin ou sage-femme avant de l'intégrer à votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gint-accordion-item\"\u003e\n \u003csummary class=\"soi-gint-accordion-header\"\u003e📅 Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gint-accordion-content\"\u003e\n \u003cp\u003eOui, ce gel est spécialement conçu pour un usage quotidien. Son pH physiologique (entre 5,6 et 6) ne perturbe pas la flore naturelle, ce qui vous permet de l'utiliser chaque jour en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gint-accordion-item\"\u003e\n \u003csummary class=\"soi-gint-accordion-header\"\u003e💧 Est-ce un gel lubrifiant intime ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gint-accordion-content\"\u003e\n \u003cp\u003eNon, il s'agit exclusivement d'un gel lavant destiné à l'hygiène externe. Pour un usage lubrifiant, orientez-vous vers un produit spécifiquement formulé à cet effet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-gint-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gint-cta-box\"\u003e\n \u003cp class=\"soi-gint-cta-tag\" style=\"color: white;\"\u003eVotre rituel intime au naturel\u003c\/p\u003e\n \u003cp class=\"soi-gint-cta-text\" style=\"color: white;\"\u003eDouceur, fraîcheur et respect de votre équilibre intime : avec ses fleurs de Rose et son Eucalyptus bio, ce gel transforme un geste ordinaire en un véritable moment de soin naturel, pensé pour vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-gint-marine: #1A2D3D;\n --soi-gint-marine-dark: #0F1E2B;\n --soi-gint-marine-light: #2C4458;\n --soi-gint-pomme: #A1C544;\n --soi-gint-pomme-dark: #84A636;\n --soi-gint-pomme-light: rgba(161,197,68,0.10);\n\n --soi-gint-white: #FFFFFF;\n --soi-gint-off-white: #F8FAF6;\n --soi-gint-stone: #F1F3EE;\n --soi-gint-line: #E5E8E0;\n\n --soi-gint-primary: #E8A8B5;\n --soi-gint-primary-soft: #FDF0F4;\n --soi-gint-accent: #A8B5D4;\n\n --soi-gint-text: #1A2D3D;\n --soi-gint-text-soft: #4A5B6B;\n --soi-gint-text-muted: #7B8693;\n\n --soi-gint-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gint-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gint-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gint-radius: 12px;\n --soi-gint-radius-sm: 8px;\n --soi-gint-radius-pill: 999px;\n}\n\n.soi-gint-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gint-fiche img { max-width: 100%; height: auto; }\n\n.soi-gint-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gint-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gint-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gint-hero {\n position: relative;\n background: var(--soi-gint-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-gint-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gint-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gint-pomme);\n}\n\n.soi-gint-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-gint-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gint-pomme);\n border-radius: 50%;\n}\n\n.soi-gint-hero-title {\n display: block;\n color: var(--soi-gint-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-gint-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-gint-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gint-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-gint-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gint-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gint-label-accent {\n background: var(--soi-gint-pomme);\n border-color: var(--soi-gint-pomme);\n color: var(--soi-gint-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gint-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gint-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-gint-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gint-pomme);\n border-radius: 2px;\n}\n\n.soi-gint-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gint-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gint-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gint-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-gint-card {\n background: var(--soi-gint-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gint-radius);\n border-left: 3px solid var(--soi-gint-primary);\n}\n\n.soi-gint-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gint-card p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-gint-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-gint-card-mini {\n background: var(--soi-gint-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-gint-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-gint-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-gint-card-mini-label {\n font-size: 11px;\n color: var(--soi-gint-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-gint-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-gint-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-gint-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gint-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gint-radius);\n border: 1px solid var(--soi-gint-line);\n align-items: flex-start;\n}\n\n.soi-gint-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gint-marine);\n color: var(--soi-gint-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-gint-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gint-step-content p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-gint-compo {\n background: var(--soi-gint-off-white);\n border-radius: var(--soi-gint-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-gint-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-gint-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-gint-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-gint-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-gint-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-gint-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-gint-marine);\n text-align: right;\n}\n\n.soi-gint-compo-inci {\n font-family: 'Inter', sans-serif;\n font-size: 13px;\n font-weight: 400;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n text-align: left;\n flex: 1 1 100%;\n margin-top: 4px;\n}\n\n.soi-gint-inci-note {\n font-size: 13px;\n color: var(--soi-gint-text-muted);\n margin-top: 0.75rem;\n}\n\n\/* === TIP === *\/\n.soi-gint-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gint-pomme-light);\n border-left: 4px solid var(--soi-gint-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gint-radius) var(--soi-gint-radius) 0;\n align-items: flex-start;\n}\n\n.soi-gint-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gint-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gint-marine);\n margin-bottom: 4px;\n}\n\n.soi-gint-tip p {\n font-size: 14px;\n color: var(--soi-gint-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gint-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gint-accordion-item {\n background: var(--soi-gint-off-white);\n border-radius: var(--soi-gint-radius-sm);\n border: 1px solid var(--soi-gint-line);\n overflow: hidden;\n}\n\n.soi-gint-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gint-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-gint-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gint-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gint-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gint-accordion-item[open] .soi-gint-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gint-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gint-accordion-content p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gint-cta-box {\n background: var(--soi-gint-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gint-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gint-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-gint-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gint-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-gint-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gint-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gint-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-gint-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gint-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-gint-compo-value {\n text-align: left;\n }\n\n .soi-gint-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-gint-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-gint-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gint-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gint-fiche {\n --soi-gint-text-soft: #2C3E50;\n --soi-gint-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603529097546,"sku":"CS0215","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0215-toilette-intime-gel-fraicheur_a07adafb-3e0e-4719-8c7d-16aca813b106.jpg?v=1778843076"},{"product_id":"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":"gel-douche-huile-de-figues-de-barbarie-najel","title":"Gel douche Huile de figues de Barbarie - 80ml - Najel","description":"\u003cdiv class=\"soi-fgbr-fiche\"\u003e\n\n\u003csection class=\"soi-fgbr-hero\"\u003e\n \u003cdiv class=\"soi-fgbr-hero-tag\"\u003e\n \u003cspan class=\"soi-fgbr-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-fgbr-hero-title\"\u003eGel douche Huile de Figues de Barbarie\u003c\/span\u003e\n \u003cp class=\"soi-fgbr-hero-subtitle\"\u003eDeux trésors botaniques réunis dans un seul geste : l'huile de figue de Barbarie à 20 % et le savon d'Alep traditionnel, pour une douche apaisante et naturelle au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-fgbr-hero-labels\"\u003e\n \u003cspan class=\"soi-fgbr-label soi-fgbr-label-accent\"\u003eCOSMOS NATURAL ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-label\"\u003eMADE IN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-label\"\u003eSANS PARFUM AJOUTÉ\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de figue de Barbarie change tout pour votre peau\u003c\/h2\u003e\n \u003cp\u003eL'huile de graines de figue de Barbarie est l'un des actifs les plus concentrés en vitamine E et en acides gras essentiels (oméga 6 et oméga 9) que la nature nous offre. Résultat concret : elle renforce la barrière cutanée, limite la perte en eau et laisse la peau visiblement plus souple dès les premières utilisations. C'est précisément pour cela que Najel en incorpore 20 % dans sa formule, une concentration généreuse qui fait toute la différence face à des gels conventionnels qui n'en contiennent que des traces.\u003c\/p\u003e\n \u003cp\u003eCombinée au savon d'Alep, composé d'huile d'olive et d'huile de baies de laurier, elle nourrit, apaise les rougeurs et soulage les sensations de tiraillement. Le tout sans parfum ajouté, ce qui en fait un gel douche parfaitement adapté aux peaux sensibles, réactives et sujettes aux irritations, aussi bien pour les femmes que pour les hommes.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003eCe que ce gel douche Cosmos Natural vous apporte concrètement\u003c\/h2\u003e\n \u003cdiv class=\"soi-fgbr-benefits\"\u003e\n \u003cdiv class=\"soi-fgbr-benefit\"\u003e\n \u003cdiv class=\"soi-fgbr-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage doux\u003c\/h3\u003e\n \u003cp\u003eLa mousse légère élimine les impuretés sans dessécher ni déséquilibrer le film hydrolipidique de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-benefit\"\u003e\n \u003cdiv class=\"soi-fgbr-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation immédiate\u003c\/h3\u003e\n \u003cp\u003eL'huile de figue de Barbarie forme un voile protecteur qui maintient la peau souple plusieurs heures après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-benefit\"\u003e\n \u003cdiv class=\"soi-fgbr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction apaisante\u003c\/h3\u003e\n \u003cp\u003eLe savon d'Alep calme les irritations et les démangeaisons, idéal pour les peaux réactives au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e🔄 Multi-usages\u003c\/h3\u003e\n \u003cp\u003eUtilisable sur le corps, le visage et les cheveux pour simplifier votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum ajouté\u003c\/h3\u003e\n \u003cp\u003eZéro risque d'allergie liée aux fragrances, même pour les peaux les plus délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e♻️ Flacon recyclé et recyclable\u003c\/h3\u003e\n \u003cp\u003e100 % plastique recyclé : un geste pour votre peau et pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003eComment utiliser ce gel douche naturel pour un résultat optimal\u003c\/h2\u003e\n \u003cdiv class=\"soi-fgbr-timeline\"\u003e\n \u003cdiv class=\"soi-fgbr-step\"\u003e\n \u003cdiv class=\"soi-fgbr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eVersez une noisette de gel sur vos mains ou sur un gant de toilette humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step\"\u003e\n \u003cdiv class=\"soi-fgbr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step-content\"\u003e\n \u003ch3\u003eMoussez\u003c\/h3\u003e\n \u003cp\u003eFaites mousser en effectuant des mouvements circulaires doux sur la peau humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step\"\u003e\n \u003cdiv class=\"soi-fgbr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Pour un bénéfice hydratant renforcé, évitez l'eau trop chaude qui accentue la sécheresse cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-tip\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-fgbr-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUtilisable quotidiennement, matin ou soir, sur le corps, le visage et les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003eComposition du gel douche Najel Figue de Barbarie\u003c\/h2\u003e\n \u003cp class=\"soi-fgbr-section-intro\"\u003eFormule à 99 % d'ingrédients d'origine naturelle, certifiée Cosmos Natural par Ecocert, fabriquée en France.\u003c\/p\u003e\n \u003cdiv class=\"soi-fgbr-compo\"\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eActif phare\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003e20 % d'huile de graines de figue de Barbarie (Opuntia Ficus-Indica Seed Oil)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003eSavon d'Alep (huile d'olive + huile de baies de laurier)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003eCosmos Natural Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003eParfum ajouté, sulfates agressifs, silicones\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-accordion\" style=\"margin-top:1rem;\"\u003e\n \u003cdetails class=\"soi-fgbr-accordion-item\"\u003e\n \u003csummary class=\"soi-fgbr-accordion-header\"\u003e🌱 Propriétés des actifs principaux\u003c\/summary\u003e\n \u003cdiv class=\"soi-fgbr-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eHuile de graines de figue de Barbarie :\u003c\/strong\u003e riche en vitamine E et acides gras essentiels, hydratante et antioxydante.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eSavon d'Alep :\u003c\/strong\u003e nettoyant doux, apaisant et nourrissant, utilisé depuis des siècles pour les peaux fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-fgbr-accordion-item\"\u003e\n \u003csummary class=\"soi-fgbr-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n \u003cdiv class=\"soi-fgbr-accordion-content\"\u003e\n \u003cp\u003eListe INCI complète disponible sur l'emballage du produit. Ce produit est un cosmétique, il ne se substitue pas à un avis médical en cas de pathologie cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003eCe gel douche est-il fait pour vous ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-fgbr-grid\"\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e🤲 Peaux sèches et sensibles\u003c\/h3\u003e\n \u003cp\u003eParticulièrement recommandé pour les peaux réactives, sujettes aux tiraillements ou aux irritations au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aussi bien aux femmes qu'aux hommes. Sans parfum ajouté, il accompagne chaque membre de la famille dès que la peau a besoin de douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e✅ Formule transparente\u003c\/h3\u003e\n \u003cp\u003eSi vous cherchez un gel douche naturel sans compromis qui tient vraiment ses promesses, vous avez trouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-fgbr-cta-box\"\u003e\n \u003cp class=\"soi-fgbr-cta-text\" style=\"color: white;\"\u003eChaque matin sous la douche, votre peau mérite la douceur d'un actif précieux, la tradition millénaire du savon d'Alep et la sérénité d'une formule certifiée naturelle. Prenez soin de vous, vraiment.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-fgbr-marine: #1A2D3D;\n --soi-fgbr-marine-dark: #0F1E2B;\n --soi-fgbr-marine-light: #2C4458;\n --soi-fgbr-pomme: #A1C544;\n --soi-fgbr-pomme-dark: #84A636;\n --soi-fgbr-pomme-light: rgba(161,197,68,0.10);\n --soi-fgbr-white: #FFFFFF;\n --soi-fgbr-off-white: #F8FAF6;\n --soi-fgbr-stone: #F1F3EE;\n --soi-fgbr-line: #E5E8E0;\n --soi-fgbr-primary: #C49A5C;\n --soi-fgbr-primary-soft: rgba(196,154,92,0.12);\n --soi-fgbr-accent: #B5694A;\n --soi-fgbr-text: #1A2D3D;\n --soi-fgbr-text-soft: #4A5B6B;\n --soi-fgbr-text-muted: #7B8693;\n --soi-fgbr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-fgbr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-fgbr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-fgbr-radius: 12px;\n --soi-fgbr-radius-sm: 8px;\n --soi-fgbr-radius-pill: 999px;\n}\n\n.soi-fgbr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-fgbr-fiche img { max-width: 100%; height: auto; }\n\n.soi-fgbr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-fgbr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-fgbr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-fgbr-hero {\n position: relative;\n background: var(--soi-fgbr-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-fgbr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-fgbr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-fgbr-pomme);\n}\n\n.soi-fgbr-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-fgbr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-fgbr-pomme);\n border-radius: 50%;\n}\n\n.soi-fgbr-hero-title {\n display: block;\n color: var(--soi-fgbr-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-fgbr-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-fgbr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-fgbr-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-fgbr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-fgbr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-fgbr-label-accent {\n background: var(--soi-fgbr-pomme);\n border-color: var(--soi-fgbr-pomme);\n color: var(--soi-fgbr-marine);\n font-weight: 600;\n}\n\n.soi-fgbr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-fgbr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-fgbr-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-fgbr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-fgbr-pomme);\n border-radius: 2px;\n}\n\n.soi-fgbr-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-fgbr-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-fgbr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-fgbr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-fgbr-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-fgbr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-fgbr-benefit {\n background: var(--soi-fgbr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-fgbr-radius);\n border: 1px solid var(--soi-fgbr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-fgbr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-fgbr-shadow-md);\n}\n\n.soi-fgbr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-fgbr-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-fgbr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-fgbr-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-fgbr-benefit:hover .soi-fgbr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-fgbr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-fgbr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-fgbr-benefit p {\n font-size: 13px;\n color: var(--soi-fgbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-fgbr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-fgbr-card {\n background: var(--soi-fgbr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-fgbr-radius);\n border-left: 3px solid var(--soi-fgbr-pomme);\n}\n\n.soi-fgbr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-fgbr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-fgbr-card p {\n font-size: 14px;\n color: var(--soi-fgbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-fgbr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-fgbr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-fgbr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-fgbr-radius);\n border: 1px solid var(--soi-fgbr-line);\n align-items: flex-start;\n}\n\n.soi-fgbr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-fgbr-marine);\n color: var(--soi-fgbr-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-fgbr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-fgbr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-fgbr-step-content p {\n font-size: 14px;\n color: var(--soi-fgbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-fgbr-compo {\n background: var(--soi-fgbr-off-white);\n border-radius: var(--soi-fgbr-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-fgbr-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-fgbr-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-fgbr-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-fgbr-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-fgbr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-fgbr-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-fgbr-marine);\n text-align: right;\n}\n\n.soi-fgbr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-fgbr-pomme-light);\n border-left: 4px solid var(--soi-fgbr-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-fgbr-radius) var(--soi-fgbr-radius) 0;\n align-items: flex-start;\n}\n\n.soi-fgbr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-fgbr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-fgbr-marine);\n margin-bottom: 4px;\n}\n\n.soi-fgbr-tip p {\n font-size: 14px;\n color: var(--soi-fgbr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-fgbr-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-fgbr-accordion-item {\n background: var(--soi-fgbr-off-white);\n border-radius: var(--soi-fgbr-radius-sm);\n border: 1px solid var(--soi-fgbr-line);\n overflow: hidden;\n}\n\n.soi-fgbr-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-fgbr-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-fgbr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-fgbr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-fgbr-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-fgbr-accordion-item[open] .soi-fgbr-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-fgbr-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-fgbr-accordion-content p {\n font-size: 14px;\n color: var(--soi-fgbr-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem 0;\n}\n\n.soi-fgbr-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.soi-fgbr-cta-box {\n background: var(--soi-fgbr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-fgbr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-fgbr-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-fgbr-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-fgbr-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-fgbr-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-fgbr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-fgbr-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-fgbr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-fgbr-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-fgbr-compo-value {\n text-align: left;\n }\n\n .soi-fgbr-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-fgbr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-fgbr-fiche {\n --soi-fgbr-text-soft: #2C3E50;\n --soi-fgbr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603634741578,"sku":"NJ0015","price":9.8,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-huile-de-figues-de-barbarie-najel-packshot_11zon.jpg?v=1781340135"},{"product_id":"savon-dalep-au-miel-najel","title":"Savon d'Alep au miel - Najel","description":"\u003cdiv class=\"soi-almi-fiche\"\u003e\n\n \u003csection class=\"soi-almi-hero\"\u003e\n \u003cdiv class=\"soi-almi-hero-tag\"\u003e\n \u003cspan class=\"soi-almi-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-almi-hero-title\"\u003eLa recette ancestrale d'Alep, au miel\u003c\/span\u003e\n \u003cp class=\"soi-almi-hero-subtitle\"\u003eUn savon né il y a plus de 3 000 ans à Alep, enrichi de la douceur dorée du miel. Nourrissant, apaisant et polyvalent : visage, corps et cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eSavon d'Alep au miel Najel : douceur millénaire et bienfaits du miel pour votre peau\u003c\/h2\u003e\n \u003cp\u003eImaginez un savon né il y a plus de \u003cstrong\u003e3 000 ans à Alep, en Syrie\u003c\/strong\u003e, enrichi de la douceur dorée du miel. C'est exactement ce que vous offre le \u003cstrong\u003esavon d'Alep au miel de Najel\u003c\/strong\u003e : une recette ancestrale, des ingrédients nobles et une peau transformée dès les premières utilisations. Que vous ayez la peau sèche, sensible ou simplement envie d'un soin naturel au quotidien, ce savon est fait pour vous.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep au miel Najel\u003c\/h2\u003e\n \u003cp class=\"soi-almi-section-intro\"\u003eLa force de ce savon réside dans sa composition transparente et authentique. Pas de parfum synthétique, pas de conservateur chimique : vous savez exactement ce que vous appliquez sur votre peau, et sur celle de votre famille.\u003c\/p\u003e\n \u003cdiv class=\"soi-almi-grid\"\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive (Olea Europaea Fruit Oil)\u003c\/h3\u003e\n \u003cp\u003eBase principale du savon d'Alep traditionnel, elle nourrit et protège la peau en profondeur grâce à ses acides gras et à sa richesse en vitamine E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier (Laurus Nobilis Fruit Oil)\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient signature du vrai savon d'Alep, reconnue pour ses propriétés apaisantes et purifiantes, particulièrement appréciée sur les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🍯 Miel naturel (Mel \/ Honey)\u003c\/h3\u003e\n \u003cp\u003eActif humectant et réparateur utilisé depuis l'Antiquité, il attire l'eau dans les cellules cutanées, aide à apaiser les irritations et laisse la peau douce et souple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🧪 Hydroxyde de sodium (agent saponifiant)\u003c\/h3\u003e\n \u003cp\u003eEntièrement consommé lors du processus de saponification à froid, il ne reste aucune trace dans le produit fini.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e💧 Eau\u003c\/h3\u003e\n \u003cp\u003ePour une texture idéale et une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eQuels sont les bienfaits du savon d'Alep au miel ?\u003c\/h2\u003e\n \u003cp class=\"soi-almi-section-intro\"\u003eCe savon se distingue par une action triple : nourrissante, apaisante et hydratante. Voici concrètement ce que vous pouvez en attendre.\u003c\/p\u003e\n \u003cdiv class=\"soi-almi-benefits\"\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau douce et nourrie\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive et le miel forment un duo hydratant puissant, idéal pour les peaux sèches ou tiraillées en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement des irritations\u003c\/h3\u003e\n \u003cp\u003eL'huile de baies de laurier et le miel soulagent les peaux sensibles, sujettes aux rougeurs ou aux légères irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉlasticité cutanée préservée\u003c\/h3\u003e\n \u003cp\u003eLe miel aide à conserver la souplesse de la peau en limitant la perte en eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMousse douce et enveloppante\u003c\/h3\u003e\n \u003cp\u003eMême sur les peaux les plus fragiles, la mousse crémeuse ne décape pas la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eSavon d'Alep visage, corps et cheveux : comment l'utiliser ?\u003c\/h2\u003e\n \u003cp class=\"soi-almi-section-intro\"\u003eL'un des grands atouts du savon d'Alep authentique, c'est sa polyvalence totale. Vous pouvez l'utiliser de trois façons.\u003c\/p\u003e\n \u003cdiv class=\"soi-almi-timeline\"\u003e\n \u003cdiv class=\"soi-almi-step\"\u003e\n \u003cdiv class=\"soi-almi-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eFaites mousser entre vos mains, appliquez en douceur, puis rincez à l'eau tiède. La peau est nette, jamais desséchée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step\"\u003e\n \u003cdiv class=\"soi-almi-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eEn remplacement du gel douche, il convient à toute la famille, y compris aux bébés et aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step\"\u003e\n \u003cdiv class=\"soi-almi-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisé en shampoing solide, il nettoie sans agresser le cuir chevelu, notamment pour les personnes sensibles aux shampoings conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-tip\"\u003e\n \u003cdiv class=\"soi-almi-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour prolonger sa durée de vie, pensez à laisser sécher votre savon entre deux utilisations sur un porte-savon bien drainé. Un pain de savon d'Alep dure généralement 6 à 8 semaines avec un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep Najel plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp\u003eNajel est l'une des marques de référence lorsqu'il s'agit de savon d'Alep authentique. Ses savons sont fabriqués selon les méthodes ancestrales des savonneries familiales syriennes, avec un contrôle rigoureux des ingrédients. La version au miel enrichit la formule classique d'un actif naturel particulièrement apprécié pour les peaux sensibles ou sèches. C'est un choix plébiscité par de nombreux dermatologues recommandant des soins doux et sans allergènes courants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003cdiv class=\"soi-almi-accordion\"\u003e\n \u003cdetails class=\"soi-almi-accordion-item\"\u003e\n \u003csummary class=\"soi-almi-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-almi-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne se substitue pas à un traitement médical. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-almi-cta-box\"\u003e\n \u003cp class=\"soi-almi-cta-tag\" style=\"color: white;\"\u003eUn rituel de soin ancestral, naturel et familial\u003c\/p\u003e\n \u003cp class=\"soi-almi-cta-text\" style=\"color: white;\"\u003eDoux comme le miel, ancestral comme la ville d'Alep : offrez à votre peau un soin complet qui la respecte et la nourrit en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-almi-marine: #1A2D3D;\n --soi-almi-marine-dark: #0F1E2B;\n --soi-almi-marine-light: #2C4458;\n --soi-almi-pomme: #A1C544;\n --soi-almi-pomme-dark: #84A636;\n --soi-almi-pomme-light: rgba(161,197,68,0.10);\n --soi-almi-white: #FFFFFF;\n --soi-almi-off-white: #F8FAF6;\n --soi-almi-stone: #F1F3EE;\n --soi-almi-line: #E5E8E0;\n --soi-almi-primary: #D4A82A;\n --soi-almi-primary-soft: #F5E6B8;\n --soi-almi-accent: #B5944A;\n --soi-almi-text: #1A2D3D;\n --soi-almi-text-soft: #4A5B6B;\n --soi-almi-text-muted: #7B8693;\n --soi-almi-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-almi-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-almi-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-almi-radius: 12px;\n --soi-almi-radius-sm: 8px;\n --soi-almi-radius-pill: 999px;\n}\n\n.soi-almi-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-almi-fiche img { max-width: 100%; height: auto; }\n\n.soi-almi-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-almi-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-almi-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-almi-hero {\n position: relative;\n background: var(--soi-almi-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-almi-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-almi-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-almi-primary);\n}\n\n.soi-almi-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-almi-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-almi-primary);\n border-radius: 50%;\n}\n\n.soi-almi-hero-title {\n display: block;\n color: var(--soi-almi-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-almi-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-almi-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-almi-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-almi-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-almi-pomme);\n border-radius: 2px;\n}\n\n.soi-almi-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-almi-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-almi-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-almi-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-almi-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-almi-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-almi-benefit {\n background: var(--soi-almi-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-almi-radius);\n border: 1px solid var(--soi-almi-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-almi-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-almi-shadow-md);\n}\n\n.soi-almi-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-almi-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-almi-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-almi-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-almi-benefit:hover .soi-almi-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-almi-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-almi-benefit p {\n font-size: 13px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-almi-card {\n background: var(--soi-almi-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-almi-radius);\n border-left: 3px solid var(--soi-almi-primary);\n}\n\n.soi-almi-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-almi-card p {\n font-size: 14px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-almi-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-almi-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-almi-radius);\n border: 1px solid var(--soi-almi-line);\n align-items: flex-start;\n}\n\n.soi-almi-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-almi-marine);\n color: var(--soi-almi-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-almi-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-almi-step-content p {\n font-size: 14px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-almi-pomme-light);\n border-left: 4px solid var(--soi-almi-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-almi-radius) var(--soi-almi-radius) 0;\n align-items: flex-start;\n}\n\n.soi-almi-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-almi-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-almi-marine);\n margin-bottom: 4px;\n}\n\n.soi-almi-tip p {\n font-size: 14px;\n color: var(--soi-almi-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-almi-accordion-item {\n background: var(--soi-almi-off-white);\n border-radius: var(--soi-almi-radius-sm);\n border: 1px solid var(--soi-almi-line);\n overflow: hidden;\n}\n\n.soi-almi-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-almi-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-almi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-almi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-almi-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-almi-accordion-item[open] .soi-almi-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-almi-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-almi-accordion-content p {\n font-size: 14px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-cta-box {\n background: var(--soi-almi-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-almi-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-almi-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-almi-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-almi-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-almi-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-almi-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-almi-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-almi-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-almi-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-almi-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-almi-fiche {\n --soi-almi-text-soft: #2C3E50;\n --soi-almi-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603635167562,"sku":"NJ0110","price":3.6,"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":"deodorant-baume-parfum-embrun-certifie-bio-et-vegan-najel","title":"Déodorant baume parfum embrun - bio et vegan - Najel","description":"\u003cdiv class=\"soi-embr-fiche\"\u003e\n\n \u003csection class=\"soi-embr-hero\"\u003e\n \u003cdiv class=\"soi-embr-hero-tag\"\u003e\n \u003cspan class=\"soi-embr-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-embr-hero-title\"\u003eDéodorant baume parfum embrun certifié bio et vegan\u003c\/span\u003e\n \u003cp class=\"soi-embr-hero-subtitle\"\u003eUn baume déodorant naturel à la fragrance marine, formulé sans compromis pour les peaux sensibles et les convictions écologiques.\u003c\/p\u003e\n \u003cdiv class=\"soi-embr-hero-labels\"\u003e\n \u003cspan class=\"soi-embr-label soi-embr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-embr-label\"\u003e100% VEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-embr-label\"\u003e100% NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-embr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-embr-label\"\u003eSANS ALUMINIUM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-embr-section\"\u003e\n \u003ch2\u003eUn baume déodorant naturel, pourquoi choisir cette texture ?\u003c\/h2\u003e\n \u003cp\u003eContrairement aux déodorants classiques en spray ou en bille, le baume déodorant présente une texture onctueuse qui fond doucement au contact de la peau. Résultat : une application fluide, sans résidu blanc, sans irritation et sans trace sur les vêtements.\u003c\/p\u003e\n \u003cp\u003eLa texture baume est particulièrement appréciée pour les peaux sensibles ou réactives, souvent agressées par les formules conventionnelles chargées en alcool ou en aluminium.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-embr-section\"\u003e\n \u003ch2\u003eIngrédients clés et bénéfices pour votre peau\u003c\/h2\u003e\n \u003cp\u003eChaque ingrédient a été sélectionné pour son rôle précis. Voici ce que contient ce baume déodorant naturel :\u003c\/p\u003e\n \u003cdiv class=\"soi-embr-benefits\"\u003e\n \u003cdiv class=\"soi-embr-benefit\"\u003e\n \u003cdiv class=\"soi-embr-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eApaisante et antioxydante, elle nourrit la peau sans l'agresser et contribue à maintenir son équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-benefit\"\u003e\n \u003cdiv class=\"soi-embr-benefit-icon\"\u003e\u003cspan\u003e🧈\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBeurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eRéparateur et émollient, il laisse la peau souple et confortable après chaque application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-benefit\"\u003e\n \u003cdiv class=\"soi-embr-benefit-icon\"\u003e\u003cspan\u003e🤍\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eArgile blanche\u003c\/h3\u003e\n \u003cp\u003eAbsorbant naturel, elle régule l'humidité et neutralise les mauvaises odeurs à la source, sans obstruer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-benefit\"\u003e\n \u003cdiv class=\"soi-embr-benefit-icon\"\u003e\u003cspan\u003e🌊\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFragrance naturelle \"Embruns\"\u003c\/h3\u003e\n \u003cp\u003eUne signature olfactive fraîche et marine, inspirée de la Méditerranée, douce et non entêtante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-tip\"\u003e\n \u003cdiv class=\"soi-embr-tip-icon\"\u003e🍃\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormule sans eau\u003c\/strong\u003e\n \u003cp\u003eL'absence d'eau permet de concentrer les actifs, de limiter les conservateurs et de réduire l'empreinte écologique du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-embr-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cp\u003eCocos Nucifera Oil, Butyrospermum Parkii Butter*, Kaolin, Cera Alba*, Olea Europaea Fruit Oil*, Parfum (Fragrance), Caprylic\/Capric Triglyceride, Zinc Ricinoleate, Tocopherol.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003cdiv class=\"soi-embr-grid-compact\"\u003e\n \u003cdiv class=\"soi-embr-card-mini\"\u003e\n \u003cspan class=\"soi-embr-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-embr-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-embr-card-mini-value\"\u003e100% naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-card-mini\"\u003e\n \u003cspan class=\"soi-embr-card-mini-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan class=\"soi-embr-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-embr-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-card-mini\"\u003e\n \u003cspan class=\"soi-embr-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-embr-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n \u003cspan class=\"soi-embr-card-mini-value\"\u003e100% Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-card-mini\"\u003e\n \u003cspan class=\"soi-embr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-embr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-embr-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-embr-section\"\u003e\n \u003ch2\u003eComment utiliser votre baume déodorant Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-embr-timeline\"\u003e\n \u003cdiv class=\"soi-embr-step\"\u003e\n \u003cdiv class=\"soi-embr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-embr-step-content\"\u003e\n \u003ch3\u003eRéchauffez légèrement le baume\u003c\/h3\u003e\n \u003cp\u003eEntre vos doigts ou directement sur la peau pour faciliter l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-step\"\u003e\n \u003cdiv class=\"soi-embr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-embr-step-content\"\u003e\n \u003ch3\u003eAppliquez une petite quantité\u003c\/h3\u003e\n \u003cp\u003eSur les aisselles propres et sèches, matin ou après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-step\"\u003e\n \u003cdiv class=\"soi-embr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-embr-step-content\"\u003e\n \u003ch3\u003eLaissez absorber quelques secondes\u003c\/h3\u003e\n \u003cp\u003eAvant de vous habiller. Aucun résidu, aucune trace blanche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-tip\"\u003e\n \u003cdiv class=\"soi-embr-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLors des premières semaines, votre peau s'adapte à une formule sans sels d'aluminium. Ce phénomène naturel de transition dure généralement 2 à 4 semaines, et s'estompe ensuite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-embr-section\"\u003e\n \u003ch2\u003ePour qui est fait ce déodorant baume naturel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-embr-grid\"\u003e\n \u003cdiv class=\"soi-embr-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eVous avez la peau sensible ou sujette aux irritations après l'épilation. Ce baume respecte votre confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-card\"\u003e\n \u003ch3\u003e🚫 Adieu aluminium et parabènes\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez abandonner les déodorants contenant des sels d'aluminium ou des parabènes au profit d'une formule certifiée bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-card\"\u003e\n \u003ch3\u003e🌿 Engagement bio et vegan\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un baume déodorant naturel certifié bio, vegan et fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-card\"\u003e\n \u003ch3\u003e🌊 Amateurs de fragrances marines\u003c\/h3\u003e\n \u003cp\u003eVous aimez les fragrances marines, légères et non agressives, inspirées de la Méditerranée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-embr-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-embr-compo\"\u003e\n \u003cdiv class=\"soi-embr-compo-row\"\u003e\n \u003cspan class=\"soi-embr-compo-label\"\u003eContenu\u003c\/span\u003e\n \u003cspan class=\"soi-embr-compo-value\"\u003e45 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-compo-row\"\u003e\n \u003cspan class=\"soi-embr-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-embr-compo-value\"\u003eCosmos Organic – Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-compo-row\"\u003e\n \u003cspan class=\"soi-embr-compo-label\"\u003eVegan\u003c\/span\u003e\n \u003cspan class=\"soi-embr-compo-value\"\u003eOui – aucun ingrédient d'origine animale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-compo-row\"\u003e\n \u003cspan class=\"soi-embr-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-embr-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-compo-row\"\u003e\n \u003cspan class=\"soi-embr-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-embr-compo-value\"\u003eAlcool, sels d'aluminium, parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-accordion\"\u003e\n \u003cdetails class=\"soi-embr-accordion-item\"\u003e\n \u003csummary class=\"soi-embr-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-embr-accordion-content\"\u003e\n \u003cp\u003eCe produit est un déodorant et non un anti-transpirant. Il ne bloque pas la transpiration naturelle, mais neutralise les odeurs grâce à ses actifs naturels. Il ne remplace pas un avis médical en cas de problème cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-embr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-embr-cta-box\"\u003e\n \u003cp class=\"soi-embr-cta-tag\" style=\"color: white;\"\u003eUn souffle de fraîcheur venu de la mer\u003c\/p\u003e\n \u003cp class=\"soi-embr-cta-text\" style=\"color: white;\"\u003eCe baume déodorant Najel prend soin de votre peau avec des ingrédients bio et naturels, sans compromis sur l'efficacité. Une routine quotidienne plus saine, plus douce, et en accord avec vos valeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-embr-marine: #1A2D3D;\n --soi-embr-marine-dark: #0F1E2B;\n --soi-embr-marine-light: #2C4458;\n --soi-embr-pomme: #A1C544;\n --soi-embr-pomme-dark: #84A636;\n --soi-embr-pomme-light: rgba(161,197,68,0.10);\n\n --soi-embr-white: #FFFFFF;\n --soi-embr-off-white: #F8FAF6;\n --soi-embr-stone: #F1F3EE;\n --soi-embr-line: #E5E8E0;\n\n --soi-embr-primary: #6B8F71;\n --soi-embr-primary-soft: #E8F0E9;\n --soi-embr-accent: #A8B5D4;\n\n --soi-embr-text: #1A2D3D;\n --soi-embr-text-soft: #4A5B6B;\n --soi-embr-text-muted: #7B8693;\n\n --soi-embr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-embr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-embr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-embr-radius: 12px;\n --soi-embr-radius-sm: 8px;\n --soi-embr-radius-pill: 999px;\n}\n\n.soi-embr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-embr-fiche img { max-width: 100%; height: auto; }\n\n.soi-embr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-embr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-embr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-embr-hero {\n position: relative;\n background: var(--soi-embr-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-embr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-embr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-embr-pomme);\n}\n\n.soi-embr-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-embr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-embr-pomme);\n border-radius: 50%;\n}\n\n.soi-embr-hero-title {\n display: block;\n color: var(--soi-embr-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-embr-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-embr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-embr-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-embr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-embr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-embr-label-accent {\n background: var(--soi-embr-pomme);\n border-color: var(--soi-embr-pomme);\n color: var(--soi-embr-marine);\n font-weight: 600;\n}\n\n.soi-embr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-embr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-embr-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-embr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-embr-pomme);\n border-radius: 2px;\n}\n\n.soi-embr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-embr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-embr-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-embr-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-embr-benefit {\n background: var(--soi-embr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-embr-radius);\n border: 1px solid var(--soi-embr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-embr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-embr-shadow-md);\n}\n\n.soi-embr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-embr-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-embr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-embr-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-embr-benefit:hover .soi-embr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-embr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-embr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-embr-benefit p {\n font-size: 13px;\n color: var(--soi-embr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-embr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-embr-card {\n background: var(--soi-embr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-embr-radius);\n border-left: 3px solid var(--soi-embr-pomme);\n}\n\n.soi-embr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-embr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-embr-card p {\n font-size: 14px;\n color: var(--soi-embr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-embr-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.25rem;\n}\n\n.soi-embr-card-mini {\n background: var(--soi-embr-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-embr-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-embr-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-embr-card-mini-label {\n font-size: 11px;\n color: var(--soi-embr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-embr-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-embr-marine);\n}\n\n.soi-embr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-embr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-embr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-embr-radius);\n border: 1px solid var(--soi-embr-line);\n align-items: flex-start;\n}\n\n.soi-embr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-embr-marine);\n color: var(--soi-embr-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-embr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-embr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-embr-step-content p {\n font-size: 14px;\n color: var(--soi-embr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-embr-compo {\n background: var(--soi-embr-off-white);\n border-radius: var(--soi-embr-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-embr-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-embr-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-embr-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-embr-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-embr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-embr-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-embr-marine);\n text-align: right;\n}\n\n.soi-embr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-embr-pomme-light);\n border-left: 4px solid var(--soi-embr-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-embr-radius) var(--soi-embr-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-embr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-embr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-embr-marine);\n margin-bottom: 4px;\n}\n\n.soi-embr-tip p {\n font-size: 14px;\n color: var(--soi-embr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-embr-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-embr-accordion-item {\n background: var(--soi-embr-off-white);\n border-radius: var(--soi-embr-radius-sm);\n border: 1px solid var(--soi-embr-line);\n overflow: hidden;\n}\n\n.soi-embr-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-embr-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-embr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-embr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-embr-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-embr-accordion-item[open] .soi-embr-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-embr-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-embr-accordion-content p {\n font-size: 14px;\n color: var(--soi-embr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-embr-cta-box {\n background: var(--soi-embr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-embr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-embr-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-embr-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-embr-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-embr-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-embr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-embr-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-embr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-embr-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-embr-compo-value {\n text-align: left;\n }\n\n .soi-embr-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-embr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-embr-fiche {\n --soi-embr-text-soft: #2C3E50;\n --soi-embr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603644145994,"sku":"NJ0005","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-baume-parfum-embrun-certifie-bio-et-vegan-najel-packshot.webp?v=1779719875"},{"product_id":"savon-dalep-5-hbl-najel","title":"Savon d'Alep 5% Huile de Baies de Laurier - Najel","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eUn savon d'Alep avec 5 % d'huile de baies de laurier\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eLe savon millénaire aux huiles d'olive et de baies de laurier, pour un soin quotidien authentique du visage, du corps et des cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eTOUS TYPES DE PEAUX\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eFABRIQUÉ EN SYRIE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Savon d'Alep 5% HBL Najel : le savon millénaire pour tous types de peaux --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep 5% HBL Najel : le savon millénaire pour tous types de peaux\u003c\/h2\u003e\n \u003cp\u003eLe \u003cstrong\u003esavon d'Alep\u003c\/strong\u003e est considéré comme l'un des plus anciens savons du monde, originaire de la ville d'Alep en Syrie. Chez Najel, cette recette vieille de \u003cstrong\u003eplus de 3 000 ans\u003c\/strong\u003e est scrupuleusement respectée : saponification à chaud, huiles végétales sélectionnées, aucun additif chimique. Le résultat est un savon solide d'une authenticité rare, que vous pouvez utiliser au quotidien sur le \u003cstrong\u003evisage, le corps et les cheveux\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Composition --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel 5% HBL\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLa force de ce savon repose sur deux ingrédients principaux, choisis pour leur complémentarité naturelle :\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio (95 %)\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras oméga-9 et en antioxydants, elle nourrit la peau en profondeur, maintient son hydratation et renforce la barrière cutanée sans l'agresser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier (5 %)\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient signature du savon d'Alep. À ce dosage doux, elle purifie, apaise les irritations et convient parfaitement aux peaux normales à mixtes. Plus le pourcentage est élevé, plus l'action est ciblée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eComposition INCI\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSodium Olivate, Sodium Laurate, Aqua, Sodium Chloride, Sodium Hydroxide\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eEngagement naturalité\u003c\/strong\u003e\n \u003cp\u003eAucun parfum ajouté, aucun conservateur artificiel. Ce savon est 100 % naturel et vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Bienfaits --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eBienfaits du savon d'Alep selon votre type de peau\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux normales à sèches\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive nourrit sans alourdir, la peau reste souple après chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux sensibles ou réactives\u003c\/h3\u003e\n \u003cp\u003eSans parfum ni colorant, ce savon est souvent recommandé par les dermatologues pour les peaux intolérantes aux formules conventionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eIl nettoie en douceur, respecte le film hydrolipidique et convient à un usage matin ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisé comme shampoing solide, il assainit le cuir chevelu et laisse les cheveux propres sans résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Comment utiliser --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains sous l'eau tiède, puis appliquez la mousse sur le visage, le corps ou les cheveux. Rincez abondamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eBien conserver\u003c\/h3\u003e\n \u003cp\u003ePour optimiser sa durée de vie, conservez-le dans un endroit sec entre deux utilisations : un savon bien égoutté peut durer plusieurs mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003ePour le visage\u003c\/h3\u003e\n \u003cp\u003eCommencez par une utilisation tous les deux jours afin de laisser votre peau s'adapter, surtout si elle est habituée aux formules moussantes classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Pourquoi choisir Najel --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep Najel plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp\u003eNajel est une marque syrienne fondée à Alep, qui fabrique ses savons selon le \u003cstrong\u003eprocédé traditionnel de saponification à chaud\u003c\/strong\u003e. Ce mode de fabrication artisanal préserve intactes les propriétés des huiles végétales, là où la saponification à froid industrielle perd une partie de leurs actifs. Chaque pain de savon vieillit ensuite en cave pendant plusieurs mois avant commercialisation, ce qui améliore encore sa douceur et son efficacité.\u003c\/p\u003e\n \u003cp\u003eCe \u003cstrong\u003esavon d'Alep à 5 % d'huile de baies de laurier\u003c\/strong\u003e est idéal si vous débutez avec ce type de savon ou si vous recherchez une formule universelle pour toute la famille, adultes et enfants inclus.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Informations pratiques --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid-compact\"\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003ePoids\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003e200 g environ\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🌸\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eTous types\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🏭\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eSyrie (Alep)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e🚫 Sans\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eParfum, colorant, conservateur synthétique, huile de palme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eDeux ingrédients, trois mille ans de savoir-faire\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eRedécouvrez l'essentiel avec le savon d'Alep Najel 5 % : une peau propre, douce et respectée à chaque utilisation. Un geste simple, naturel et authentique, à adopter pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging vert sauge\/amande + beige savon) === *\/\n --soi-alep-primary: #6B9E7A;\n --soi-alep-primary-soft: rgba(107,158,122,0.10);\n --soi-alep-accent: #C9A96E;\n\n \/* === Textes === *\/\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.soi-alep-card-mini {\n background: var(--soi-alep-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-alep-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-alep-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-alep-card-mini-label {\n font-size: 11px;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-alep-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n margin-top: 1.25rem;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603648635210,"sku":"NJ0035","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-5-hbl-najel-packshot_4b3c320f-3f6b-4951-87bb-cd7967c4149a.webp?v=1779701571"},{"product_id":"savon-dalep-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":9.59,"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":"deodorant-solide-certifie-bio-parfum-mangue-citrus-najel","title":"Déodorant Solide Bio Mangue Citrus - Najel","description":"\u003cdiv class=\"soi-deos-fiche\"\u003e\n\n\u003csection class=\"soi-deos-hero\"\u003e\n\u003cdiv class=\"soi-deos-hero-tag\"\u003e\n\u003cspan class=\"soi-deos-tag-dot\"\u003e\u003c\/span\u003e\nHygiène · Najel\n\u003c\/div\u003e\n\u003cspan class=\"soi-deos-hero-title\"\u003eDéodorant solide certifié bio parfum Mangue Citrus\u003c\/span\u003e\n\u003cp class=\"soi-deos-hero-subtitle\"\u003eUne fraîcheur fruitée et naturelle au quotidien, dans une formule bio, vegan et fabriquée en France qui prend soin de votre peau comme de la planète.\u003c\/p\u003e\n\u003cdiv class=\"soi-deos-hero-labels\"\u003e\n\u003cspan class=\"soi-deos-label soi-deos-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n\u003cspan class=\"soi-deos-label\"\u003e100 % VEGAN\u003c\/span\u003e\n\u003cspan class=\"soi-deos-label\"\u003eMADE IN FRANCE\u003c\/span\u003e\n\u003cspan class=\"soi-deos-label\"\u003e100 % NATUREL\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deos-section\"\u003e\n\u003ch2\u003eDéodorant solide bio Mangue Citrus Najel : fraîcheur naturelle et efficacité au quotidien\u003c\/h2\u003e\n\u003cp\u003eVous cherchez un déodorant naturel et efficace, sans compromis sur le respect de votre peau ni sur l'environnement ? Le déodorant solide certifié bio parfum Mangue Citrus de Najel répond exactement à cette attente. Formulé en France, certifié Cosmos Organic par Ecocert, 100 % vegan et d'origine naturelle, il réinvente votre routine beauté avec une touche exotique et fraîche.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deos-section\"\u003e\n\u003ch2\u003ePourquoi choisir un déodorant solide naturel ?\u003c\/h2\u003e\n\u003cp\u003eContrairement aux déodorants conventionnels, un déodorant solide bio ne contient ni aluminium, ni alcool, ni perturbateurs endocriniens. Il agit en douceur sur les peaux sensibles, ne bouche pas les pores et respecte l'équilibre naturel de votre peau. Et avec son format compact de 45 g, il s'emporte partout, en voyage comme dans votre sac du quotidien, sans risque de fuite.\u003c\/p\u003e\n\u003cdiv class=\"soi-deos-grid-compact\"\u003e\n\u003cdiv class=\"soi-deos-card-mini\"\u003e\n\u003cspan class=\"soi-deos-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n\u003cspan class=\"soi-deos-card-mini-label\"\u003eSans aluminium\u003c\/span\u003e\n\u003cspan class=\"soi-deos-card-mini-value\"\u003eNi alcool\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-deos-card-mini\"\u003e\n\u003cspan class=\"soi-deos-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n\u003cspan class=\"soi-deos-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n\u003cspan class=\"soi-deos-card-mini-value\"\u003e100 % naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-deos-card-mini\"\u003e\n\u003cspan class=\"soi-deos-card-mini-icon\"\u003e✈️\u003c\/span\u003e\n\u003cspan class=\"soi-deos-card-mini-label\"\u003eFormat\u003c\/span\u003e\n\u003cspan class=\"soi-deos-card-mini-value\"\u003e45 g compact\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deos-section\"\u003e\n\u003ch2\u003eUne formule soigneusement composée pour une efficacité réelle\u003c\/h2\u003e\n\u003cp class=\"soi-deos-section-intro\"\u003eChaque ingrédient a été choisi pour son rôle précis dans cette formule certifiée bio :\u003c\/p\u003e\n\u003cdiv class=\"soi-deos-benefits\"\u003e\n\u003cdiv class=\"soi-deos-benefit\"\u003e\n\u003cdiv class=\"soi-deos-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eHuile d'olive bio\u003c\/h3\u003e\n\u003cp\u003eNourrit et protège la peau sensible des aisselles sans effet gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-deos-benefit\"\u003e\n\u003cdiv class=\"soi-deos-benefit-icon\"\u003e\u003cspan\u003e🧈\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eBeurre de karité\u003c\/h3\u003e\n\u003cp\u003eHydrate en profondeur et apaise les irritations, y compris après épilation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-deos-benefit\"\u003e\n\u003cdiv class=\"soi-deos-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003ePoudre de tapioca\u003c\/h3\u003e\n\u003cp\u003eAbsorbe l'humidité et régule la transpiration naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-deos-benefit\"\u003e\n\u003cdiv class=\"soi-deos-benefit-icon\"\u003e\u003cspan\u003e🤍\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eArgile blanche (kaolin)\u003c\/h3\u003e\n\u003cp\u003eNeutralise les odeurs en captant les bactéries responsables des mauvaises odeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-deos-tip\"\u003e\n\u003cdiv class=\"soi-deos-tip-icon\"\u003e🥭\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eParfum naturel Mangue Citrus\u003c\/strong\u003e\n\u003cp\u003eUne alliance fruitée et vivifiante, légère et persistante toute la journée. Sa texture baume fondant facilite l'application du bout des doigts, sans résidu blanc sur les vêtements, et convient aussi bien aux femmes qu'aux hommes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deos-section\"\u003e\n\u003ch2\u003eComment l'utiliser pour une protection optimale ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-deos-timeline\"\u003e\n\u003cdiv class=\"soi-deos-step\"\u003e\n\u003cdiv class=\"soi-deos-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-deos-step-content\"\u003e\n\u003ch3\u003ePrélevez\u003c\/h3\u003e\n\u003cp\u003ePrenez une petite noisette de produit avec le bout du doigt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-deos-step\"\u003e\n\u003cdiv class=\"soi-deos-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-deos-step-content\"\u003e\n\u003ch3\u003eRéchauffez\u003c\/h3\u003e\n\u003cp\u003eRéchauffez légèrement entre vos doigts jusqu'à ce que la texture devienne souple.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-deos-step\"\u003e\n\u003cdiv class=\"soi-deos-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-deos-step-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eMassez doucement sur les aisselles propres et sèches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-deos-step\"\u003e\n\u003cdiv class=\"soi-deos-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"soi-deos-step-content\"\u003e\n\u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n\u003cp\u003ePatientez quelques secondes avant de vous habiller.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-deos-tip\"\u003e\n\u003cdiv class=\"soi-deos-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003eLors des premières semaines, votre peau traverse une phase de transition naturelle. Soyez patient : les résultats s'améliorent progressivement après 2 à 3 semaines d'utilisation régulière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deos-section\"\u003e\n\u003ch2\u003eUn engagement écologique concret\u003c\/h2\u003e\n\u003cp class=\"soi-deos-section-intro\"\u003eLe déodorant Najel va au-delà d'une simple formule propre. Fabriqué en France dans les laboratoires Najjar, il incarne un engagement environnemental sincère.\u003c\/p\u003e\n\u003cdiv class=\"soi-deos-grid\"\u003e\n\u003cdiv class=\"soi-deos-card\"\u003e\n\u003ch3\u003e🏅 Certifié Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003ePar Ecocert, la référence en cosmétique bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-deos-card\"\u003e\n\u003ch3\u003e🌱 100 % vegan\u003c\/h3\u003e\n\u003cp\u003eSans ingrédient d'origine animale ni test sur les animaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-deos-card\"\u003e\n\u003ch3\u003e♻️ Biodégradable\u003c\/h3\u003e\n\u003cp\u003eImpact environnemental minimal pour votre routine quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-deos-card\"\u003e\n\u003ch3\u003e🫙 Pot en verre ambré recyclable\u003c\/h3\u003e\n\u003cp\u003eUn conditionnement durable, loin du plastique à usage unique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deos-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cp\u003eHelianthus Annuus (Sunflower) Seed Oil*, Theobroma Cacao (Cocoa) Seed Butter*, Olea Europaea (Olive) Fruit Oil*, Butyrospermum Parkii (Shea) Butter*, Manihot Esculenta Root (Tapioca) Starch*, Kaolin, Sodium Bicarbonate, Parfum (Fragrance), Limonene**.\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique. ** Composant naturel de parfum.\u003c\/em\u003e\u003c\/p\u003e\n\u003cdiv class=\"soi-deos-compo\"\u003e\n\u003cdiv class=\"soi-deos-compo-row\"\u003e\n\u003cspan class=\"soi-deos-compo-label\"\u003eContenance\u003c\/span\u003e\n\u003cspan class=\"soi-deos-compo-value\"\u003e45 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-deos-compo-row\"\u003e\n\u003cspan class=\"soi-deos-compo-label\"\u003eFabrication\u003c\/span\u003e\n\u003cspan class=\"soi-deos-compo-value\"\u003eFrance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-deos-compo-row\"\u003e\n\u003cspan class=\"soi-deos-compo-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-deos-compo-value\"\u003eCosmos Organic Ecocert\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deos-section\"\u003e\n\u003ch2\u003eCe déodorant est-il fait pour vous ?\u003c\/h2\u003e\n\u003cp\u003eCe produit est idéal si vous souhaitez passer au déodorant naturel efficace sans sacrifier le confort. Il convient particulièrement aux peaux sensibles ou réactives, aux personnes qui transpirent modérément, et à toute personne souhaitant réduire son impact environnemental.\u003c\/p\u003e\n\u003cp\u003eCe n'est pas un anti-transpirant : il ne bloque pas la transpiration, mais régule les odeurs naturellement et prend soin de votre peau.\u003c\/p\u003e\n\u003cdiv class=\"soi-deos-accordion\"\u003e\n\u003cdetails class=\"soi-deos-accordion-item\"\u003e\n\u003csummary class=\"soi-deos-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n\u003cdiv class=\"soi-deos-accordion-content\"\u003e\n\u003cp\u003eCe produit cosmétique ne se substitue pas à un avis ou traitement médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-deos-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-deos-cta-box\"\u003e\n\u003cp class=\"soi-deos-cta-tag\" style=\"color: white;\"\u003eFraîcheur bio, douceur exotique\u003c\/p\u003e\n\u003cp class=\"soi-deos-cta-text\" style=\"color: white;\"\u003eDites adieu aux déodorants chargés en aluminium et accueillez une fraîcheur naturelle qui prend vraiment soin de vous. Une peau hydratée, des odeurs neutralisées toute la journée, et une conscience tranquille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-deos-marine: #1A2D3D;\n --soi-deos-marine-dark: #0F1E2B;\n --soi-deos-marine-light: #2C4458;\n --soi-deos-pomme: #A1C544;\n --soi-deos-pomme-dark: #84A636;\n --soi-deos-pomme-light: rgba(161,197,68,0.10);\n --soi-deos-white: #FFFFFF;\n --soi-deos-off-white: #F8FAF6;\n --soi-deos-stone: #F1F3EE;\n --soi-deos-line: #E5E8E0;\n --soi-deos-primary: #E8A828;\n --soi-deos-primary-soft: #F5D78E;\n --soi-deos-accent: #D88542;\n --soi-deos-text: #1A2D3D;\n --soi-deos-text-soft: #4A5B6B;\n --soi-deos-text-muted: #7B8693;\n --soi-deos-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-deos-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-deos-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-deos-radius: 12px;\n --soi-deos-radius-sm: 8px;\n --soi-deos-radius-pill: 999px;\n}\n\n.soi-deos-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-deos-fiche img { max-width: 100%; height: auto; }\n\n.soi-deos-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-deos-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-deos-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-deos-hero {\n position: relative;\n background: var(--soi-deos-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-deos-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-deos-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-deos-primary);\n}\n\n.soi-deos-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-deos-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-deos-primary);\n border-radius: 50%;\n}\n\n.soi-deos-hero-title {\n display: block;\n color: var(--soi-deos-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-deos-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-deos-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-deos-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-deos-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-deos-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-deos-label-accent {\n background: var(--soi-deos-primary);\n border-color: var(--soi-deos-primary);\n color: var(--soi-deos-marine);\n font-weight: 600;\n}\n\n.soi-deos-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-deos-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-deos-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-deos-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-deos-pomme);\n border-radius: 2px;\n}\n\n.soi-deos-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-deos-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-deos-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-deos-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-deos-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-deos-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-deos-benefit {\n background: var(--soi-deos-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-deos-radius);\n border: 1px solid var(--soi-deos-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-deos-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-deos-shadow-md);\n}\n\n.soi-deos-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-deos-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-deos-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-deos-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-deos-benefit:hover .soi-deos-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-deos-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deos-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deos-benefit p {\n font-size: 13px;\n color: var(--soi-deos-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-deos-card {\n background: var(--soi-deos-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deos-radius);\n border-left: 3px solid var(--soi-deos-pomme);\n}\n\n.soi-deos-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deos-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deos-card p {\n font-size: 14px;\n color: var(--soi-deos-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deos-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.25rem;\n}\n\n.soi-deos-card-mini {\n background: var(--soi-deos-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-deos-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-deos-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-deos-card-mini-label {\n font-size: 11px;\n color: var(--soi-deos-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-deos-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deos-marine);\n}\n\n.soi-deos-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-deos-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-deos-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deos-radius);\n border: 1px solid var(--soi-deos-line);\n align-items: flex-start;\n}\n\n.soi-deos-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-deos-marine);\n color: var(--soi-deos-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-deos-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deos-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-deos-step-content p {\n font-size: 14px;\n color: var(--soi-deos-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deos-compo {\n background: var(--soi-deos-off-white);\n border-radius: var(--soi-deos-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-deos-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-deos-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-deos-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-deos-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-deos-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-deos-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-deos-marine);\n text-align: right;\n}\n\n.soi-deos-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-deos-pomme-light);\n border-left: 4px solid var(--soi-deos-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-deos-radius) var(--soi-deos-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-deos-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-deos-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-deos-marine);\n margin-bottom: 4px;\n}\n\n.soi-deos-tip p {\n font-size: 14px;\n color: var(--soi-deos-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deos-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.25rem;\n}\n\n.soi-deos-accordion-item {\n background: var(--soi-deos-off-white);\n border-radius: var(--soi-deos-radius-sm);\n border: 1px solid var(--soi-deos-line);\n overflow: hidden;\n}\n\n.soi-deos-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-deos-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-deos-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-deos-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-deos-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-deos-accordion-item[open] .soi-deos-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-deos-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-deos-accordion-content p {\n font-size: 14px;\n color: var(--soi-deos-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deos-cta-box {\n background: var(--soi-deos-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-deos-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-deos-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-deos-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-deos-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-deos-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-deos-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-deos-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-deos-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-deos-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-deos-compo-value {\n text-align: left;\n }\n\n .soi-deos-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-deos-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-deos-fiche {\n --soi-deos-text-soft: #2C3E50;\n --soi-deos-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603703882058,"sku":"NJ0020","price":7.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-solide-certifie-bio-parfum-mangue-citrus-najel-packshot.webp?v=1779718924"},{"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.49,"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":13.55,"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-douche-parfum-rose-au-savon-dalep-certifie-bio-najel","title":"Gel douche parfum rose au savon d'Alep certifié bio – Najel","description":"\u003cdiv class=\"soi-rose-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-rose-hero\"\u003e\n \u003cdiv class=\"soi-rose-hero-tag\"\u003e\n \u003cspan class=\"soi-rose-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Najel Méditerranée\n \u003c\/div\u003e\n \u003cspan class=\"soi-rose-hero-title\"\u003eUn rituel au savon d'Alep simple, sincère et naturel\u003c\/span\u003e\n \u003cp class=\"soi-rose-hero-subtitle\"\u003eUne formule à 99 % d'origine naturelle, certifiée Cosmos Organic, qui nettoie en douceur tout en choyant l'épiderme le plus sensible grâce au savon d'Alep et à l'eau de rose de Damas.\u003c\/p\u003e\n \u003cdiv class=\"soi-rose-hero-labels\"\u003e\n \u003cspan class=\"soi-rose-label soi-rose-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-rose-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-rose-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-rose-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003cspan class=\"soi-rose-label\"\u003e99 % NATUREL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Pourquoi ce gel douche se distingue --\u003e\n \u003csection class=\"soi-rose-section\"\u003e\n \u003ch2\u003ePourquoi ce gel douche à la rose se distingue des autres ?\u003c\/h2\u003e\n \u003cp class=\"soi-rose-section-intro\"\u003eLà où beaucoup de gels douche à la rose du commerce s'appuient sur des parfums synthétiques et des sulfates agressifs, Najel mise sur des actifs d'exception issus du savoir-faire millénaire d'Alep.\u003c\/p\u003e\n \u003cdiv class=\"soi-rose-benefits\"\u003e\n \u003cdiv class=\"soi-rose-benefit\"\u003e\n \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive biologique\u003c\/h3\u003e\n \u003cp\u003eSource de douceur et d'hydratation, elle préserve le film hydrolipidique naturel de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-benefit\"\u003e\n \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003ePurifie, protège et apaise, particulièrement appréciée pour les peaux sujettes aux rougeurs, à l'eczéma ou au psoriasis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-benefit\"\u003e\n \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🌹\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEau de rose de Damas\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses vertus apaisantes et légèrement raffermissantes, elle diffuse un parfum floral authentique et délicat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-benefit\"\u003e\n \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🌼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEau de camomille\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations, idéale pour les peaux réactives ou fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-tip\"\u003e\n \u003cdiv class=\"soi-rose-tip-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe résultat\u003c\/strong\u003e\n \u003cp\u003eUne peau propre, confortable, enveloppée d'un voile de douceur florale, sans tiraillement ni résidu gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Composition complète --\u003e\n \u003csection class=\"soi-rose-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cp class=\"soi-rose-section-intro\"\u003eFormule certifiée Cosmos Organic, fabriquée en France, avec 99 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"soi-rose-compo\"\u003e\n \u003cdiv class=\"soi-rose-compo-row\"\u003e\n \u003cspan class=\"soi-rose-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-rose-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-compo-row\"\u003e\n \u003cspan class=\"soi-rose-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-rose-compo-value\"\u003e99 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-compo-row\"\u003e\n \u003cspan class=\"soi-rose-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-rose-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-compo-row\"\u003e\n \u003cspan class=\"soi-rose-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-rose-compo-value\"\u003eParaben, silicone, colorant artificiel, sulfate (SLS\/SLES)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-rose-accordion-item\"\u003e\n \u003csummary class=\"soi-rose-accordion-header\"\u003e📋 Liste complète des ingrédients (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"soi-rose-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Olivate (huile d'olive saponifiée bio), Rosa Damascena Flower Water (eau de rose de Damas bio), Chamomilla Recutita Flower Water (eau de camomille), Laurus Nobilis Fruit Oil (huile de baies de laurier bio), Glycerin (végétale), Parfum naturel rose, agents de texture d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Mode d'emploi --\u003e\n \u003csection class=\"soi-rose-section\"\u003e\n \u003ch2\u003eComment utiliser ce gel douche au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-rose-timeline\"\u003e\n \u003cdiv class=\"soi-rose-step\"\u003e\n \u003cdiv class=\"soi-rose-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-rose-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une dose de gel sur votre peau humide, à la main ou avec un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-step\"\u003e\n \u003cdiv class=\"soi-rose-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-rose-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement en mouvements circulaires pour activer la mousse et profiter des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-step\"\u003e\n \u003cdiv class=\"soi-rose-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-rose-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez soigneusement à l'eau tiède. Votre peau reste douce, sans film résiduel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-rose-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUsage quotidien, corps entier. Convient aussi bien aux adultes qu'aux peaux matures ou sensibles. Non testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Comparatif --\u003e\n \u003csection class=\"soi-rose-section\"\u003e\n \u003ch2\u003eGel douche rose Najel vs autres marques : que choisir ?\u003c\/h2\u003e\n \u003cp\u003eVous hésitez peut-être avec un gel douche rose d'une autre marque ? La différence est claire : le gel douche Najel est le seul à combiner la tradition du savon d'Alep (patrimoine de l'UNESCO) avec une certification bio reconnue et une fabrication française. Pas de parfum de synthèse, pas d'agent moussant agressif : juste des ingrédients qui ont fait leurs preuves depuis des siècles sur les peaux les plus fragiles.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Pour qui --\u003e\n \u003csection class=\"soi-rose-section\"\u003e\n \u003ch2\u003ePour qui est-il particulièrement adapté ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-rose-grid\"\u003e\n \u003cdiv class=\"soi-rose-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles, sèches ou réactives\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui ne supportent pas les formules classiques et recherchent une alternative douce et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-card\"\u003e\n \u003ch3\u003e🕊️ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eEn quête de douceur et de confort durable, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-card\"\u003e\n \u003ch3\u003e🩹 Peaux sujettes aux irritations\u003c\/h3\u003e\n \u003cp\u003ePersonnes sujettes à des rougeurs, de l'eczéma ou du psoriasis léger trouveront dans cette formule un soin apaisant au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-card\"\u003e\n \u003ch3\u003e🌱 Routine naturelle et bio\u003c\/h3\u003e\n \u003cp\u003ePour toute personne souhaitant une routine douche véritablement naturelle et certifiée bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 0.82em; color: var(--soi-rose-text-muted); margin-top: 1.25rem;\"\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne remplace pas l'avis d'un dermatologue en cas de problème cutané persistant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-rose-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-rose-cta-box\"\u003e\n \u003cp class=\"soi-rose-cta-tag\" style=\"color: white;\"\u003eUn rituel simple, sincère et naturel\u003c\/p\u003e\n \u003cp class=\"soi-rose-cta-text\" style=\"color: white;\"\u003eOffrez-vous une douche qui ressemble à un instant de douceur florale. Le savon d'Alep millénaire rencontre la rose de Damas dans une formule bio irréprochable : votre peau, propre et apaisée, vous en remerciera chaque matin.\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-rose-marine: #1A2D3D;\n --soi-rose-marine-dark: #0F1E2B;\n --soi-rose-marine-light: #2C4458;\n --soi-rose-pomme: #A1C544;\n --soi-rose-pomme-dark: #84A636;\n --soi-rose-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-rose-white: #FFFFFF;\n --soi-rose-off-white: #F8FAF6;\n --soi-rose-stone: #F1F3EE;\n --soi-rose-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging rose poudré \/ ambre) === *\/\n --soi-rose-primary: #C98A9A;\n --soi-rose-primary-soft: #F3E4E8;\n --soi-rose-accent: #8B5E3C;\n\n \/* === Textes === *\/\n --soi-rose-text: #1A2D3D;\n --soi-rose-text-soft: #4A5B6B;\n --soi-rose-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-rose-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-rose-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-rose-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-rose-radius: 12px;\n --soi-rose-radius-sm: 8px;\n --soi-rose-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-rose-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-rose-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-rose-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-rose-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-rose-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-rose-hero {\n position: relative;\n background: var(--soi-rose-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-rose-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-rose-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-rose-pomme);\n}\n\n.soi-rose-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-rose-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-rose-pomme);\n border-radius: 50%;\n}\n\n.soi-rose-hero-title {\n display: block;\n color: var(--soi-rose-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-rose-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-rose-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-rose-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-rose-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-rose-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-rose-label-accent {\n background: var(--soi-rose-pomme);\n border-color: var(--soi-rose-pomme);\n color: var(--soi-rose-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-rose-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-rose-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-rose-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-rose-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-rose-pomme);\n border-radius: 2px;\n}\n\n.soi-rose-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-rose-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-rose-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-rose-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-rose-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-rose-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-rose-benefit {\n background: var(--soi-rose-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-rose-radius);\n border: 1px solid var(--soi-rose-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-rose-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-rose-shadow-md);\n}\n\n.soi-rose-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-rose-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-rose-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-rose-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-rose-benefit:hover .soi-rose-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-rose-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-rose-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-rose-benefit p {\n font-size: 13px;\n color: var(--soi-rose-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-rose-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-rose-card {\n background: var(--soi-rose-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-rose-radius);\n border-left: 3px solid var(--soi-rose-pomme);\n}\n\n.soi-rose-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-rose-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-rose-card p {\n font-size: 14px;\n color: var(--soi-rose-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-rose-compo {\n background: var(--soi-rose-off-white);\n border-radius: var(--soi-rose-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-rose-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-rose-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-rose-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-rose-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-rose-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-rose-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-rose-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-rose-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-rose-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-rose-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-rose-radius);\n border: 1px solid var(--soi-rose-line);\n align-items: flex-start;\n}\n\n.soi-rose-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-rose-marine);\n color: var(--soi-rose-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-rose-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-rose-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-rose-step-content p {\n font-size: 14px;\n color: var(--soi-rose-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-rose-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-rose-pomme-light);\n border-left: 4px solid var(--soi-rose-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-rose-radius) var(--soi-rose-radius) 0;\n align-items: flex-start;\n}\n\n.soi-rose-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-rose-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-rose-marine);\n margin-bottom: 4px;\n}\n\n.soi-rose-tip p {\n font-size: 14px;\n color: var(--soi-rose-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-rose-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-rose-accordion-item {\n background: var(--soi-rose-off-white);\n border-radius: var(--soi-rose-radius-sm);\n border: 1px solid var(--soi-rose-line);\n overflow: hidden;\n}\n\n.soi-rose-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-rose-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-rose-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-rose-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-rose-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-rose-accordion-item[open] .soi-rose-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-rose-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-rose-accordion-content p {\n font-size: 14px;\n color: var(--soi-rose-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-rose-cta-box {\n background: var(--soi-rose-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-rose-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-rose-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-rose-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-rose-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-rose-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-rose-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-rose-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-rose-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-rose-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-rose-compo-value {\n text-align: left;\n }\n\n .soi-rose-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-rose-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-rose-fiche {\n --soi-rose-text-soft: #2C3E50;\n --soi-rose-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603804053834,"sku":"NJ0131","price":11.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-parfum-rose-au-savon-dalep-certifie-bio-najel-packshot.webp?v=1784716489"},{"product_id":"deodorant-bille-homme-certifie-bio-florame","title":"Déodorant Bille Homme certifié bio – Florame","description":"\u003cdiv class=\"soi-deoh-fiche\"\u003e\n\n \u003csection class=\"soi-deoh-hero\"\u003e\n \u003cdiv class=\"soi-deoh-hero-tag\"\u003e\n \u003cspan class=\"soi-deoh-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène homme · Florame\n \u003c\/div\u003e\n \u003cspan class=\"soi-deoh-hero-title\"\u003eLa fraîcheur boisée, sans sels d'aluminium\u003c\/span\u003e\n \u003cp class=\"soi-deoh-hero-subtitle\"\u003eUn déodorant bille bio pour homme, sans alcool, qui ne laisse ni traces ni sensation collante, porté par des huiles essentielles bio et de l'aloe vera.\u003c\/p\u003e\n \u003cdiv class=\"soi-deoh-hero-labels\"\u003e\n \u003cspan class=\"soi-deoh-label soi-deoh-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-deoh-label\"\u003eEFFICACITÉ 24 H\u003c\/span\u003e\n \u003cspan class=\"soi-deoh-label\"\u003eSANS SELS D'ALUMINIUM\u003c\/span\u003e\n \u003cspan class=\"soi-deoh-label\"\u003eSANS ALCOOL\u003c\/span\u003e\n \u003cspan class=\"soi-deoh-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deoh-section\"\u003e\n \u003ch2\u003eUn déodorant bio pour homme qui respecte votre peau\u003c\/h2\u003e\n \u003cp\u003eVous recherchez un \u003cstrong\u003edéodorant bio homme\u003c\/strong\u003e efficace, sans sels d'aluminium ni alcool, qui ne laisse ni traces ni sensation collante ? Le \u003cstrong\u003edéodorant bille homme\u003c\/strong\u003e de Florame, fabriqué en France à Saint-Rémy-de-Provence, répond précisément à cette attente. Son format roll-on de 50 ml trouve sa place aussi bien dans un sac de sport que dans une trousse de toilette, et son parfum frais et boisé reste discret.\u003c\/p\u003e\n \u003cp\u003eIl affiche la mention \u003cstrong\u003eefficacité 24 h\u003c\/strong\u003e et le label \u003cstrong\u003eCOSMOS Organic\u003c\/strong\u003e. Vous profitez ainsi d'un \u003cstrong\u003edéodorant bio pour homme\u003c\/strong\u003e cohérent avec une routine plus naturelle, sans renoncer au confort au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deoh-section\"\u003e\n \u003ch2\u003eBille ou solide : quel déodorant bio choisir ?\u003c\/h2\u003e\n \u003cp class=\"soi-deoh-section-intro\"\u003eBeaucoup d'hommes hésitent entre un \u003cstrong\u003edéodorant solide bio\u003c\/strong\u003e et un déodorant à bille. Voici quelques repères pour vous aider à choisir.\u003c\/p\u003e\n \u003cdiv class=\"soi-deoh-grid\"\u003e\n \u003cdiv class=\"soi-deoh-card\"\u003e\n \u003ch3\u003eLe stick solide\u003c\/h3\u003e\n \u003cp\u003eIl convient si vous appréciez une texture plus dense, mais il peut marquer les vêtements ou accrocher sur une peau fraîchement rasée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deoh-card\"\u003e\n \u003ch3\u003eLa bille\u003c\/h3\u003e\n \u003cp\u003eElle dépose un film léger et fluide, sèche vite et glisse bien, même sur une peau sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-deoh-after\"\u003eSi vous comparez avec un \u003cstrong\u003edéodorant So'Bio étic\u003c\/strong\u003e ou un \u003cstrong\u003edéodorant Monsavon bio\u003c\/strong\u003e, observez surtout trois points : la liste des ingrédients, la présence éventuelle de sels d'aluminium et le confort d'application. Ici, la formule est sans alcool ni sels d'aluminium, pour un \u003cstrong\u003edéodorant bio efficace\u003c\/strong\u003e qui laisse la peau respirer.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deoh-section\"\u003e\n \u003ch2\u003eLes actifs qui font la différence\u003c\/h2\u003e\n \u003cp class=\"soi-deoh-section-intro\"\u003eCette formule s'appuie sur des ingrédients d'origine naturelle au rôle bien défini.\u003c\/p\u003e\n \u003cdiv class=\"soi-deoh-benefits\"\u003e\n \u003cdiv class=\"soi-deoh-benefit\"\u003e\n \u003cdiv class=\"soi-deoh-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile essentielle bio de Tea Tree\u003c\/h3\u003e\n \u003cp\u003eRéputée pour ses propriétés purifiantes, elle contribue à limiter les bactéries responsables des odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deoh-benefit\"\u003e\n \u003cdiv class=\"soi-deoh-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile essentielle bio de Palmarosa\u003c\/h3\u003e\n \u003cp\u003eElle complète cette action et participe à la signature olfactive fraîche du soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deoh-benefit\"\u003e\n \u003cdiv class=\"soi-deoh-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAloe vera bio\u003c\/h3\u003e\n \u003cp\u003eElle apaise et hydrate, un atout appréciable après le rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-deoh-after\"\u003eLa \u003cstrong\u003eliste INCI complète\u003c\/strong\u003e figure sur l'emballage. Elle peut varier selon les lots : nous vous invitons donc à la consulter avant l'achat, surtout si vous êtes sensible à certains ingrédients. Les huiles essentielles sont des allergènes potentiels. En cas de peau réactive, faites un test préalable dans le pli du coude.\u003c\/p\u003e\n \u003cdiv class=\"soi-deoh-tip\"\u003e\n \u003cdiv class=\"soi-deoh-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003e2 à 3 passages de bille par aisselle suffisent. S'agissant d'un cosmétique et non d'un complément alimentaire, ce produit n'a ni AJR ni VNR.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deoh-section\"\u003e\n \u003ch2\u003eComment l'utiliser pour de meilleurs résultats\u003c\/h2\u003e\n \u003cdiv class=\"soi-deoh-timeline\"\u003e\n \u003cdiv class=\"soi-deoh-step\"\u003e\n \u003cdiv class=\"soi-deoh-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-deoh-step-content\"\u003e\n \u003ch3\u003eAppliquez sur peau propre et sèche\u003c\/h3\u003e\n \u003cp\u003eIdéalement après la douche. Séchez bien le creux des aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deoh-step\"\u003e\n \u003cdiv class=\"soi-deoh-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-deoh-step-content\"\u003e\n \u003ch3\u003eFaites rouler la bille\u003c\/h3\u003e\n \u003cp\u003e2 à 3 fois sur chaque aisselle, sans appuyer fort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deoh-step\"\u003e\n \u003cdiv class=\"soi-deoh-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-deoh-step-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003eQuelques secondes suffisent avant de vous habiller. La texture fluide ne colle pas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deoh-step\"\u003e\n \u003cdiv class=\"soi-deoh-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-deoh-step-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eAprès une activité sportive ou une journée très chaude. Un déodorant ne remplace pas une bonne hygiène quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"soi-deoh-section\"\u003e\n \u003ch2\u003ePourquoi l'adopter ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deoh-compo\"\u003e\n \u003cdiv class=\"soi-deoh-compo-row\"\u003e\n \u003cspan class=\"soi-deoh-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-deoh-compo-value\"\u003eSans alcool ni sels d'aluminium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deoh-compo-row\"\u003e\n \u003cspan class=\"soi-deoh-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-deoh-compo-value\"\u003eCOSMOS Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deoh-compo-row\"\u003e\n \u003cspan class=\"soi-deoh-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-deoh-compo-value\"\u003eFrance, Saint-Rémy-de-Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deoh-compo-row\"\u003e\n \u003cspan class=\"soi-deoh-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-deoh-compo-value\"\u003eFrais et boisé, sans excès\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deoh-compo-row\"\u003e\n \u003cspan class=\"soi-deoh-compo-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-deoh-compo-value\"\u003eBille 50 ml, pratique au quotidien et en déplacement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-deoh-after\"\u003eUn \u003cstrong\u003edéodorant bio\u003c\/strong\u003e simple, fiable et agréable à utiliser, pour démarrer chaque journée avec confiance.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deoh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-deoh-cta-box\"\u003e\n \u003cp class=\"soi-deoh-cta-tag\" style=\"color: white;\"\u003eVotre geste fraîcheur de chaque matin\u003c\/p\u003e\n \u003cp class=\"soi-deoh-cta-text\" style=\"color: white;\"\u003eHuiles essentielles bio, aloe vera apaisant et parfum boisé discret : offrez à votre peau une routine plus naturelle, élégante et fidèle à vos valeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-deoh-marine: #1A2D3D;\n --soi-deoh-marine-dark: #0F1E2B;\n --soi-deoh-marine-light: #2C4458;\n --soi-deoh-pomme: #A1C544;\n --soi-deoh-pomme-dark: #84A636;\n --soi-deoh-pomme-light: rgba(161,197,68,0.10);\n\n --soi-deoh-white: #FFFFFF;\n --soi-deoh-off-white: #F8FAF6;\n --soi-deoh-stone: #F1F3EE;\n --soi-deoh-line: #E5E8E0;\n\n --soi-deoh-primary: #3B3029;\n --soi-deoh-primary-soft: rgba(59,48,41,0.06);\n --soi-deoh-accent: #C9963F;\n\n --soi-deoh-text: #1A2D3D;\n --soi-deoh-text-soft: #4A5B6B;\n --soi-deoh-text-muted: #7B8693;\n\n --soi-deoh-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-deoh-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-deoh-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-deoh-radius: 12px;\n --soi-deoh-radius-sm: 8px;\n --soi-deoh-radius-pill: 999px;\n}\n\n.soi-deoh-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-deoh-fiche img { max-width: 100%; height: auto; }\n\n.soi-deoh-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-deoh-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-deoh-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-deoh-hero {\n position: relative;\n background: var(--soi-deoh-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-deoh-radius);\n text-align: center;\n overflow: hidden;\n}\n.soi-deoh-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-deoh-pomme);\n}\n.soi-deoh-hero::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 2px;\n background: var(--soi-deoh-accent);\n opacity: 0.5;\n}\n.soi-deoh-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.soi-deoh-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-deoh-pomme);\n border-radius: 50%;\n}\n.soi-deoh-hero-title {\n display: block;\n color: var(--soi-deoh-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n.soi-deoh-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.soi-deoh-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n.soi-deoh-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-deoh-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-deoh-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n.soi-deoh-label-accent {\n background: var(--soi-deoh-pomme);\n border-color: var(--soi-deoh-pomme);\n color: var(--soi-deoh-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-deoh-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n.soi-deoh-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-deoh-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.soi-deoh-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-deoh-pomme);\n border-radius: 2px;\n}\n.soi-deoh-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-deoh-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n.soi-deoh-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-deoh-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n.soi-deoh-section p:last-child {\n margin-bottom: 0;\n}\n.soi-deoh-section p.soi-deoh-after {\n margin-top: 1.5rem;\n}\n.soi-deoh-section strong {\n font-weight: 600;\n color: var(--soi-deoh-marine);\n}\n\n\/* BENEFITS *\/\n.soi-deoh-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n.soi-deoh-benefit {\n background: var(--soi-deoh-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-deoh-radius);\n border: 1px solid var(--soi-deoh-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.soi-deoh-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-deoh-shadow-md);\n}\n.soi-deoh-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-deoh-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.soi-deoh-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-deoh-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.soi-deoh-benefit:hover .soi-deoh-benefit-icon::after {\n opacity: 1;\n}\n.soi-deoh-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deoh-marine);\n margin-bottom: 0.5rem;\n}\n.soi-deoh-benefit p {\n font-size: 15px;\n color: var(--soi-deoh-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-deoh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n.soi-deoh-card {\n background: var(--soi-deoh-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deoh-radius);\n border-left: 3px solid var(--soi-deoh-pomme);\n}\n.soi-deoh-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deoh-marine);\n margin-bottom: 0.5rem;\n}\n.soi-deoh-card p {\n font-size: 14px;\n color: var(--soi-deoh-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-deoh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n.soi-deoh-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-deoh-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deoh-radius);\n border: 1px solid var(--soi-deoh-line);\n align-items: flex-start;\n}\n.soi-deoh-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-deoh-marine);\n color: var(--soi-deoh-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.soi-deoh-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deoh-marine);\n margin-bottom: 0.3rem;\n}\n.soi-deoh-step-content p {\n font-size: 15px;\n color: var(--soi-deoh-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-deoh-compo {\n background: var(--soi-deoh-off-white);\n border-radius: var(--soi-deoh-radius);\n border-left: 3px solid var(--soi-deoh-accent);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n.soi-deoh-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-deoh-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n.soi-deoh-compo-row:last-child {\n border-bottom: none;\n}\n.soi-deoh-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-deoh-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n.soi-deoh-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-deoh-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-deoh-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-deoh-pomme-light);\n border-left: 4px solid var(--soi-deoh-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-deoh-radius) var(--soi-deoh-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n.soi-deoh-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n.soi-deoh-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-deoh-marine);\n margin-bottom: 4px;\n}\n.soi-deoh-tip p {\n font-size: 15px;\n color: var(--soi-deoh-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-deoh-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.soi-deoh-accordion-item {\n background: var(--soi-deoh-off-white);\n border-radius: var(--soi-deoh-radius-sm);\n border: 1px solid var(--soi-deoh-line);\n overflow: hidden;\n}\n.soi-deoh-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-deoh-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 gap: 1rem;\n}\n.soi-deoh-accordion-header::-webkit-details-marker {\n display: none;\n}\n.soi-deoh-accordion-header::after {\n content: '+';\n flex-shrink: 0;\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-deoh-pomme);\n transition: transform 0.2s ease;\n}\n.soi-deoh-accordion-item[open] .soi-deoh-accordion-header::after {\n transform: rotate(45deg);\n}\n.soi-deoh-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n.soi-deoh-accordion-content p {\n font-size: 14px;\n color: var(--soi-deoh-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-deoh-cta-box {\n background: var(--soi-deoh-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-deoh-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n.soi-deoh-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-deoh-pomme);\n border-radius: 0 0 4px 4px;\n}\n.soi-deoh-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-deoh-pomme);\n margin-bottom: 0.75rem;\n}\n.soi-deoh-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-deoh-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-deoh-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n .soi-deoh-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n .soi-deoh-compo-value {\n text-align: left;\n }\n .soi-deoh-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-deoh-fiche * {\n animation: none !important;\n transition: none !important;\n }\n}\n@media (prefers-contrast: more) {\n .soi-deoh-fiche {\n --soi-deoh-text-soft: #2C3E50;\n --soi-deoh-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603889545546,"sku":"FM0515","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-bille-homme-certifie-bio-florame-packshot.webp?v=1792055933"},{"product_id":"deodorant-solide-homme-certifie-bio-florame","title":"Déodorant solide Homme certifié bio – Florame","description":"\u003cdiv class=\"soi-flor-fiche\"\u003e\n\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 homme · Florame\n \u003c\/div\u003e\n \u003cspan class=\"soi-flor-hero-title\"\u003eLa synergie du charbon végétal et du magnésium\u003c\/span\u003e\n \u003cp class=\"soi-flor-hero-subtitle\"\u003eUn déodorant solide au charbon végétal et au magnésium, sans aluminium ni alcool, conçu à Saint-Rémy-de-Provence pour une efficacité annoncée de 24 h.\u003c\/p\u003e\n \u003cdiv class=\"soi-flor-hero-labels\"\u003e\n \u003cspan class=\"soi-flor-label soi-flor-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-flor-label\"\u003eSANS ALUMINIUM\u003c\/span\u003e\n \u003cspan class=\"soi-flor-label\"\u003eSANS ALCOOL\u003c\/span\u003e\n \u003cspan class=\"soi-flor-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003eUn déodorant solide bio pour homme, pensé pour tenir toute la journée\u003c\/h2\u003e\n \u003cp class=\"soi-flor-section-intro\"\u003eVous cherchez un déodorant bio pour homme qui tienne ses promesses, sans aluminium ni alcool ? Le déodorant solide Homme certifié bio de Florame a été conçu à Saint-Rémy-de-Provence pour offrir une efficacité annoncée de 24 h, tout en respectant la peau des aisselles. Son pot de 50 g, certifié COSMOS Organic et fabriqué en France, se glisse facilement dans un sac de sport ou une trousse de voyage.\u003c\/p\u003e\n \u003cdiv class=\"soi-flor-grid-compact\"\u003e\n \u003cdiv class=\"soi-flor-card-mini\"\u003e\n \u003cspan class=\"soi-flor-card-mini-icon\"\u003e⏱️\u003c\/span\u003e\n \u003cspan class=\"soi-flor-card-mini-label\"\u003eEfficacité annoncée\u003c\/span\u003e\n \u003cspan class=\"soi-flor-card-mini-value\"\u003e24 h\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-card-mini\"\u003e\n \u003cspan class=\"soi-flor-card-mini-icon\"\u003e🫙\u003c\/span\u003e\n \u003cspan class=\"soi-flor-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-flor-card-mini-value\"\u003ePot solide de 50 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-card-mini\"\u003e\n \u003cspan class=\"soi-flor-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-flor-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-flor-card-mini-value\"\u003eCOSMOS Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-card-mini\"\u003e\n \u003cspan class=\"soi-flor-card-mini-icon\"\u003e📍\u003c\/span\u003e\n \u003cspan class=\"soi-flor-card-mini-label\"\u003eConçu à\u003c\/span\u003e\n \u003cspan class=\"soi-flor-card-mini-value\"\u003eSaint-Rémy-de-Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003ePourquoi passer au déodorant bio sans aluminium ?\u003c\/h2\u003e\n \u003cp class=\"soi-flor-section-intro\"\u003eUn déodorant homme bio sans aluminium ne bloque pas la transpiration : il agit sur les odeurs, pas sur un mécanisme naturel du corps. Voici ce que cette formule solide vous apporte.\u003c\/p\u003e\n \u003cdiv class=\"soi-flor-grid\"\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003eUne action anti-odeurs durable\u003c\/h3\u003e\n \u003cp\u003eL'association du charbon végétal et du magnésium agit sur les odeurs au fil de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003eSans alcool ni sels d'aluminium\u003c\/h3\u003e\n \u003cp\u003eUne formule adaptée à un usage quotidien, qui respecte le fonctionnement naturel de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003eUne tolérance testée\u003c\/h3\u003e\n \u003cp\u003eTesté sous contrôle dermatologique, y compris sur peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003eUn format solide plus sobre\u003c\/h3\u003e\n \u003cp\u003ePas de gaz propulseur, pas de flacon à jeter : un geste plus respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003eUn format nomade\u003c\/h3\u003e\n \u003cp\u003eLe pot de 50 g vous suit facilement au bureau, en voyage ou après le sport.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003eCe que contient ce déodorant : les actifs en détail\u003c\/h2\u003e\n \u003cp class=\"soi-flor-section-intro\"\u003eVoici les actifs clés de la formule, avec leur rôle concret.\u003c\/p\u003e\n \u003cdiv class=\"soi-flor-compo\"\u003e\n \u003cdiv class=\"soi-flor-compo-row\"\u003e\n \u003cspan class=\"soi-flor-compo-label\"\u003eCharbon végétal\u003c\/span\u003e\n \u003cspan class=\"soi-flor-compo-value\"\u003eAbsorbe l'humidité à l'origine des mauvaises odeurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-compo-row\"\u003e\n \u003cspan class=\"soi-flor-compo-label\"\u003eMagnésium\u003c\/span\u003e\n \u003cspan class=\"soi-flor-compo-value\"\u003eContribue à limiter la formation des odeurs au fil de la journée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-compo-row\"\u003e\n \u003cspan class=\"soi-flor-compo-label\"\u003eBicarbonate de sodium\u003c\/span\u003e\n \u003cspan class=\"soi-flor-compo-value\"\u003eIngrédient déodorant classique des formules naturelles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-compo-row\"\u003e\n \u003cspan class=\"soi-flor-compo-label\"\u003eHuile essentielle bio de Tea Tree\u003c\/span\u003e\n \u003cspan class=\"soi-flor-compo-value\"\u003eApporte une note fraîche et participe à la neutralisation des odeurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-compo-row\"\u003e\n \u003cspan class=\"soi-flor-compo-label\"\u003eHuile essentielle bio de Palmarosa\u003c\/span\u003e\n \u003cspan class=\"soi-flor-compo-value\"\u003eComplète cette action avec une fraîcheur florale et herbacée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-flor-note\"\u003eLa liste INCI complète figure sur l'emballage du pot. Il s'agit d'un produit cosmétique : il n'existe donc ni dosage par gélule ni pourcentage d'apports de référence. Une petite quantité suffit à chaque application.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003eComment appliquer votre déodorant solide en 3 gestes\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\u003ePréparez la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur des aisselles propres et bien sèches, idéalement après la douche.\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\u003ePrélevez peu de produit\u003c\/h3\u003e\n \u003cp\u003eUne petite quantité du bout du doigt suffit. Réchauffez-la un instant pour faciliter l'application.\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\u003eÉtalez et laissez sécher\u003c\/h3\u003e\n \u003cp\u003eMassez doucement, patientez quelques instants, puis habillez-vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-tip\"\u003e\n \u003cdiv class=\"soi-flor-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSi vous venez d'un anti-transpirant à l'aluminium, laissez à votre peau une à deux semaines d'adaptation. Les premiers jours, la transpiration peut vous sembler plus présente : c'est tout à fait normal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse t-il ?\u003c\/h2\u003e\n \u003cp class=\"soi-flor-section-intro\"\u003eCe déodorant solide homme vous plaira si vous vous reconnaissez dans l'un de ces profils.\u003c\/p\u003e\n \u003cdiv class=\"soi-flor-grid\"\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003eLes journées bien remplies\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un déodorant homme bio efficace pour une journée de travail complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003eLes sportifs\u003c\/h3\u003e\n \u003cp\u003eVous pratiquez une activité sportive et voulez un produit facile à emporter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003eLes peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez éviter l'alcool et l'aluminium dans votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003eLes adeptes de la simplicité\u003c\/h3\u003e\n \u003cp\u003eVous préférez une routine simple, avec peu de déchets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-flor-note\"\u003eComparé à un déodorant spray bio homme, le format solide est plus compact, ne contient pas de gaz propulseur et se dose mieux. Le spray reste plus rapide à appliquer, le solide plus économique et plus nomade.\u003c\/p\u003e\n \u003c\/section\u003e\n\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;\"\u003eUne fraîcheur franche, du matin au soir\u003c\/p\u003e\n \u003cp class=\"soi-flor-cta-text\" style=\"color: white;\"\u003eCertifié bio, sans aluminium et fabriqué en France : un geste simple pour prendre soin de vous, et de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-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\n --soi-flor-white: #FFFFFF;\n --soi-flor-off-white: #F8FAF6;\n --soi-flor-stone: #F1F3EE;\n --soi-flor-line: #E5E8E0;\n\n --soi-flor-primary: #3D3532;\n --soi-flor-primary-soft: #F3EFEC;\n --soi-flor-accent: #D9952B;\n\n --soi-flor-text: #1A2D3D;\n --soi-flor-text-soft: #4A5B6B;\n --soi-flor-text-muted: #7B8693;\n\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.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.soi-flor-hero::after {\n content: '';\n position: absolute;\n bottom: 0; left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: var(--soi-flor-accent);\n border-radius: 3px 3px 0 0;\n}\n.soi-flor-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 0.6875rem;\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.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.soi-flor-hero-title {\n display: block;\n color: var(--soi-flor-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\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.soi-flor-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\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: 0.6875rem;\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.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.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.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.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.soi-flor-section p:last-child {\n margin-bottom: 0;\n}\n.soi-flor-section .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.soi-flor-section .soi-flor-note {\n margin-top: 1.25rem;\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-flor-text-soft);\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.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 transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.soi-flor-card:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-flor-shadow-md);\n}\n.soi-flor-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 1rem;\n font-weight: 600;\n color: var(--soi-flor-marine);\n margin-bottom: 0.5rem;\n}\n.soi-flor-section .soi-flor-card p {\n font-size: 0.875rem;\n color: var(--soi-flor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-flor-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n.soi-flor-card-mini {\n background: var(--soi-flor-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-flor-radius-sm);\n border-top: 3px solid var(--soi-flor-accent);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.soi-flor-card-mini-icon {\n font-size: 1.25rem;\n margin-bottom: 4px;\n}\n.soi-flor-card-mini-label {\n font-size: 0.6875rem;\n color: var(--soi-flor-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n.soi-flor-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 0.9375rem;\n font-weight: 600;\n color: var(--soi-flor-marine);\n}\n\n\/* TIMELINE *\/\n.soi-flor-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\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.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: 0.875rem;\n}\n.soi-flor-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 1rem;\n font-weight: 600;\n color: var(--soi-flor-marine);\n margin-bottom: 0.3rem;\n}\n.soi-flor-section .soi-flor-step-content p {\n font-size: 0.9375rem;\n color: var(--soi-flor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\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.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.soi-flor-compo-row:last-child {\n border-bottom: none;\n}\n.soi-flor-compo-label {\n font-size: 0.75rem;\n font-weight: 500;\n color: var(--soi-flor-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n.soi-flor-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--soi-flor-marine);\n text-align: right;\n max-width: 60%;\n}\n\n\/* TIP *\/\n.soi-flor-tip {\n display: flex;\n gap: 1rem;\n margin-top: 1.25rem;\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.soi-flor-tip-icon {\n flex-shrink: 0;\n font-size: 1.375rem;\n line-height: 1;\n}\n.soi-flor-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 0.875rem;\n color: var(--soi-flor-marine);\n margin-bottom: 4px;\n}\n.soi-flor-section .soi-flor-tip p {\n font-size: 0.9375rem;\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.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.soi-flor-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 0.875rem;\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 gap: 1rem;\n}\n.soi-flor-accordion-header::-webkit-details-marker {\n display: none;\n}\n.soi-flor-accordion-header::after {\n content: '+';\n flex-shrink: 0;\n font-size: 1.25rem;\n font-weight: 300;\n color: var(--soi-flor-pomme);\n transition: transform 0.2s ease;\n}\n.soi-flor-accordion-item[open] .soi-flor-accordion-header::after {\n transform: rotate(45deg);\n}\n.soi-flor-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n.soi-flor-section .soi-flor-accordion-content p {\n font-size: 0.875rem;\n color: var(--soi-flor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* PRÉCAUTIONS *\/\n.soi-flor-caution {\n background: var(--soi-flor-primary-soft);\n border-left: 3px solid var(--soi-flor-primary);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-flor-radius) var(--soi-flor-radius) 0;\n}\n.soi-flor-section .soi-flor-caution p {\n font-size: 0.875rem;\n color: var(--soi-flor-text-soft);\n margin: 0;\n}\n\n\/* CTA *\/\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.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.soi-flor-section .soi-flor-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 0.6875rem;\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.soi-flor-section .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 auto;\n max-width: 580px;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n .soi-flor-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n .soi-flor-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n .soi-flor-compo-value {\n text-align: left;\n max-width: 100%;\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 !important;\n transition: none !important;\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":"Florame","offers":[{"title":"Default Title","offer_id":61603890266442,"sku":"FM0520","price":8.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-solide-homme-certifie-bio-florame-packshot.webp?v=1792055675"},{"product_id":"deodorant-spray-homme-certifie-bio-florame","title":"Déodorant Spray Homme certifié bio – Florame","description":"\u003cdiv class=\"soi-flodeo-fiche\"\u003e\n\n \u003csection class=\"soi-flodeo-hero\"\u003e\n \u003cdiv class=\"soi-flodeo-hero-tag\"\u003e\n \u003cspan class=\"soi-flodeo-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène homme · Florame\n \u003c\/div\u003e\n \u003cspan class=\"soi-flodeo-hero-title\"\u003eUne fraîcheur boisée, sans aluminium\u003c\/span\u003e\n \u003cp class=\"soi-flodeo-hero-subtitle\"\u003eDes huiles essentielles bio et une eau florale de lavande pour limiter les mauvaises odeurs, sans bloquer la transpiration, du bureau à la séance de sport.\u003c\/p\u003e\n \u003cdiv class=\"soi-flodeo-hero-labels\"\u003e\n \u003cspan class=\"soi-flodeo-label soi-flodeo-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-flodeo-label\"\u003eSANS ALUMINIUM\u003c\/span\u003e\n \u003cspan class=\"soi-flodeo-label\"\u003e100 % D'ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-flodeo-label\"\u003eHUILES ESSENTIELLES BIO\u003c\/span\u003e\n \u003cspan class=\"soi-flodeo-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flodeo-section\"\u003e\n \u003ch2\u003eUn déodorant naturel pour homme qui allie fraîcheur et efficacité\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e qui tienne ses promesses, du bureau à la séance de sport ? Le \u003cstrong\u003eDéodorant Spray Homme certifié bio Florame\u003c\/strong\u003e a été pensé pour cela. Fabriqué en France à Saint-Rémy-de-Provence et certifié \u003cstrong\u003eCOSMOS Organic\u003c\/strong\u003e, ce \u003cstrong\u003edéodorant bio pour homme\u003c\/strong\u003e associe des huiles essentielles bio et une eau florale de lavande pour limiter les mauvaises odeurs, sans bloquer la transpiration.\u003c\/p\u003e\n \u003cp\u003eSon parfum frais et boisé reste discret. Sa texture légère se vaporise en un geste et ne laisse ni traces blanches ni sensation collante.\u003c\/p\u003e\n \u003cdiv class=\"soi-flodeo-grid-compact\"\u003e\n \u003cdiv class=\"soi-flodeo-card-mini\"\u003e\n \u003cspan class=\"soi-flodeo-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-flodeo-card-mini-value\"\u003eCOSMOS Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flodeo-card-mini\"\u003e\n \u003cspan class=\"soi-flodeo-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-flodeo-card-mini-value\"\u003eSaint-Rémy-de-Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flodeo-card-mini\"\u003e\n \u003cspan class=\"soi-flodeo-card-mini-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-flodeo-card-mini-value\"\u003eFrais et boisé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flodeo-card-mini\"\u003e\n \u003cspan class=\"soi-flodeo-card-mini-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-flodeo-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flodeo-section\"\u003e\n \u003ch2\u003eCe que contient ce déodorant homme bio\u003c\/h2\u003e\n \u003cp class=\"soi-flodeo-section-intro\"\u003eLa formule est \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, avec une grande part d'ingrédients issus de l'agriculture biologique. Voici les actifs qui font sa personnalité :\u003c\/p\u003e\n \u003cdiv class=\"soi-flodeo-benefits\"\u003e\n \u003cdiv class=\"soi-flodeo-benefit\"\u003e\n \u003cdiv class=\"soi-flodeo-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile essentielle de tea tree bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés purifiantes, elle aide à assainir la peau des aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flodeo-benefit\"\u003e\n \u003cdiv class=\"soi-flodeo-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile essentielle de palmarosa bio\u003c\/h3\u003e\n \u003cp\u003eElle contribue à la sensation de propreté et apporte une note fraîche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flodeo-benefit\"\u003e\n \u003cdiv class=\"soi-flodeo-benefit-icon\"\u003e\u003cspan\u003e💜\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEau florale de lavande bio\u003c\/h3\u003e\n \u003cp\u003eElle apaise et rend l'application agréable, même sur une peau fraîchement rasée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flodeo-spacer\"\u003e\u003c\/div\u003e\n \u003cp\u003eCe \u003cstrong\u003edéodorant homme bio sans aluminium\u003c\/strong\u003e ne contient aucun sel d'aluminium. Votre peau transpire donc normalement, et la formule agit sur les odeurs plutôt que sur la sueur. La liste INCI complète figure sur l'emballage du flacon de 100 ml : nous vous invitons à la consulter si vous avez des sensibilités particulières aux huiles essentielles.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flodeo-section\"\u003e\n \u003ch2\u003ePourquoi choisir un déodorant naturel sans aluminium ?\u003c\/h2\u003e\n \u003cp class=\"soi-flodeo-section-intro\"\u003eBeaucoup d'hommes se tournent vers un \u003cstrong\u003edéodorant homme naturel\u003c\/strong\u003e pour trois raisons très concrètes :\u003c\/p\u003e\n \u003cdiv class=\"soi-flodeo-grid\"\u003e\n \u003cdiv class=\"soi-flodeo-card\"\u003e\n \u003ch3\u003eRespecter la peau\u003c\/h3\u003e\n \u003cp\u003eLes aisselles sont une zone fine, souvent soumise au rasage et aux frottements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flodeo-card\"\u003e\n \u003ch3\u003eLaisser la transpiration s'exprimer\u003c\/h3\u003e\n \u003cp\u003eElle fait partie du fonctionnement normal du corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flodeo-card\"\u003e\n \u003ch3\u003eRéduire son empreinte\u003c\/h3\u003e\n \u003cp\u003eGrâce à des ingrédients d'origine naturelle et à une fabrication française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flodeo-spacer\"\u003e\u003c\/div\u003e\n \u003cp\u003eSoyons honnêtes : un déodorant, même naturel et bien formulé, ne supprime pas la transpiration. Il neutralise les odeurs et procure une sensation de fraîcheur.\u003c\/p\u003e\n \u003cdiv class=\"soi-flodeo-tip\"\u003e\n \u003cdiv class=\"soi-flodeo-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLes premiers jours, votre corps peut mettre un peu de temps à s'adapter après un antitranspirant classique. C'est tout à fait normal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flodeo-section\"\u003e\n \u003ch2\u003eComment utiliser votre déodorant spray en 3 gestes\u003c\/h2\u003e\n \u003cdiv class=\"soi-flodeo-timeline\"\u003e\n \u003cdiv class=\"soi-flodeo-step\"\u003e\n \u003cdiv class=\"soi-flodeo-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-flodeo-step-content\"\u003e\n \u003ch3\u003ePartez d'une peau propre et sèche\u003c\/h3\u003e\n \u003cp\u003eAprès la douche ou le rasage, séchez bien vos aisselles avant d'appliquer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flodeo-step\"\u003e\n \u003cdiv class=\"soi-flodeo-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-flodeo-step-content\"\u003e\n \u003ch3\u003eVaporisez à environ 15 cm\u003c\/h3\u003e\n \u003cp\u003eUne à deux pulvérisations par aisselle suffisent généralement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flodeo-step\"\u003e\n \u003cdiv class=\"soi-flodeo-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-flodeo-step-content\"\u003e\n \u003ch3\u003eLaissez sécher quelques secondes\u003c\/h3\u003e\n \u003cp\u003eAttendez avant de vous habiller. Renouvelez après le sport ou en cas de journée chargée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flodeo-spacer\"\u003e\u003c\/div\u003e\n \u003cp class=\"soi-flodeo-note\"\u003eÉvitez l'application sur une peau lésée ou irritée, et ne vaporisez pas près des yeux. En cas de doute, faites un test sur une petite zone au préalable.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flodeo-section\"\u003e\n \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-flodeo-grid\"\u003e\n \u003cdiv class=\"soi-flodeo-card\"\u003e\n \u003ch3\u003eLes hommes en transition\u003c\/h3\u003e\n \u003cp\u003ePour ceux qui veulent passer à un \u003cstrong\u003edéodorant bio homme\u003c\/strong\u003e sans sacrifier la praticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flodeo-card\"\u003e\n \u003ch3\u003eLes sportifs et actifs\u003c\/h3\u003e\n \u003cp\u003ePour ceux qui apprécient un spray rapide à glisser dans un sac.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flodeo-card\"\u003e\n \u003ch3\u003eLes amateurs de parfums discrets\u003c\/h3\u003e\n \u003cp\u003ePour ceux qui recherchent un \u003cstrong\u003edéodorant naturel homme efficace\u003c\/strong\u003e au parfum frais et boisé, ni sucré ni trop marqué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flodeo-card\"\u003e\n \u003ch3\u003eLes adeptes des cosmétiques certifiés\u003c\/h3\u003e\n \u003cp\u003ePour ceux qui aiment savoir ce qu'ils appliquent sur leur peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"soi-flodeo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-flodeo-cta-box\"\u003e\n \u003cp class=\"soi-flodeo-cta-tag\" style=\"color: white;\"\u003eUne fraîcheur simple et sincère\u003c\/p\u003e\n \u003cp class=\"soi-flodeo-cta-text\" style=\"color: white;\"\u003eHuiles essentielles bio, eau florale de lavande et parfum boisé, sans aluminium : un geste rapide, une peau respectée et une confiance retrouvée à chaque vaporisation, 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 --soi-flodeo-marine: #1A2D3D;\n --soi-flodeo-marine-dark: #0F1E2B;\n --soi-flodeo-marine-light: #2C4458;\n --soi-flodeo-pomme: #A1C544;\n --soi-flodeo-pomme-dark: #84A636;\n --soi-flodeo-pomme-light: rgba(161,197,68,0.10);\n\n --soi-flodeo-white: #FFFFFF;\n --soi-flodeo-off-white: #F8FAF6;\n --soi-flodeo-stone: #F1F3EE;\n --soi-flodeo-line: #E5E8E0;\n\n --soi-flodeo-primary: #3B2F2A;\n --soi-flodeo-primary-soft: #F4EFEA;\n --soi-flodeo-accent: #C9A24A;\n\n --soi-flodeo-text: #1A2D3D;\n --soi-flodeo-text-soft: #4A5B6B;\n --soi-flodeo-text-muted: #7B8693;\n\n --soi-flodeo-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-flodeo-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-flodeo-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-flodeo-radius: 12px;\n --soi-flodeo-radius-sm: 8px;\n --soi-flodeo-radius-pill: 999px;\n}\n\n.soi-flodeo-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-flodeo-fiche img { max-width: 100%; height: auto; }\n\n.soi-flodeo-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-flodeo-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-flodeo-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-flodeo-hero {\n position: relative;\n background: var(--soi-flodeo-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-flodeo-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-flodeo-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-flodeo-pomme);\n}\n\n.soi-flodeo-hero::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--soi-flodeo-primary), var(--soi-flodeo-accent), var(--soi-flodeo-primary));\n opacity: 0.8;\n}\n\n.soi-flodeo-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 0.6875rem;\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-flodeo-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-flodeo-pomme);\n border-radius: 50%;\n}\n\n.soi-flodeo-hero-title {\n display: block;\n color: var(--soi-flodeo-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-flodeo-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-flodeo-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-flodeo-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-flodeo-white);\n font-size: 0.6875rem;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-flodeo-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-flodeo-label-accent {\n background: var(--soi-flodeo-pomme);\n border-color: var(--soi-flodeo-pomme);\n color: var(--soi-flodeo-marine);\n font-weight: 600;\n}\n\n.soi-flodeo-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-flodeo-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-flodeo-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-flodeo-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-flodeo-pomme);\n border-radius: 2px;\n}\n\n.soi-flodeo-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-flodeo-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-flodeo-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-flodeo-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-flodeo-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-flodeo-section p.soi-flodeo-section-intro {\n color: var(--soi-flodeo-text-soft);\n margin-bottom: 1.5rem;\n}\n\n.soi-flodeo-spacer {\n height: clamp(1rem, 2.5vw, 1.5rem);\n}\n\n.soi-flodeo-section p.soi-flodeo-note {\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-flodeo-text-soft);\n background: var(--soi-flodeo-primary-soft);\n border-radius: var(--soi-flodeo-radius-sm);\n padding: 0.9rem 1.25rem;\n}\n\n.soi-flodeo-section p.soi-flodeo-disclaimer {\n font-size: clamp(12px, 1.6vw, 13px);\n font-style: italic;\n color: var(--soi-flodeo-text-muted);\n line-height: 1.6;\n}\n\n.soi-flodeo-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-flodeo-benefit {\n background: var(--soi-flodeo-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-flodeo-radius);\n border: 1px solid var(--soi-flodeo-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-flodeo-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-flodeo-shadow-md);\n}\n\n.soi-flodeo-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-flodeo-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n position: relative;\n}\n\n.soi-flodeo-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-flodeo-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-flodeo-benefit:hover .soi-flodeo-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-flodeo-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 1rem;\n font-weight: 600;\n color: var(--soi-flodeo-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-flodeo-section .soi-flodeo-benefit p {\n font-size: 0.9375rem;\n color: var(--soi-flodeo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-flodeo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-flodeo-card {\n background: var(--soi-flodeo-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-flodeo-radius);\n border-left: 3px solid var(--soi-flodeo-pomme);\n}\n\n.soi-flodeo-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 1rem;\n font-weight: 600;\n color: var(--soi-flodeo-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-flodeo-section .soi-flodeo-card p {\n font-size: 0.875rem;\n color: var(--soi-flodeo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-flodeo-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-flodeo-card-mini {\n background: var(--soi-flodeo-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-flodeo-radius-sm);\n border-bottom: 2px solid var(--soi-flodeo-accent);\n text-align: center;\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 4px;\n}\n\n.soi-flodeo-card-mini-icon {\n font-size: 1.25rem;\n margin-bottom: 4px;\n}\n\n.soi-flodeo-card-mini-label {\n font-size: 0.6875rem;\n color: var(--soi-flodeo-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-flodeo-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 0.9375rem;\n font-weight: 600;\n color: var(--soi-flodeo-marine);\n line-height: 1.4;\n}\n\n.soi-flodeo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-flodeo-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-flodeo-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-flodeo-radius);\n border: 1px solid var(--soi-flodeo-line);\n align-items: flex-start;\n}\n\n.soi-flodeo-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-flodeo-marine);\n color: var(--soi-flodeo-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: 0.875rem;\n}\n\n.soi-flodeo-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 1rem;\n font-weight: 600;\n color: var(--soi-flodeo-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-flodeo-section .soi-flodeo-step-content p {\n font-size: 0.9375rem;\n color: var(--soi-flodeo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-flodeo-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-flodeo-pomme-light);\n border-left: 4px solid var(--soi-flodeo-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-flodeo-radius) var(--soi-flodeo-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-flodeo-tip-icon {\n flex-shrink: 0;\n font-size: 1.375rem;\n line-height: 1;\n}\n\n.soi-flodeo-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 0.875rem;\n color: var(--soi-flodeo-marine);\n margin-bottom: 4px;\n}\n\n.soi-flodeo-section .soi-flodeo-tip p {\n font-size: 0.9375rem;\n color: var(--soi-flodeo-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-flodeo-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-flodeo-accordion-item {\n background: var(--soi-flodeo-off-white);\n border-radius: var(--soi-flodeo-radius-sm);\n border: 1px solid var(--soi-flodeo-line);\n overflow: hidden;\n}\n\n.soi-flodeo-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 0.875rem;\n color: var(--soi-flodeo-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 gap: 1rem;\n}\n\n.soi-flodeo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-flodeo-accordion-header::after {\n content: '+';\n flex-shrink: 0;\n font-size: 1.25rem;\n font-weight: 300;\n color: var(--soi-flodeo-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-flodeo-accordion-item[open] .soi-flodeo-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-flodeo-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-flodeo-section .soi-flodeo-accordion-content p {\n font-size: 0.875rem;\n color: var(--soi-flodeo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-flodeo-cta-box {\n background: var(--soi-flodeo-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-flodeo-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-flodeo-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-flodeo-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-flodeo-section .soi-flodeo-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 0.6875rem;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-flodeo-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-flodeo-section .soi-flodeo-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-flodeo-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-flodeo-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-flodeo-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-flodeo-fiche * {\n animation: none !important;\n transition: none !important;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-flodeo-fiche {\n --soi-flodeo-text-soft: #2C3E50;\n --soi-flodeo-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603890430282,"sku":"FM0525","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-spray-homme-certifie-bio-florame-packshot.webp?v=1792055831"},{"product_id":"gel-douche-verveine-citron-certifie-bio-florame","title":"Gel Douche Verveine Citron certifié bio – Florame","description":"\u003cdiv class=\"soi-gdvc-fiche\"\u003e\n\n\u003csection class=\"soi-gdvc-hero\"\u003e\n \u003cdiv class=\"soi-gdvc-hero-tag\"\u003e\n \u003cspan class=\"soi-gdvc-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Florame\n \u003c\/div\u003e\n \u003cspan class=\"soi-gdvc-hero-title\"\u003eLa fraîcheur citronnée d'une douche bio\u003c\/span\u003e\n \u003cp class=\"soi-gdvc-hero-subtitle\"\u003eUn gel douche aux huiles essentielles biologiques de verveine et citron, formulé avec douceur pour toute la famille et fabriqué en Provence.\u003c\/p\u003e\n \u003cdiv class=\"soi-gdvc-hero-labels\"\u003e\n \u003cspan class=\"soi-gdvc-label soi-gdvc-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eRECHARGEABLE\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eUne douche qui réveille les sens, naturellement\u003c\/h2\u003e\n \u003cp\u003eChaque matin, votre douche mérite mieux qu'un produit anodin. Le \u003cstrong\u003eGel Douche Verveine Citron certifié bio de Florame\u003c\/strong\u003e transforme ce geste quotidien en une parenthèse sensorielle : un parfum frais et zesté issu de \u003cstrong\u003evraies huiles essentielles biologiques\u003c\/strong\u003e, une mousse douce et enveloppante, et une peau propre sans jamais être tiraillée. Idéal pour bien démarrer la journée ou retrouver de l'énergie après un effort.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eCe qui rend ce gel douche bio vraiment différent\u003c\/h2\u003e\n \u003cdiv class=\"soi-gdvc-benefits\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eLa certification garantit une formule rigoureusement contrôlée : ingrédients d'origine naturelle, actifs biologiques, aucun composé pétrochimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🍋\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eLe duo verveine et citron provient d'huiles essentielles bio soigneusement sélectionnées. Pas de fragrance synthétique : uniquement la fraîcheur naturelle de la plante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormule douce pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eBase lavante respectueuse du film hydrolipidique, adaptée aux peaux sensibles et à un usage quotidien, adultes comme enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFlacon rechargeable, fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eFormat 750 ml avec pompe doseur pratique. Le flacon est rechargeable et entièrement recyclable : un choix cohérent pour réduire les déchets au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eComposition du Gel Douche Verveine Citron Florame\u003c\/h2\u003e\n \u003cp\u003eLa formule repose sur des \u003cstrong\u003eagents lavants d'origine végétale\u003c\/strong\u003e reconnus pour leur douceur, associés à des actifs soigneusement choisis :\u003c\/p\u003e\n \u003cdiv class=\"soi-gdvc-grid\"\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🌱 Huile essentielle de verveine citronnée bio\u003c\/h3\u003e\n \u003cp\u003eParfum frais et apaisant, signature olfactive du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🍋 Huile essentielle de citron bio\u003c\/h3\u003e\n \u003cp\u003eNote tonique et purifiante, pour un effet revigorant immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🧴 Agents tensioactifs végétaux\u003c\/h3\u003e\n \u003cp\u003eBase lavante douce, biodégradable, sans sulfates agressifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eProtège l'hydratation cutanée et laisse la peau confortable après rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-tip\"\u003e\n \u003cdiv class=\"soi-gdvc-tip-icon\"\u003e✅\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormule clean\u003c\/strong\u003e\n \u003cp\u003eSans silicone, sans paraben, sans colorant synthétique et sans ingrédients d'origine pétrochimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gdvc-timeline\"\u003e\n \u003cdiv class=\"soi-gdvc-step\"\u003e\n \u003cdiv class=\"soi-gdvc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step-content\"\u003e\n \u003ch3\u003ePressez la pompe\u003c\/h3\u003e\n \u003cp\u003eDéposez la quantité souhaitée sur une main ou un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step\"\u003e\n \u003cdiv class=\"soi-gdvc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur l'ensemble du corps en massages circulaires doux pour activer les actifs et profiter du parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step\"\u003e\n \u003cdiv class=\"soi-gdvc-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eLa peau est immédiatement propre, douce et légèrement parfumée, sans résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-gdvc-compo\"\u003e\n \u003cdiv class=\"soi-gdvc-compo-row\"\u003e\n \u003cspan class=\"soi-gdvc-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-compo-value\"\u003eFlorame, Saint-Rémy-de-Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-compo-row\"\u003e\n \u003cspan class=\"soi-gdvc-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-compo-value\"\u003e750 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-compo-row\"\u003e\n \u003cspan class=\"soi-gdvc-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-compo-value\"\u003eCOSMOS Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-compo-row\"\u003e\n \u003cspan class=\"soi-gdvc-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-compo-row\"\u003e\n \u003cspan class=\"soi-gdvc-compo-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-compo-value\"\u003ePompe doseur rechargeable et recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-compo-row\"\u003e\n \u003cspan class=\"soi-gdvc-compo-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-compo-value\"\u003eToute la famille, peaux normales à sensibles, usage quotidien\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdvc-section\"\u003e\n \u003cdiv class=\"soi-gdvc-accordion\"\u003e\n \u003cdetails class=\"soi-gdvc-accordion-item\"\u003e\n \u003csummary class=\"soi-gdvc-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"soi-gdvc-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin lavant cosmétique. Il ne constitue pas un traitement médical et ne remplace pas l'avis d'un professionnel de santé en cas de problème cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gdvc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gdvc-cta-box\"\u003e\n \u003cp class=\"soi-gdvc-cta-tag\" style=\"color: white;\"\u003eUn rituel de fraîcheur certifié bio\u003c\/p\u003e\n \u003cp class=\"soi-gdvc-cta-text\" style=\"color: white;\"\u003eAvec le Gel Douche Verveine Citron bio Florame, chaque douche devient un moment de plaisir sincère : un parfum naturel qui éveille, une formule douce qui respecte votre peau et un flacon responsable qui respecte 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-gdvc-marine: #1A2D3D;\n --soi-gdvc-marine-dark: #0F1E2B;\n --soi-gdvc-marine-light: #2C4458;\n --soi-gdvc-pomme: #A1C544;\n --soi-gdvc-pomme-dark: #84A636;\n --soi-gdvc-pomme-light: rgba(161,197,68,0.10);\n --soi-gdvc-white: #FFFFFF;\n --soi-gdvc-off-white: #F8FAF6;\n --soi-gdvc-stone: #F1F3EE;\n --soi-gdvc-line: #E5E8E0;\n --soi-gdvc-primary: #C8B84B;\n --soi-gdvc-primary-soft: #F5F0D4;\n --soi-gdvc-accent: #8AAD3A;\n --soi-gdvc-text: #1A2D3D;\n --soi-gdvc-text-soft: #4A5B6B;\n --soi-gdvc-text-muted: #7B8693;\n --soi-gdvc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gdvc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gdvc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gdvc-radius: 12px;\n --soi-gdvc-radius-sm: 8px;\n --soi-gdvc-radius-pill: 999px;\n}\n\n.soi-gdvc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gdvc-fiche img { max-width: 100%; height: auto; }\n\n.soi-gdvc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gdvc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gdvc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-gdvc-hero {\n position: relative;\n background: var(--soi-gdvc-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-gdvc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gdvc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gdvc-pomme);\n}\n\n.soi-gdvc-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-gdvc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gdvc-pomme);\n border-radius: 50%;\n}\n\n.soi-gdvc-hero-title {\n display: block;\n color: var(--soi-gdvc-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-gdvc-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-gdvc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gdvc-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-gdvc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gdvc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gdvc-label-accent {\n background: var(--soi-gdvc-pomme);\n border-color: var(--soi-gdvc-pomme);\n color: var(--soi-gdvc-marine);\n font-weight: 600;\n}\n\n.soi-gdvc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gdvc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-gdvc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gdvc-pomme);\n border-radius: 2px;\n}\n\n.soi-gdvc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gdvc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gdvc-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-gdvc-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-gdvc-benefit {\n background: var(--soi-gdvc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gdvc-radius);\n border: 1px solid var(--soi-gdvc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gdvc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gdvc-shadow-md);\n}\n\n.soi-gdvc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gdvc-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-gdvc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gdvc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gdvc-benefit:hover .soi-gdvc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gdvc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gdvc-benefit p {\n font-size: 15px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gdvc-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-gdvc-card {\n background: var(--soi-gdvc-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gdvc-radius);\n border-left: 3px solid var(--soi-gdvc-pomme);\n}\n\n.soi-gdvc-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gdvc-card p {\n font-size: 14px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gdvc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-gdvc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gdvc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gdvc-radius);\n border: 1px solid var(--soi-gdvc-line);\n align-items: flex-start;\n}\n\n.soi-gdvc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gdvc-marine);\n color: var(--soi-gdvc-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-gdvc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gdvc-step-content p {\n font-size: 15px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gdvc-compo {\n background: var(--soi-gdvc-off-white);\n border-radius: var(--soi-gdvc-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-gdvc-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-gdvc-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-gdvc-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-gdvc-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-gdvc-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-gdvc-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-gdvc-marine);\n text-align: right;\n}\n\n.soi-gdvc-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gdvc-pomme-light);\n border-left: 4px solid var(--soi-gdvc-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gdvc-radius) var(--soi-gdvc-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-gdvc-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gdvc-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gdvc-marine);\n margin-bottom: 4px;\n}\n\n.soi-gdvc-tip p {\n font-size: 15px;\n color: var(--soi-gdvc-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gdvc-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gdvc-accordion-item {\n background: var(--soi-gdvc-off-white);\n border-radius: var(--soi-gdvc-radius-sm);\n border: 1px solid var(--soi-gdvc-line);\n overflow: hidden;\n}\n\n.soi-gdvc-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gdvc-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-gdvc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gdvc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gdvc-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gdvc-accordion-item[open] .soi-gdvc-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gdvc-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gdvc-accordion-content p {\n font-size: 14px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gdvc-cta-box {\n background: var(--soi-gdvc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gdvc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gdvc-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-gdvc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gdvc-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-gdvc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gdvc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gdvc-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-gdvc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gdvc-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-gdvc-compo-value {\n text-align: left;\n }\n\n .soi-gdvc-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-gdvc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gdvc-fiche {\n --soi-gdvc-text-soft: #2C3E50;\n --soi-gdvc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603902128458,"sku":"FM0575","price":8.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-verveine-citron-certifie-bio-florame-packshot.webp?v=1792053348"},{"product_id":"gel-douche-amande-certifie-bio-florame","title":"Gel Douche Amande certifié bio – Florame","description":"\n\u003cdiv class=\"soi-amand-fiche\"\u003e\n\n\u003csection class=\"soi-amand-hero\"\u003e\n\u003cdiv class=\"soi-amand-hero-tag\"\u003e\n\u003cspan class=\"soi-amand-tag-dot\"\u003e\u003c\/span\u003e\nHygiène · Florame\n\u003c\/div\u003e\n\u003cspan class=\"soi-amand-hero-title\"\u003eLa douceur de l'amande, certifiée bio\u003c\/span\u003e\n\u003cp class=\"soi-amand-hero-subtitle\"\u003eUn gel douche aux huiles essentielles biologiques, formulé à 98 % d'ingrédients d'origine naturelle. Fabriqué en France, à Saint-Rémy-de-Provence, dans un grand format rechargeable de 750 ml.\u003c\/p\u003e\n\u003cdiv class=\"soi-amand-hero-labels\"\u003e\n\u003cspan class=\"soi-amand-label soi-amand-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n\u003cspan class=\"soi-amand-label\"\u003eBIO\u003c\/span\u003e\n\u003cspan class=\"soi-amand-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003cspan class=\"soi-amand-label\"\u003eRECHARGEABLE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amand-section\"\u003e\n\u003ch2\u003ePourquoi ce gel douche bio à l'amande douce se démarque t-il ?\u003c\/h2\u003e\n\u003cp\u003eBeaucoup de gels douche se disent naturels. Celui-ci l'est vraiment. La formule Florame, certifiée Cosmos Organic, est élaborée sans sulfates agressifs, sans silicones, sans ingrédients controversés. Elle convient aux peaux sensibles et peut être utilisée par toute la famille au quotidien.\u003c\/p\u003e\n\u003cp\u003eSa texture gel se transforme au contact de l'eau en une mousse douce et enveloppante, facile à rincer, qui laisse la peau propre et confortable, sans tiraillement ni sécheresse.\u003c\/p\u003e\n\u003cdiv class=\"soi-amand-grid-compact\"\u003e\n\u003cdiv class=\"soi-amand-card-mini\"\u003e\n\u003cspan class=\"soi-amand-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n\u003cspan class=\"soi-amand-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n\u003cspan class=\"soi-amand-card-mini-value\"\u003e98 % d'origine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-amand-card-mini\"\u003e\n\u003cspan class=\"soi-amand-card-mini-icon\"\u003e✅\u003c\/span\u003e\n\u003cspan class=\"soi-amand-card-mini-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-amand-card-mini-value\"\u003eCosmos Organic (Ecocert)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-amand-card-mini\"\u003e\n\u003cspan class=\"soi-amand-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n\u003cspan class=\"soi-amand-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n\u003cspan class=\"soi-amand-card-mini-value\"\u003eSaint-Rémy-de-Provence\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-amand-card-mini\"\u003e\n\u003cspan class=\"soi-amand-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n\u003cspan class=\"soi-amand-card-mini-label\"\u003eFormat\u003c\/span\u003e\n\u003cspan class=\"soi-amand-card-mini-value\"\u003e750 ml rechargeable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amand-section\"\u003e\n\u003ch2\u003eLe parfum amande douce : un accord olfactif réconfortant\u003c\/h2\u003e\n\u003cp\u003eL'amande douce donne le ton : chaleureuse, gourmande, subtilement poudrée. La fragrance est enrichie de notes boisées de cèdre de l'Atlas et d'une touche lumineuse d'orange douce, pour un accord équilibré qui rend chaque douche agréable.\u003c\/p\u003e\n\u003cp\u003eUn rituel sensoriel simple, mais qui change vraiment l'atmosphère de votre salle de bain.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amand-section\"\u003e\n\u003ch2\u003eComposition \u003c\/h2\u003e\n\u003cp class=\"soi-amand-section-intro\"\u003eLa formule repose sur des actifs sélectionnés pour leur douceur et leur efficacité.\u003c\/p\u003e\n\u003cdiv class=\"soi-amand-benefits\"\u003e\n\u003cdiv class=\"soi-amand-benefit\"\u003e\n\u003cdiv class=\"soi-amand-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eExtrait d'amande douce bio\u003c\/h3\u003e\n\u003cp\u003eAdoucissant, il contribue à la souplesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-amand-benefit\"\u003e\n\u003cdiv class=\"soi-amand-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eTensioactifs végétaux\u003c\/h3\u003e\n\u003cp\u003eNettoient en douceur sans agresser le film hydrolipidique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-amand-benefit\"\u003e\n\u003cdiv class=\"soi-amand-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eHuiles essentielles bio\u003c\/h3\u003e\n\u003cp\u003eApportent le profil olfactif naturel du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-amand-benefit\"\u003e\n\u003cdiv class=\"soi-amand-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eAgents conditionneurs naturels\u003c\/h3\u003e\n\u003cp\u003eLaissent la peau douce et confortable après rinçage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cem\u003eListe INCI complète disponible sur l'emballage du produit.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amand-section\"\u003e\n\u003ch2\u003eComment l'utiliser \u003c\/h2\u003e\n\u003cdiv class=\"soi-amand-timeline\"\u003e\n\u003cdiv class=\"soi-amand-step\"\u003e\n\u003cdiv class=\"soi-amand-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-amand-step-content\"\u003e\n\u003ch3\u003eDosez\u003c\/h3\u003e\n\u003cp\u003eAppuyez sur la pompe pour déposer une noisette de gel dans votre main ou sur un gant de toilette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-amand-step\"\u003e\n\u003cdiv class=\"soi-amand-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-amand-step-content\"\u003e\n\u003ch3\u003eMassez\u003c\/h3\u003e\n\u003cp\u003eFaites mousser en ajoutant un peu d'eau, puis massez le corps avec des mouvements circulaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-amand-step\"\u003e\n\u003cdiv class=\"soi-amand-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-amand-step-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau tiède.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-amand-tip\"\u003e\n\u003cdiv class=\"soi-amand-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003ePour prolonger l'effet douceur, associez ce gel douche à une huile ou crème hydratante après la douche. Adapté à une utilisation quotidienne, pour adultes comme pour les plus jeunes membres de la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amand-section\"\u003e\n\u003ch2\u003eLe format rechargeable : un geste concret pour la planète\u003c\/h2\u003e\n\u003cdiv class=\"soi-amand-grid\"\u003e\n\u003cdiv class=\"soi-amand-card\"\u003e\n\u003ch3\u003e♻️ Flacon pompe rechargeable\u003c\/h3\u003e\n\u003cp\u003eLe flacon de 750 ml en plastique recyclable est conçu pour être rechargé, ce qui réduit considérablement les déchets plastiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-amand-card\"\u003e\n\u003ch3\u003e🌍 Une consommation plus responsable\u003c\/h3\u003e\n\u003cp\u003eUn choix cohérent avec les valeurs de Florame, marque pionnière du cosmétique bio depuis 1991. Choisir ce gel douche bio, c'est aussi choisir une consommation responsable, sans compromis sur le plaisir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003csection class=\"soi-amand-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-amand-cta-box\"\u003e\n\u003cp class=\"soi-amand-cta-tag\" style=\"color: white;\"\u003eVotre rituel douche au naturel\u003c\/p\u003e\n\u003cp class=\"soi-amand-cta-text\" style=\"color: white;\"\u003eChaque matin ou chaque soir, ce gel douche à l'amande bio de Florame transforme votre douche en un instant de douceur sincère. Une formule honnête, un parfum enveloppant, un geste responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-amand-marine: #1A2D3D;\n --soi-amand-marine-dark: #0F1E2B;\n --soi-amand-marine-light: #2C4458;\n --soi-amand-pomme: #A1C544;\n --soi-amand-pomme-dark: #84A636;\n --soi-amand-pomme-light: rgba(161,197,68,0.10);\n\n --soi-amand-white: #FFFFFF;\n --soi-amand-off-white: #F8FAF6;\n --soi-amand-stone: #F1F3EE;\n --soi-amand-line: #E5E8E0;\n\n --soi-amand-primary: #D4B896;\n --soi-amand-primary-soft: #EDE3D6;\n --soi-amand-accent: #6B8E4E;\n\n --soi-amand-text: #1A2D3D;\n --soi-amand-text-soft: #4A5B6B;\n --soi-amand-text-muted: #7B8693;\n\n --soi-amand-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-amand-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-amand-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-amand-radius: 12px;\n --soi-amand-radius-sm: 8px;\n --soi-amand-radius-pill: 999px;\n}\n\n.soi-amand-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-amand-fiche img { max-width: 100%; height: auto; }\n\n.soi-amand-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-amand-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-amand-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-amand-hero {\n position: relative;\n background: var(--soi-amand-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-amand-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-amand-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-amand-pomme);\n}\n\n.soi-amand-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-amand-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-amand-pomme);\n border-radius: 50%;\n}\n\n.soi-amand-hero-title {\n display: block;\n color: var(--soi-amand-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-amand-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-amand-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-amand-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-amand-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-amand-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-amand-label-accent {\n background: var(--soi-amand-pomme);\n border-color: var(--soi-amand-pomme);\n color: var(--soi-amand-marine);\n font-weight: 600;\n}\n\n.soi-amand-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-amand-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-amand-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-amand-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-amand-pomme);\n border-radius: 2px;\n}\n\n.soi-amand-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-amand-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-amand-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-amand-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-amand-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-amand-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-amand-benefit {\n background: var(--soi-amand-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-amand-radius);\n border: 1px solid var(--soi-amand-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-amand-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-amand-shadow-md);\n}\n\n.soi-amand-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-amand-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-amand-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-amand-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-amand-benefit:hover .soi-amand-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-amand-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-amand-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-amand-benefit p {\n font-size: 15px;\n color: var(--soi-amand-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-amand-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-amand-card {\n background: var(--soi-amand-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-amand-radius);\n border-left: 3px solid var(--soi-amand-pomme);\n}\n\n.soi-amand-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-amand-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-amand-card p {\n font-size: 14px;\n color: var(--soi-amand-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-amand-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-amand-card-mini {\n background: var(--soi-amand-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-amand-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-amand-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-amand-card-mini-label {\n font-size: 11px;\n color: var(--soi-amand-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-amand-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-amand-marine);\n}\n\n.soi-amand-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-amand-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-amand-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-amand-radius);\n border: 1px solid var(--soi-amand-line);\n align-items: flex-start;\n}\n\n.soi-amand-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-amand-marine);\n color: var(--soi-amand-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-amand-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-amand-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-amand-step-content p {\n font-size: 15px;\n color: var(--soi-amand-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-amand-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-amand-pomme-light);\n border-left: 4px solid var(--soi-amand-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-amand-radius) var(--soi-amand-radius) 0;\n align-items: flex-start;\n}\n\n.soi-amand-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-amand-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-amand-marine);\n margin-bottom: 4px;\n}\n\n.soi-amand-tip p {\n font-size: 15px;\n color: var(--soi-amand-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-amand-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-amand-accordion-item {\n background: var(--soi-amand-off-white);\n border-radius: var(--soi-amand-radius-sm);\n border: 1px solid var(--soi-amand-line);\n overflow: hidden;\n}\n\n.soi-amand-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-amand-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-amand-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-amand-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-amand-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-amand-accordion-item[open] .soi-amand-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-amand-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-amand-accordion-content p {\n font-size: 14px;\n color: var(--soi-amand-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-amand-cta-box {\n background: var(--soi-amand-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-amand-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-amand-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-amand-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-amand-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-amand-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-amand-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-amand-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-amand-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-amand-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-amand-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-amand-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-amand-fiche {\n --soi-amand-text-soft: #2C3E50;\n --soi-amand-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603902390602,"sku":"FM0580","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-amande-certifie-bio-florame-packshot.webp?v=1792053286"},{"product_id":"deodorant-creme-fleur-d-amandier-certifie-bio-florame","title":"Déodorant Crème Fleur d’Amandier certifié bio – Florame","description":"\u003cdiv class=\"soi-flam-fiche\"\u003e\n\n \u003csection class=\"soi-flam-hero\"\u003e\n \u003cdiv class=\"soi-flam-hero-tag\"\u003e\n \u003cspan class=\"soi-flam-tag-dot\"\u003e\u003c\/span\u003e\n Déodorant crème bio · Florame\n \u003c\/div\u003e\n \u003cspan class=\"soi-flam-hero-title\"\u003eLa douceur florale de la fleur d'amandier, au quotidien\u003c\/span\u003e\n \u003cp class=\"soi-flam-hero-subtitle\"\u003eUne crème fondante au bicarbonate de sodium, au beurre de karité bio et à l'huile de coco bio, qui protège des odeurs jusqu'à 24 h tout en respectant votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-flam-hero-labels\"\u003e\n \u003cspan class=\"soi-flam-label soi-flam-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-flam-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-flam-label\"\u003eJUSQU'À 24 H\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flam-section\"\u003e\n \u003ch2\u003eUn déodorant bio en crème, pour une fraîcheur qui dure jusqu'à 24 h\u003c\/h2\u003e\n \u003cp\u003eVous recherchez un \u003cstrong\u003edéodorant bio efficace\u003c\/strong\u003e, respectueux de votre peau, sans renoncer à la tenue ? Certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, le \u003cstrong\u003eDéodorant Crème Fleur d'Amandier de Florame\u003c\/strong\u003e a été conçu à Saint-Rémy-de-Provence pour accompagner vos journées en douceur.\u003c\/p\u003e\n \u003cp\u003eSa texture fondante trouve naturellement sa place dans votre routine du matin. Elle laisse un toucher sec et soyeux, et diffuse un parfum délicat, à la fois floral et poudré.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flam-section\"\u003e\n \u003ch2\u003eCe qui fait la différence au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-flam-grid\"\u003e\n \u003cdiv class=\"soi-flam-card\"\u003e\n \u003ch3\u003e🕐 Protection jusqu'à 24 h\u003c\/h3\u003e\n \u003cp\u003eLe bicarbonate de sodium neutralise les odeurs pour vous accompagner tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flam-card\"\u003e\n \u003ch3\u003e🥥 Karité bio et coco bio\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité bio et l'huile de coco bio nourrissent et adoucissent l'aisselle, pour limiter la sensation de tiraillement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flam-card\"\u003e\n \u003ch3\u003e☁️ Texture crème non grasse\u003c\/h3\u003e\n \u003cp\u003eElle pénètre rapidement et ne laisse aucun film collant sous vos vêtements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flam-card\"\u003e\n \u003ch3\u003e🌸 Parfum fleur d'amandier\u003c\/h3\u003e\n \u003cp\u003eUne fragrance discrète, agréable sans être envahissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flam-card\"\u003e\n \u003ch3\u003e♻️ Pot recyclable de 50 g\u003c\/h3\u003e\n \u003cp\u003eUn format pratique, pensé pour une démarche plus responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-flam-note\"\u003eBon à savoir : ce déodorant n'est pas un anti-transpirant. Il ne bloque pas la transpiration, il agit sur les odeurs et laisse votre peau respirer.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flam-section\"\u003e\n \u003ch2\u003eDéodorant crème ou déodorant solide bio : que choisir ?\u003c\/h2\u003e\n \u003cp class=\"soi-flam-section-intro\"\u003eNombreux sont ceux qui hésitent entre un \u003cstrong\u003edéodorant solide bio\u003c\/strong\u003e en stick et une crème. Voici ce qui les distingue.\u003c\/p\u003e\n \u003cdiv class=\"soi-flam-grid\"\u003e\n \u003cdiv class=\"soi-flam-card soi-flam-card-alt\"\u003e\n \u003ch3\u003eLe stick solide\u003c\/h3\u003e\n \u003cp\u003eRapide à appliquer, il peut toutefois se montrer plus dur sur une peau fraîchement rasée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flam-card soi-flam-card-alt\"\u003e\n \u003ch3\u003eLa crème\u003c\/h3\u003e\n \u003cp\u003eElle se réchauffe au contact des doigts et se répartit en couche fine, avec un confort appréciable pour les peaux qui aiment les textures nourrissantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-flam-after-grid\"\u003eSi vous comparez avec d'autres marques de déodorants bio (So'Bio étic, Monsavon bio, etc.), vérifiez surtout trois points : la présence ou non de bicarbonate de sodium, l'absence de sels d'aluminium et le type de parfum. Ici, la formule mise sur le bicarbonate, des corps gras végétaux bio et une signature olfactive florale.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flam-section\"\u003e\n \u003ch2\u003eUn déodorant bio pour femme et pour homme\u003c\/h2\u003e\n \u003cp\u003eDouce et poudrée, la fleur d'amandier n'est réservée à aucun genre. Vous cherchez un \u003cstrong\u003edéodorant bio pour homme\u003c\/strong\u003e au parfum discret ? Ce déodorant crème peut tout à fait vous convenir : son efficacité ne dépend pas de la personne qui l'utilise, et son parfum reste léger.\u003c\/p\u003e\n \u003cp\u003eC'est un choix simple pour partager un même produit à la maison, ou pour passer à un \u003cstrong\u003edéodorant homme bio\u003c\/strong\u003e sans bouleverser vos habitudes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flam-section\"\u003e\n \u003ch2\u003eComment l'utiliser en 3 gestes\u003c\/h2\u003e\n \u003cdiv class=\"soi-flam-timeline\"\u003e\n \u003cdiv class=\"soi-flam-step\"\u003e\n \u003cdiv class=\"soi-flam-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-flam-step-content\"\u003e\n \u003ch3\u003ePeau propre et bien sèche\u003c\/h3\u003e\n \u003cp\u003eAppliquez après la douche, une fois vos aisselles séchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flam-step\"\u003e\n \u003cdiv class=\"soi-flam-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-flam-step-content\"\u003e\n \u003ch3\u003eUne noisette suffit\u003c\/h3\u003e\n \u003cp\u003ePrélevez une petite quantité, de la taille d'un petit pois, avec le bout du doigt.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flam-step\"\u003e\n \u003cdiv class=\"soi-flam-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-flam-step-content\"\u003e\n \u003ch3\u003eMassez et laissez sécher\u003c\/h3\u003e\n \u003cp\u003eÉtalez en couche fine sur chaque aisselle, puis patientez quelques instants avant de vous habiller.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flam-tip\"\u003e\n \u003cdiv class=\"soi-flam-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSi vous venez de vous raser, attendez quelques heures avant la première application, surtout si votre peau est sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-flam-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cp class=\"soi-flam-section-intro\"\u003eLa formule repose sur des ingrédients d'origine naturelle, dont :\u003c\/p\u003e\n \u003cdiv class=\"soi-flam-compo\"\u003e\n \u003cdiv class=\"soi-flam-compo-row\"\u003e\n \u003cspan class=\"soi-flam-compo-label\"\u003eBeurre de karité bio \u003cem\u003e(Butyrospermum Parkii Butter)\u003c\/em\u003e\u003c\/span\u003e\n \u003cspan class=\"soi-flam-compo-value\"\u003eNourrissant et adoucissant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flam-compo-row\"\u003e\n \u003cspan class=\"soi-flam-compo-label\"\u003eHuile de coco bio \u003cem\u003e(Cocos Nucifera Oil)\u003c\/em\u003e\u003c\/span\u003e\n \u003cspan class=\"soi-flam-compo-value\"\u003eAssouplissante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flam-compo-row\"\u003e\n \u003cspan class=\"soi-flam-compo-label\"\u003eBicarbonate de sodium \u003cem\u003e(Sodium Bicarbonate)\u003c\/em\u003e\u003c\/span\u003e\n \u003cspan class=\"soi-flam-compo-value\"\u003eNeutralise les odeurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flam-compo-row\"\u003e\n \u003cspan class=\"soi-flam-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-flam-compo-value\"\u003eNaturel, fleur d'amandier\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-flam-after-grid\"\u003eLa liste INCI complète et les pourcentages exacts figurent sur l'emballage du produit. Nous vous invitons à la consulter avant usage, notamment en cas d'allergie connue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"soi-flam-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-flam-cta-box\"\u003e\n \u003cp class=\"soi-flam-cta-tag\" style=\"color: white;\"\u003eVotre rituel fraîcheur, du réveil au soir\u003c\/p\u003e\n \u003cp class=\"soi-flam-cta-text\" style=\"color: white;\"\u003eBio et délicatement parfumé à la fleur d'amandier, ce déodorant crème Florame protège des odeurs jusqu'à 24 h et nourrit vos aisselles. Un petit rituel simple, sincère et respectueux, pour vous sentir bien dans votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-flam-fiche {\n --soi-flam-marine: #1A2D3D;\n --soi-flam-marine-dark: #0F1E2B;\n --soi-flam-marine-light: #2C4458;\n --soi-flam-pomme: #A1C544;\n --soi-flam-pomme-dark: #84A636;\n --soi-flam-pomme-light: rgba(161,197,68,0.10);\n --soi-flam-white: #FFFFFF;\n --soi-flam-off-white: #F8FAF6;\n --soi-flam-stone: #F1F3EE;\n --soi-flam-line: #E5E8E0;\n --soi-flam-primary: #E8962E;\n --soi-flam-primary-soft: #FDF3E6;\n --soi-flam-accent: #A8CBA4;\n --soi-flam-text: #1A2D3D;\n --soi-flam-text-soft: #4A5B6B;\n --soi-flam-text-muted: #7B8693;\n --soi-flam-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-flam-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-flam-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-flam-radius: 12px;\n --soi-flam-radius-sm: 8px;\n --soi-flam-radius-pill: 999px;\n}\n\n.soi-flam-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-flam-fiche img { max-width: 100%; height: auto; }\n\n.soi-flam-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-flam-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-flam-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-flam-hero {\n position: relative;\n background: var(--soi-flam-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-flam-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-flam-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-flam-pomme);\n}\n\n.soi-flam-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: clamp(10px, 1.5vw, 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-flam-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-flam-primary);\n border-radius: 50%;\n}\n\n.soi-flam-hero-title {\n display: block;\n color: var(--soi-flam-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-flam-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-flam-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-flam-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-flam-white);\n font-size: clamp(10px, 1.5vw, 11px);\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-flam-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-flam-label-accent {\n background: var(--soi-flam-pomme);\n border-color: var(--soi-flam-pomme);\n color: var(--soi-flam-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-flam-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-flam-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-flam-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-flam-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-flam-pomme);\n border-radius: 2px;\n}\n\n.soi-flam-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-flam-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-flam-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-flam-section .soi-flam-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-flam-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-flam-section .soi-flam-after-grid {\n margin-top: 1.25rem;\n}\n\n.soi-flam-section .soi-flam-note {\n margin-top: 1.25rem;\n padding: 1rem 1.25rem;\n background: var(--soi-flam-primary-soft);\n border-radius: var(--soi-flam-radius-sm);\n color: var(--soi-flam-text);\n}\n\n\/* === GRID + CARDS === *\/\n.soi-flam-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-flam-card {\n background: var(--soi-flam-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-flam-radius);\n border-left: 3px solid var(--soi-flam-pomme);\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-flam-card:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-flam-shadow-md);\n}\n\n.soi-flam-card-alt {\n border-left-color: var(--soi-flam-primary);\n}\n\n.soi-flam-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(15px, 2vw, 16px);\n font-weight: 600;\n color: var(--soi-flam-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-flam-section .soi-flam-card p {\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-flam-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-flam-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-flam-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-flam-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-flam-radius);\n border: 1px solid var(--soi-flam-line);\n align-items: flex-start;\n transition: border-color 0.2s ease;\n}\n\n.soi-flam-step:hover {\n border-color: var(--soi-flam-accent);\n}\n\n.soi-flam-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-flam-marine);\n color: var(--soi-flam-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-flam-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(15px, 2vw, 16px);\n font-weight: 600;\n color: var(--soi-flam-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-flam-section .soi-flam-step-content p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-flam-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-flam-compo {\n background: var(--soi-flam-off-white);\n border-radius: var(--soi-flam-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-flam-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-flam-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-flam-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-flam-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-flam-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-flam-compo-label em {\n text-transform: none;\n letter-spacing: 0;\n font-style: italic;\n font-weight: 400;\n}\n\n.soi-flam-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-flam-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-flam-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-flam-pomme-light);\n border-left: 4px solid var(--soi-flam-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-flam-radius) var(--soi-flam-radius) 0;\n align-items: flex-start;\n}\n\n.soi-flam-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-flam-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-flam-marine);\n margin-bottom: 4px;\n}\n\n.soi-flam-section .soi-flam-tip p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-flam-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-flam-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-flam-accordion-item {\n background: var(--soi-flam-off-white);\n border-radius: var(--soi-flam-radius-sm);\n border: 1px solid var(--soi-flam-line);\n overflow: hidden;\n}\n\n.soi-flam-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-flam-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 gap: 1rem;\n}\n\n.soi-flam-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-flam-accordion-header::after {\n content: '+';\n flex-shrink: 0;\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-flam-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-flam-accordion-item[open] .soi-flam-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-flam-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-flam-section .soi-flam-accordion-content p {\n font-size: 14px;\n color: var(--soi-flam-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-flam-cta-box {\n background: var(--soi-flam-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-flam-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-flam-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-flam-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-flam-section .soi-flam-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-flam-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-flam-section .soi-flam-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 2.6vw, 20px);\n font-weight: 500;\n color: var(--soi-flam-white);\n line-height: 1.5;\n margin: 0 auto;\n max-width: 620px;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-flam-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-flam-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-flam-compo-value {\n text-align: left;\n }\n\n .soi-flam-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-flam-fiche * {\n animation: none !important;\n transition: none !important;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-flam-fiche {\n --soi-flam-text-soft: #2C3E50;\n --soi-flam-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603903209802,"sku":"FM0585","price":8.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-creme-fleur-damandier-certifie-bio-florame-packshot.webp?v=1792056228"},{"product_id":"deodorant-creme-hypoallergenique-certifie-bio-florame","title":"Déodorant Crème Hypoallergénique certifié bio – Florame","description":"\n\n\u003cdiv class=\"soi-dcbio-fiche\"\u003e\n\n \u003csection class=\"soi-dcbio-hero\"\u003e\n \u003cdiv class=\"soi-dcbio-hero-tag\"\u003e\n \u003cspan class=\"soi-dcbio-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Florame\n \u003c\/div\u003e\n \u003cspan class=\"soi-dcbio-hero-title\"\u003eLa douceur certifiée pour les peaux sensibles\u003c\/span\u003e\n \u003cp class=\"soi-dcbio-hero-subtitle\"\u003eUne protection naturelle 24h sans parfum, sans sels d'aluminium et sans parabènes. Un soin certifié Cosmos Organic qui respecte les aisselles les plus réactives.\u003c\/p\u003e\n \u003cdiv class=\"soi-dcbio-hero-labels\"\u003e\n \u003cspan class=\"soi-dcbio-label soi-dcbio-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-dcbio-label\"\u003eHYPOALLERGÉNIQUE\u003c\/span\u003e\n \u003cspan class=\"soi-dcbio-label\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003cspan class=\"soi-dcbio-label\"\u003eSANS SELS D'ALUMINIUM\u003c\/span\u003e\n \u003cspan class=\"soi-dcbio-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dcbio-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant bio hypoallergénique ?\u003c\/h2\u003e\n \u003cp\u003eContrairement aux déodorants conventionnels qui masquent les odeurs à l'aide d'ingrédients controversés, cette formule Florame agit en profondeur grâce à des actifs naturels soigneusement sélectionnés. Elle convient particulièrement aux personnes à la peau réactive, aux femmes enceintes ou allaitantes (consultez votre médecin), et à toute personne souhaitant faire le choix d'un déodorant bio vraiment efficace sans compromis sur la douceur.\u003c\/p\u003e\n \u003cdiv class=\"soi-dcbio-benefits\"\u003e\n \u003cdiv class=\"soi-dcbio-benefit\"\u003e\n \u003cdiv class=\"soi-dcbio-benefit-icon\"\u003e\u003cspan\u003e🚫\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans parfum\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les peaux intolérantes aux fragrances de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-benefit\"\u003e\n \u003cdiv class=\"soi-dcbio-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans sels d'aluminium\u003c\/h3\u003e\n \u003cp\u003eNe bloque pas la transpiration naturelle de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-benefit\"\u003e\n \u003cdiv class=\"soi-dcbio-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormule ultra-douce\u003c\/h3\u003e\n \u003cp\u003eSans parabènes, sans alcool, pour les aisselles les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-benefit\"\u003e\n \u003cdiv class=\"soi-dcbio-benefit-icon\"\u003e\u003cspan\u003e⏱️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEfficacité 24h\u003c\/h3\u003e\n \u003cp\u003eProtection fiable et prouvée pour toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dcbio-section\"\u003e\n \u003ch2\u003eUne texture crème fondante, pratique au quotidien\u003c\/h2\u003e\n \u003cp\u003eSa texture crème légère fond instantanément au contact de la peau. Il suffit d'appliquer une petite noisette du bout des doigts sur des aisselles propres et sèches. La crème pénètre rapidement, sans résidu gras ni sensation collante, pour un toucher sec et soyeux tout au long de la journée. Un geste simple et agréable qui remplace définitivement les sticks et sprays conventionnels.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dcbio-section\"\u003e\n \u003ch2\u003eComposition complète et bienfaits de chaque actif\u003c\/h2\u003e\n \u003cp\u003eLa force de ce déodorant bio Florame réside dans la qualité de ses ingrédients. Voici ce qu'il contient et pourquoi cela fonctionne :\u003c\/p\u003e\n \u003cdiv class=\"soi-dcbio-grid\"\u003e\n \u003cdiv class=\"soi-dcbio-card\"\u003e\n \u003ch3\u003e🧂 Bicarbonate de sodium\u003c\/h3\u003e\n \u003cp\u003eNeutralise les bactéries responsables des mauvaises odeurs sans agresser la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-card\"\u003e\n \u003ch3\u003e🌰 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrit, adoucit et protège le film hydrolipidique de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003ePropriétés apaisantes et légèrement antibactériennes, texture fondante garantie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-card\"\u003e\n \u003ch3\u003e🌱 Cire de candelilla\u003c\/h3\u003e\n \u003cp\u003eD'origine végétale, elle structure la crème et assure une bonne tenue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-card\"\u003e\n \u003ch3\u003e🌾 Amidon de tapioca\u003c\/h3\u003e\n \u003cp\u003eAbsorbe l'humidité pour maintenir une sensation de fraîcheur durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eAucun ingrédient d'origine pétrochimique. Aucun agent de synthèse inutile. Que du bon, certifié.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dcbio-section\"\u003e\n \u003ch2\u003eComment bien utiliser votre déodorant crème bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-dcbio-timeline\"\u003e\n \u003cdiv class=\"soi-dcbio-step\"\u003e\n \u003cdiv class=\"soi-dcbio-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur des aisselles propres et parfaitement sèches après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-step\"\u003e\n \u003cdiv class=\"soi-dcbio-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-step-content\"\u003e\n \u003ch3\u003ePrélevez la bonne dose\u003c\/h3\u003e\n \u003cp\u003ePrenez une petite quantité (environ la taille d'un pois) et massez délicatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-step\"\u003e\n \u003cdiv class=\"soi-dcbio-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-step-content\"\u003e\n \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n \u003cp\u003ePatientez quelques secondes avant de vous habiller pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-step\"\u003e\n \u003cdiv class=\"soi-dcbio-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-step-content\"\u003e\n \u003ch3\u003eAdaptation peaux très sensibles\u003c\/h3\u003e\n \u003cp\u003eEn cas de peau très sensible, commencez par une application un jour sur deux pour laisser votre peau s'adapter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-tip\"\u003e\n \u003cdiv class=\"soi-dcbio-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSi vous transitionnez depuis un déodorant conventionnel, prévoyez 1 à 2 semaines d'adaptation le temps que votre peau régule naturellement sa transpiration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dcbio-section\"\u003e\n \u003ch2\u003eUn déodorant bio engagé et éco-responsable\u003c\/h2\u003e\n \u003cp\u003eFlorame est une marque fondée à Saint-Rémy-de-Provence, ancrée dans une philosophie de cosmétique naturelle et responsable. Le pot de 50 g est recyclable, et la formule est conçue pour minimiser l'impact environnemental à chaque étape, de la culture des plantes jusqu'au packaging. Choisir ce déodorant, c'est aussi soutenir une filière agricole biologique française exigeante.\u003c\/p\u003e\n \u003cdiv class=\"soi-dcbio-grid-compact\"\u003e\n \u003cdiv class=\"soi-dcbio-card-mini\"\u003e\n \u003cspan class=\"soi-dcbio-card-mini-icon\"\u003e📍\u003c\/span\u003e\n \u003cspan class=\"soi-dcbio-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-dcbio-card-mini-value\"\u003eSaint-Rémy-de-Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-card-mini\"\u003e\n \u003cspan class=\"soi-dcbio-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-dcbio-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-dcbio-card-mini-value\"\u003e50 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-card-mini\"\u003e\n \u003cspan class=\"soi-dcbio-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-dcbio-card-mini-label\"\u003ePackaging\u003c\/span\u003e\n \u003cspan class=\"soi-dcbio-card-mini-value\"\u003ePot recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dcbio-section\"\u003e\n \u003ch2\u003ePour qui est fait ce déodorant bio Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-dcbio-grid\"\u003e\n \u003cdiv class=\"soi-dcbio-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eFormulé spécifiquement pour les peaux sujettes aux irritations et aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-card\"\u003e\n \u003ch3\u003e🚫 Allergies aux parfums\u003c\/h3\u003e\n \u003cp\u003eSans aucune fragrance ajoutée, convient aux personnes allergiques aux parfums de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-card\"\u003e\n \u003ch3\u003e👩‍👨 Femmes et hommes\u003c\/h3\u003e\n \u003cp\u003ePour toute personne souhaitant adopter un déodorant bio efficace au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-dcbio-card\"\u003e\n \u003ch3\u003e✅ Consommateurs avertis\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui souhaitent éviter les ingrédients controversés des déodorants classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dcbio-section\"\u003e\n \u003cdiv class=\"soi-dcbio-accordion\"\u003e\n \u003cdetails class=\"soi-dcbio-accordion-item\"\u003e\n \u003csummary class=\"soi-dcbio-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-dcbio-accordion-content\"\u003e\n \u003cp\u003eSi vous êtes enceinte ou allaitante, consultez votre médecin avant utilisation. En cas de peau très sensible, commencez par une application un jour sur deux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-dcbio-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-dcbio-cta-box\"\u003e\n \u003cp class=\"soi-dcbio-cta-tag\" style=\"color: white;\"\u003eVotre routine hygiène naturelle commence ici\u003c\/p\u003e\n \u003cp class=\"soi-dcbio-cta-text\" style=\"color: white;\"\u003eUne protection 24h certifiée bio, sans compromis sur la douceur ni sur vos convictions. Parce que prendre soin de soi ne devrait jamais se faire au détriment de votre santé ou de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-dcbio-marine: #1A2D3D;\n --soi-dcbio-marine-dark: #0F1E2B;\n --soi-dcbio-marine-light: #2C4458;\n --soi-dcbio-pomme: #A1C544;\n --soi-dcbio-pomme-dark: #84A636;\n --soi-dcbio-pomme-light: rgba(161,197,68,0.10);\n --soi-dcbio-white: #FFFFFF;\n --soi-dcbio-off-white: #F8FAF6;\n --soi-dcbio-stone: #F1F3EE;\n --soi-dcbio-line: #E5E8E0;\n --soi-dcbio-primary: #D4868E;\n --soi-dcbio-primary-soft: #F2D9DC;\n --soi-dcbio-accent: #C75B6E;\n --soi-dcbio-text: #1A2D3D;\n --soi-dcbio-text-soft: #4A5B6B;\n --soi-dcbio-text-muted: #7B8693;\n --soi-dcbio-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-dcbio-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-dcbio-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-dcbio-radius: 12px;\n --soi-dcbio-radius-sm: 8px;\n --soi-dcbio-radius-pill: 999px;\n}\n\n.soi-dcbio-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-dcbio-fiche img { max-width: 100%; height: auto; }\n\n.soi-dcbio-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-dcbio-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-dcbio-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-dcbio-hero {\n position: relative;\n background: var(--soi-dcbio-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-dcbio-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-dcbio-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-dcbio-pomme);\n}\n\n.soi-dcbio-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-dcbio-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-dcbio-pomme);\n border-radius: 50%;\n}\n\n.soi-dcbio-hero-title {\n display: block;\n color: var(--soi-dcbio-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-dcbio-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-dcbio-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-dcbio-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-dcbio-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-dcbio-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-dcbio-label-accent {\n background: var(--soi-dcbio-pomme);\n border-color: var(--soi-dcbio-pomme);\n color: var(--soi-dcbio-marine);\n font-weight: 600;\n}\n\n.soi-dcbio-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-dcbio-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-dcbio-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-dcbio-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-dcbio-pomme);\n border-radius: 2px;\n}\n\n.soi-dcbio-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-dcbio-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-dcbio-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-dcbio-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-top: 1.5rem;\n}\n\n.soi-dcbio-benefit {\n background: var(--soi-dcbio-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-dcbio-radius);\n border: 1px solid var(--soi-dcbio-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-dcbio-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-dcbio-shadow-md);\n}\n\n.soi-dcbio-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-dcbio-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-dcbio-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-dcbio-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-dcbio-benefit:hover .soi-dcbio-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-dcbio-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-dcbio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-dcbio-benefit p {\n font-size: 13px;\n color: var(--soi-dcbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-dcbio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-dcbio-card {\n background: var(--soi-dcbio-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-dcbio-radius);\n border-left: 3px solid var(--soi-dcbio-pomme);\n}\n\n.soi-dcbio-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-dcbio-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-dcbio-card p {\n font-size: 14px;\n color: var(--soi-dcbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-dcbio-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-dcbio-card-mini {\n background: var(--soi-dcbio-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-dcbio-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-dcbio-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-dcbio-card-mini-label {\n font-size: 11px;\n color: var(--soi-dcbio-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-dcbio-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-dcbio-marine);\n}\n\n.soi-dcbio-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-dcbio-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-dcbio-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-dcbio-radius);\n border: 1px solid var(--soi-dcbio-line);\n align-items: flex-start;\n}\n\n.soi-dcbio-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-dcbio-marine);\n color: var(--soi-dcbio-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-dcbio-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-dcbio-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-dcbio-step-content p {\n font-size: 14px;\n color: var(--soi-dcbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-dcbio-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-dcbio-pomme-light);\n border-left: 4px solid var(--soi-dcbio-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-dcbio-radius) var(--soi-dcbio-radius) 0;\n align-items: flex-start;\n}\n\n.soi-dcbio-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-dcbio-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-dcbio-marine);\n margin-bottom: 4px;\n}\n\n.soi-dcbio-tip p {\n font-size: 14px;\n color: var(--soi-dcbio-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-dcbio-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-dcbio-accordion-item {\n background: var(--soi-dcbio-off-white);\n border-radius: var(--soi-dcbio-radius-sm);\n border: 1px solid var(--soi-dcbio-line);\n overflow: hidden;\n}\n\n.soi-dcbio-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-dcbio-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-dcbio-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-dcbio-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-dcbio-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-dcbio-accordion-item[open] .soi-dcbio-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-dcbio-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-dcbio-accordion-content p {\n font-size: 14px;\n color: var(--soi-dcbio-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-dcbio-cta-box {\n background: var(--soi-dcbio-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-dcbio-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-dcbio-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-dcbio-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-dcbio-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-dcbio-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-dcbio-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-dcbio-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-dcbio-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n .soi-dcbio-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-dcbio-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-dcbio-fiche {\n --soi-dcbio-text-soft: #2C3E50;\n --soi-dcbio-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603903275338,"sku":"FM0590","price":7.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-creme-hypoallergenique-certifie-bio-florame-packshot.webp?v=1787417251"},{"product_id":"savon-doux-surgras-certifie-bio-propolia","title":"Savon doux surgras certifié bio – Propolia","description":"\u003cdiv class=\"soi-sdsp-fiche\"\u003e\n\n\u003csection class=\"soi-sdsp-hero\"\u003e\n\u003cdiv class=\"soi-sdsp-hero-tag\"\u003e\n\u003cspan class=\"soi-sdsp-tag-dot\"\u003e\u003c\/span\u003e\nHygiène · Apithérapie · Propolia\n\u003c\/div\u003e\n\u003cspan class=\"soi-sdsp-hero-title\"\u003eSavon Doux Surgras Certifié Bio\u003c\/span\u003e\n\u003cp class=\"soi-sdsp-hero-subtitle\"\u003eUn soin lavant solide enrichi en miel biologique et lait d'ânesse bio, fabriqué par saponification à froid pour nettoyer, nourrir et protéger votre peau au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"soi-sdsp-hero-labels\"\u003e\n\u003cspan class=\"soi-sdsp-label soi-sdsp-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n\u003cspan class=\"soi-sdsp-label\"\u003eBIO\u003c\/span\u003e\n\u003cspan class=\"soi-sdsp-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003cspan class=\"soi-sdsp-label\"\u003e100% ORIGINE NATURELLE\u003c\/span\u003e\n\u003cspan class=\"soi-sdsp-label\"\u003eTESTÉ SOUS CONTRÔLE DERMATOLOGIQUE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sdsp-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon surgras plutôt qu'un savon classique ?\u003c\/h2\u003e\n\u003cp\u003eUn savon traditionnel peut déséquilibrer le film hydrolipidique de la peau et laisser une sensation de tiraillement après le lavage. Le savon surgras, lui, contient un excédent d'huiles végétales non saponifiées qui restent actives à la surface de la peau. Résultat : votre peau est nettoyée, mais aussi protégée et nourrie en même temps.\u003c\/p\u003e\n\u003cp\u003eCelui de Propolia va encore plus loin grâce à la saponification à froid, un procédé artisanal qui préserve la glycérine naturellement produite lors de la fabrication, ainsi que toutes les qualités des huiles végétales. C'est précisément ce qui en fait un savon bio artisanal d'exception.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sdsp-section\"\u003e\n\u003ch2\u003eMiel et lait d'ânesse : un duo naturel pour une peau confortable\u003c\/h2\u003e\n\u003cdiv class=\"soi-sdsp-benefits\"\u003e\n\u003cdiv class=\"soi-sdsp-benefit\"\u003e\n\u003cdiv class=\"soi-sdsp-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eMiel biologique\u003c\/h3\u003e\n\u003cp\u003eActif emblématique de la ruche, reconnu pour ses propriétés hydratantes, apaisantes et réparatrices. Il aide la peau à conserver son niveau d'hydratation optimal après chaque lavage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-benefit\"\u003e\n\u003cdiv class=\"soi-sdsp-benefit-icon\"\u003e\u003cspan\u003e🥛\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eLait d'ânesse bio\u003c\/h3\u003e\n\u003cp\u003eRiche en acides gras essentiels, en vitamines et en minéraux, il apaise les peaux réactives, favorise la régénération cutanée et laisse une sensation de douceur durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-benefit\"\u003e\n\u003cdiv class=\"soi-sdsp-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eGlycérine naturelle\u003c\/h3\u003e\n\u003cp\u003eConservée grâce à la saponification à froid, elle renforce l'effet protecteur du savon et contribue au maintien de l'hydratation cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sdsp-section\"\u003e\n\u003ch2\u003eCertifié COSMOS ORGANIC : une formulation exigeante\u003c\/h2\u003e\n\u003cp\u003eCe savon solide bio est certifié COSMOS ORGANIC par Ecocert, l'un des référentiels les plus stricts en cosmétique naturelle et biologique. Il est composé à 100 % d'ingrédients d'origine naturelle, dont la majorité est issue de l'agriculture biologique. Sans colorant artificiel, sans huile de palme, sans ingrédients d'origine pétrochimique. Et fabriqué en France.\u003c\/p\u003e\n\u003cp\u003eIl a également été testé sous contrôle dermatologique, ce qui garantit sa tolérance cutanée, y compris pour les peaux sensibles ou intolérantes aux savons conventionnels.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sdsp-section\"\u003e\n\u003ch2\u003eComment utiliser ce savon surgras Propolia ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-sdsp-timeline\"\u003e\n\u003cdiv class=\"soi-sdsp-step\"\u003e\n\u003cdiv class=\"soi-sdsp-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-step-content\"\u003e\n\u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n\u003cp\u003eMouillez vos mains ou la zone à nettoyer avec de l'eau tiède.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-step\"\u003e\n\u003cdiv class=\"soi-sdsp-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-step-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eFrottez doucement le pain de savon entre vos paumes pour créer une mousse onctueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-step\"\u003e\n\u003cdiv class=\"soi-sdsp-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-step-content\"\u003e\n\u003ch3\u003eAppliquez et rincez\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur le visage ou le corps en massant délicatement, puis rincez à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-step\"\u003e\n\u003cdiv class=\"soi-sdsp-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-step-content\"\u003e\n\u003ch3\u003eConservez votre savon\u003c\/h3\u003e\n\u003cp\u003ePour prolonger sa durée de vie, laissez-le sécher sur un porte-savon entre chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-tip\"\u003e\n\u003cdiv class=\"soi-sdsp-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003eUtilisable matin et soir, en routine quotidienne, pour le visage comme pour le corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sdsp-section\"\u003e\n\u003ch2\u003eComposition du savon surgras Propolia (INCI)\u003c\/h2\u003e\n\u003cp\u003eSodium Olivate, Sodium Cocoate, Aqua, Mel* (Miel*), Equus Asinus Milk* (Lait d'ânesse*), Glycerin*, Sodium Hydroxide. \u003cem\u003e(*Ingrédients issus de l'agriculture biologique)\u003c\/em\u003e\u003c\/p\u003e\n\u003cdiv class=\"soi-sdsp-compo\"\u003e\n\u003cdiv class=\"soi-sdsp-compo-row\"\u003e\n\u003cspan class=\"soi-sdsp-compo-label\"\u003ePoids net\u003c\/span\u003e\n\u003cspan class=\"soi-sdsp-compo-value\"\u003e100 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-compo-row\"\u003e\n\u003cspan class=\"soi-sdsp-compo-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-sdsp-compo-value\"\u003eCOSMOS ORGANIC (Ecocert)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-compo-row\"\u003e\n\u003cspan class=\"soi-sdsp-compo-label\"\u003eFabrication\u003c\/span\u003e\n\u003cspan class=\"soi-sdsp-compo-value\"\u003eFrance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-compo-row\"\u003e\n\u003cspan class=\"soi-sdsp-compo-label\"\u003eProcédé\u003c\/span\u003e\n\u003cspan class=\"soi-sdsp-compo-value\"\u003eSaponification à froid\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sdsp-section\"\u003e\n\u003ch2\u003ePour qui est fait ce savon bio solide ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-sdsp-grid\"\u003e\n\u003cdiv class=\"soi-sdsp-card\"\u003e\n\u003ch3\u003e🌾 Peaux sèches ou très sèches\u003c\/h3\u003e\n\u003cp\u003eVous cherchez un nettoyage sans effet desséchant : ce savon surgras préserve le confort cutané dès le rinçage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles ou réactives\u003c\/h3\u003e\n\u003cp\u003eVous supportez mal les savons conventionnels : sa formulation douce, testée sous contrôle dermatologique, respecte les épidermes les plus fragiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-card\"\u003e\n\u003ch3\u003e🌿 Démarche naturelle et responsable\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez adopter un savon artisanal bio, sans colorant artificiel, sans huile de palme et sans ingrédients d'origine pétrochimique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-card\"\u003e\n\u003ch3\u003e🐝 Amateurs de produits de la ruche\u003c\/h3\u003e\n\u003cp\u003eVous appréciez les bienfaits du miel et des trésors de la ruche intégrés dans vos soins quotidiens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sdsp-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-sdsp-cta-box\"\u003e\n\u003cp class=\"soi-sdsp-cta-tag\" style=\"color: white;\"\u003eSe laver plus naturellement\u003c\/p\u003e\n\u003cp class=\"soi-sdsp-cta-text\" style=\"color: white;\"\u003eAvec son miel bio, son lait d'ânesse et son procédé artisanal de saponification à froid, ce savon surgras Propolia est bien plus qu'un simple nettoyant. Un geste de soin quotidien, doux et efficace, qui respecte votre peau autant que la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-sdsp-marine: #1A2D3D;\n --soi-sdsp-marine-dark: #0F1E2B;\n --soi-sdsp-marine-light: #2C4458;\n --soi-sdsp-pomme: #A1C544;\n --soi-sdsp-pomme-dark: #84A636;\n --soi-sdsp-pomme-light: rgba(161,197,68,0.10);\n --soi-sdsp-white: #FFFFFF;\n --soi-sdsp-off-white: #F8FAF6;\n --soi-sdsp-stone: #F1F3EE;\n --soi-sdsp-line: #E5E8E0;\n --soi-sdsp-primary: #D4A82A;\n --soi-sdsp-primary-soft: #F5E6B8;\n --soi-sdsp-accent: #C8930A;\n --soi-sdsp-text: #1A2D3D;\n --soi-sdsp-text-soft: #4A5B6B;\n --soi-sdsp-text-muted: #7B8693;\n --soi-sdsp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-sdsp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-sdsp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-sdsp-radius: 12px;\n --soi-sdsp-radius-sm: 8px;\n --soi-sdsp-radius-pill: 999px;\n}\n\n.soi-sdsp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sdsp-fiche img { max-width: 100%; height: auto; }\n\n.soi-sdsp-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-sdsp-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-sdsp-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-sdsp-hero {\n position: relative;\n background: var(--soi-sdsp-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-sdsp-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-sdsp-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-sdsp-primary);\n}\n\n.soi-sdsp-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-sdsp-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-sdsp-primary);\n border-radius: 50%;\n}\n\n.soi-sdsp-hero-title {\n display: block;\n color: var(--soi-sdsp-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-sdsp-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-sdsp-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-sdsp-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-sdsp-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-sdsp-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-sdsp-label-accent {\n background: var(--soi-sdsp-primary);\n border-color: var(--soi-sdsp-primary);\n color: var(--soi-sdsp-marine);\n font-weight: 600;\n}\n\n.soi-sdsp-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sdsp-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-sdsp-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-sdsp-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-sdsp-primary);\n border-radius: 2px;\n}\n\n.soi-sdsp-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-sdsp-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-sdsp-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-sdsp-section p em {\n font-size: clamp(12px, 1.8vw, 13px);\n color: var(--soi-sdsp-text-muted);\n}\n\n.soi-sdsp-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-sdsp-benefit {\n background: var(--soi-sdsp-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-sdsp-radius);\n border: 1px solid var(--soi-sdsp-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sdsp-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-sdsp-shadow-md);\n}\n\n.soi-sdsp-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-sdsp-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-sdsp-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-sdsp-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-sdsp-benefit:hover .soi-sdsp-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-sdsp-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sdsp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sdsp-benefit p {\n font-size: 13px;\n color: var(--soi-sdsp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sdsp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-sdsp-card {\n background: var(--soi-sdsp-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sdsp-radius);\n border-left: 3px solid var(--soi-sdsp-primary);\n}\n\n.soi-sdsp-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sdsp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sdsp-card p {\n font-size: 14px;\n color: var(--soi-sdsp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sdsp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-sdsp-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-sdsp-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sdsp-radius);\n border: 1px solid var(--soi-sdsp-line);\n align-items: flex-start;\n}\n\n.soi-sdsp-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-sdsp-marine);\n color: var(--soi-sdsp-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-sdsp-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sdsp-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-sdsp-step-content p {\n font-size: 14px;\n color: var(--soi-sdsp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sdsp-compo {\n background: var(--soi-sdsp-off-white);\n border-radius: var(--soi-sdsp-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-sdsp-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-sdsp-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-sdsp-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-sdsp-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-sdsp-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-sdsp-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-sdsp-marine);\n text-align: right;\n}\n\n.soi-sdsp-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-sdsp-pomme-light);\n border-left: 4px solid var(--soi-sdsp-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-sdsp-radius) var(--soi-sdsp-radius) 0;\n align-items: flex-start;\n}\n\n.soi-sdsp-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-sdsp-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-sdsp-marine);\n margin-bottom: 4px;\n}\n\n.soi-sdsp-tip p {\n font-size: 14px;\n color: var(--soi-sdsp-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sdsp-cta-box {\n background: var(--soi-sdsp-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-sdsp-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-sdsp-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-sdsp-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-sdsp-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-sdsp-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-sdsp-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 500;\n color: var(--soi-sdsp-white);\n line-height: 1.5;\n margin: 0;\n max-width: 620px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-sdsp-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-sdsp-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-sdsp-compo-value {\n text-align: left;\n }\n\n .soi-sdsp-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-sdsp-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-sdsp-fiche {\n --soi-sdsp-text-soft: #2C3E50;\n --soi-sdsp-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603928932682,"sku":"AP0240","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-doux-surgras-certifie-bio-propolia-packshot_11zon.jpg?v=1781285380"},{"product_id":"deodorant-roll-on-24h-fraicheur-intense-certifie-bio-acorelle","title":"Déodorant Bio Roll-on 24h - Fraîcheur Intense - Acorelle","description":"\u003cdiv class=\"soi-deor-fiche\"\u003e\n\n \u003csection class=\"soi-deor-hero\"\u003e\n \u003cdiv class=\"soi-deor-hero-tag\"\u003e\n \u003cspan class=\"soi-deor-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Acorelle\n \u003c\/div\u003e\n \u003cspan class=\"soi-deor-hero-title\"\u003eDéodorant Roll-on 24h Fraîcheur Intense Reine des Prés\u003c\/span\u003e\n \u003cp class=\"soi-deor-hero-subtitle\"\u003eUne protection naturelle de 24 heures aux ferments actifs et cristaux d'alun, sans chlorhydrate d'aluminium, pour une fraîcheur durable et une peau respectée.\u003c\/p\u003e\n \u003cdiv class=\"soi-deor-hero-labels\"\u003e\n \u003cspan class=\"soi-deor-label soi-deor-label-accent\"\u003eCOSMÉTIQUE BIO\u003c\/span\u003e\n \u003cspan class=\"soi-deor-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-deor-label\"\u003eSANS ALCOOL\u003c\/span\u003e\n \u003cspan class=\"soi-deor-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-deor-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deor-section\"\u003e\n \u003ch2\u003ePourquoi ce déodorant roll-on bio se démarque\u003c\/h2\u003e\n \u003cp class=\"soi-deor-section-intro\"\u003eContrairement à de nombreux déodorants classiques qui bloquent mécaniquement la transpiration avec des sels d'aluminium controversés, la formule Acorelle repose sur deux actifs complémentaires et naturels :\u003c\/p\u003e\n \u003cdiv class=\"soi-deor-benefits\"\u003e\n \u003cdiv class=\"soi-deor-benefit\"\u003e\n \u003cdiv class=\"soi-deor-benefit-icon\"\u003e\u003cspan\u003e💎\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCristaux d'alun régulateurs\u003c\/h3\u003e\n \u003cp\u003eD'origine minérale, ils resserrent légèrement les pores et limitent l'humidité sans imperméabiliser la peau. Votre corps continue de transpirer normalement, ce qui est essentiel pour son équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-benefit\"\u003e\n \u003cdiv class=\"soi-deor-benefit-icon\"\u003e\u003cspan\u003e🦠\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFerments actifs\u003c\/h3\u003e\n \u003cp\u003eIls agissent directement à la source des mauvaises odeurs en neutralisant les bactéries responsables. Résultat : une fraîcheur durable pendant 24 heures, sans masquer, sans bloquer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-tip\"\u003e\n \u003cdiv class=\"soi-deor-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCette approche place Acorelle dans une catégorie à part, plus proche d'un soin que d'un simple déodorant. Idéal si vous avez la peau réactive ou si vous faites la transition depuis un antiperspirant conventionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deor-section\"\u003e\n \u003ch2\u003eLes ingrédients clés de la formule\u003c\/h2\u003e\n \u003cdiv class=\"soi-deor-grid\"\u003e\n \u003cdiv class=\"soi-deor-card\"\u003e\n \u003ch3\u003e🌿 Eau florale de Reine des Prés\u003c\/h3\u003e\n \u003cp\u003eApaisante et légèrement tonifiante, elle apporte aussi le parfum herbacé et frais caractéristique de ce déodorant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera\u003c\/h3\u003e\n \u003cp\u003eHydratant et apaisant, il soulage les irritations post-épilation et laisse la peau douce au toucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-card\"\u003e\n \u003ch3\u003e🫒 Huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eNourrissante, elle protège l'épiderme et renforce son confort sur la durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eAgent hydratant qui maintient l'équilibre hydrique de la peau tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eLa texture fluide du roll-on sèche en quelques secondes et ne laisse aucune trace blanche sur les vêtements, même foncés.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deor-section\"\u003e\n \u003ch2\u003eComment bien utiliser votre déodorant roll-on bio Acorelle\u003c\/h2\u003e\n \u003cdiv class=\"soi-deor-timeline\"\u003e\n \u003cdiv class=\"soi-deor-step\"\u003e\n \u003cdiv class=\"soi-deor-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-deor-step-content\"\u003e\n \u003ch3\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur une peau propre et sèche, de préférence le matin après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-step\"\u003e\n \u003cdiv class=\"soi-deor-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-deor-step-content\"\u003e\n \u003ch3\u003eSéchage\u003c\/h3\u003e\n \u003cp\u003eAttendez quelques secondes avant de vous habiller pour laisser le produit sécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-step\"\u003e\n \u003cdiv class=\"soi-deor-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-deor-step-content\"\u003e\n \u003ch3\u003eRenouvellement\u003c\/h3\u003e\n \u003cp\u003eEn cas de transpiration intense ou de forte chaleur, une seconde application en journée peut être envisagée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-tip\"\u003e\n \u003cdiv class=\"soi-deor-tip-icon\"\u003e🔄\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eAstuce transition\u003c\/strong\u003e\n \u003cp\u003eSi vous passez d'un antiperspirant classique au naturel, prévoyez 2 à 3 semaines d'adaptation. Pendant cette phase, votre peau se rééquilibre et les résultats s'améliorent progressivement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deor-section\"\u003e\n \u003ch2\u003ePour qui est ce déodorant 24h peaux sensibles ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deor-grid\"\u003e\n \u003cdiv class=\"soi-deor-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSpécialement adapté aux peaux sensibles ou sujettes aux irritations sous les bras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-card\"\u003e\n \u003ch3\u003e🚫 En transition\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui souhaitent arrêter les déodorants avec aluminium sans perdre en efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-card\"\u003e\n \u003ch3\u003e🌍 Mode de vie naturel\u003c\/h3\u003e\n \u003cp\u003eDestiné aux personnes soucieuses d'un mode de vie plus naturel et d'une cosmétique engagée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-card\"\u003e\n \u003ch3\u003e👫 Mixte\u003c\/h3\u003e\n \u003cp\u003ePour les hommes comme les femmes : la fragrance fraîche et aquatique convient aux deux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deor-section\"\u003e\n \u003ch2\u003eCertifications et engagements\u003c\/h2\u003e\n \u003cdiv class=\"soi-deor-compo\"\u003e\n \u003cdiv class=\"soi-deor-compo-row\"\u003e\n \u003cspan class=\"soi-deor-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-deor-compo-value\"\u003eCosmétique Bio (ECOCERT Greenlife)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-compo-row\"\u003e\n \u003cspan class=\"soi-deor-compo-label\"\u003eEngagement éthique\u003c\/span\u003e\n \u003cspan class=\"soi-deor-compo-value\"\u003eVegan, non testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-compo-row\"\u003e\n \u003cspan class=\"soi-deor-compo-label\"\u003eFormule sans\u003c\/span\u003e\n \u003cspan class=\"soi-deor-compo-value\"\u003eAlcool, chlorhydrate d'aluminium, parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-compo-row\"\u003e\n \u003cspan class=\"soi-deor-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-deor-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deor-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cp\u003eAqua, Aloe Barbadensis Leaf Juice, Glycerin, Potassium Alum, Prunus Amygdalus Dulcis Oil, Filipendula Ulmaria Flower Water, Lactobacillus Ferment, Parfum, Sodium Benzoate, Potassium Sorbate, Citric Acid.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003eIngrédients issus de l'agriculture biologique certifiée. Formule sans alcool et sans chlorhydrate d'aluminium.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deor-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le déodorant roll-on bio Acorelle\u003c\/h2\u003e\n \u003cdiv class=\"soi-deor-accordion\"\u003e\n \u003cdetails class=\"soi-deor-accordion-item\"\u003e\n \u003csummary class=\"soi-deor-accordion-header\"\u003e💦 Ce déodorant est-il efficace si je transpire beaucoup ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-deor-accordion-content\"\u003e\n \u003cp\u003eIl est conçu pour une protection 24h en conditions normales à modérées. Pour les transpirateurs intenses, une application matin et soir peut renforcer l'efficacité, surtout durant les premières semaines de transition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-deor-accordion-item\"\u003e\n \u003csummary class=\"soi-deor-accordion-header\"\u003e✨ Puis-je l'utiliser juste après l'épilation ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-deor-accordion-content\"\u003e\n \u003cp\u003eOui, l'aloe vera et l'huile d'amande douce apaisent la peau fraîchement épilée. Évitez cependant les peaux avec microcoupures visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-deor-accordion-item\"\u003e\n \u003csummary class=\"soi-deor-accordion-header\"\u003e⚕️ Ce produit remplace-t-il un traitement médical contre l'hyperhidrose ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-deor-accordion-content\"\u003e\n \u003cp\u003eNon. En cas de transpiration excessive (hyperhidrose), consultez un dermatologue. Ce déodorant ne constitue pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-deor-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-deor-cta-box\"\u003e\n \u003cp class=\"soi-deor-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans les gestes du quotidien\u003c\/p\u003e\n \u003cp class=\"soi-deor-cta-text\" style=\"color: white;\"\u003eFraîcheur naturelle, peau respectée, conscience tranquille : le choix de celles et ceux qui refusent de choisir entre efficacité et naturalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-deor-marine: #1A2D3D;\n --soi-deor-marine-dark: #0F1E2B;\n --soi-deor-marine-light: #2C4458;\n --soi-deor-pomme: #A1C544;\n --soi-deor-pomme-dark: #84A636;\n --soi-deor-pomme-light: rgba(161,197,68,0.10);\n --soi-deor-white: #FFFFFF;\n --soi-deor-off-white: #F8FAF6;\n --soi-deor-stone: #F1F3EE;\n --soi-deor-line: #E5E8E0;\n --soi-deor-primary: #A8B5D4;\n --soi-deor-primary-soft: #D4DCE8;\n --soi-deor-accent: #94C5A8;\n --soi-deor-text: #1A2D3D;\n --soi-deor-text-soft: #4A5B6B;\n --soi-deor-text-muted: #7B8693;\n --soi-deor-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-deor-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-deor-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-deor-radius: 12px;\n --soi-deor-radius-sm: 8px;\n --soi-deor-radius-pill: 999px;\n}\n\n.soi-deor-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-deor-fiche img { max-width: 100%; height: auto; }\n\n.soi-deor-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-deor-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-deor-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-deor-hero {\n position: relative;\n background: var(--soi-deor-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-deor-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-deor-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-deor-pomme);\n}\n\n.soi-deor-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-deor-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-deor-pomme);\n border-radius: 50%;\n}\n\n.soi-deor-hero-title {\n display: block;\n color: var(--soi-deor-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-deor-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-deor-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-deor-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-deor-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-deor-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-deor-label-accent {\n background: var(--soi-deor-pomme);\n border-color: var(--soi-deor-pomme);\n color: var(--soi-deor-marine);\n font-weight: 600;\n}\n\n.soi-deor-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-deor-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-deor-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-deor-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-deor-pomme);\n border-radius: 2px;\n}\n\n.soi-deor-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-deor-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-deor-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-deor-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-deor-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-deor-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-deor-benefit {\n background: var(--soi-deor-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-deor-radius);\n border: 1px solid var(--soi-deor-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-deor-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-deor-shadow-md);\n}\n\n.soi-deor-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-deor-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-deor-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-deor-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-deor-benefit:hover .soi-deor-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-deor-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deor-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deor-benefit p {\n font-size: 13px;\n color: var(--soi-deor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deor-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1rem;\n}\n\n.soi-deor-card {\n background: var(--soi-deor-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deor-radius);\n border-left: 3px solid var(--soi-deor-pomme);\n}\n\n.soi-deor-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deor-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deor-card p {\n font-size: 14px;\n color: var(--soi-deor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deor-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-deor-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-deor-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deor-radius);\n border: 1px solid var(--soi-deor-line);\n align-items: flex-start;\n}\n\n.soi-deor-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-deor-marine);\n color: var(--soi-deor-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-deor-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deor-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-deor-step-content p {\n font-size: 14px;\n color: var(--soi-deor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deor-compo {\n background: var(--soi-deor-off-white);\n border-radius: var(--soi-deor-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-deor-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-deor-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-deor-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-deor-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-deor-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-deor-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-deor-marine);\n text-align: right;\n}\n\n.soi-deor-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-deor-pomme-light);\n border-left: 4px solid var(--soi-deor-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-deor-radius) var(--soi-deor-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-deor-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-deor-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-deor-marine);\n margin-bottom: 4px;\n}\n\n.soi-deor-tip p {\n font-size: 14px;\n color: var(--soi-deor-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deor-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-deor-accordion-item {\n background: var(--soi-deor-off-white);\n border-radius: var(--soi-deor-radius-sm);\n border: 1px solid var(--soi-deor-line);\n overflow: hidden;\n}\n\n.soi-deor-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-deor-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-deor-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-deor-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-deor-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-deor-accordion-item[open] .soi-deor-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-deor-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-deor-accordion-content p {\n font-size: 14px;\n color: var(--soi-deor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-deor-cta-box {\n background: var(--soi-deor-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-deor-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-deor-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-deor-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-deor-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-deor-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-deor-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-deor-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-deor-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-deor-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-deor-compo-value {\n text-align: left;\n }\n\n .soi-deor-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-deor-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-deor-fiche {\n --soi-deor-text-soft: #2C3E50;\n --soi-deor-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Acorelle","offers":[{"title":"Default Title","offer_id":61603956195658,"sku":"LL0105","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-roll-on-24h-fraicheur-intense-certifie-bio-acorell-packshot.webp?v=1779796191"},{"product_id":"deodorant-roll-on-24h-peaux-sensibles-certifie-bio-acorelle","title":"Déodorant roll-on 24h peaux sensibles certifié bio - Acorelle","description":"\u003cdiv class=\"soi-deor-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-deor-hero\"\u003e\n \u003cdiv class=\"soi-deor-hero-tag\"\u003e\n \u003cspan class=\"soi-deor-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Acorelle\n \u003c\/div\u003e\n \u003cspan class=\"soi-deor-hero-title\"\u003eDéodorant roll-on 24h peaux sensibles certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-deor-hero-subtitle\"\u003eUne formule minimaliste à 99 % d'ingrédients d'origine naturelle, conçue pour respecter les peaux réactives tout en assurant une fraîcheur fiable pendant 24 heures.\u003c\/p\u003e\n \u003cdiv class=\"soi-deor-hero-labels\"\u003e\n \u003cspan class=\"soi-deor-label soi-deor-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-deor-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-deor-label\"\u003eSANS ALCOOL\u003c\/span\u003e\n \u003cspan class=\"soi-deor-label\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003cspan class=\"soi-deor-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Pourquoi choisir --\u003e\n \u003csection class=\"soi-deor-section\"\u003e\n \u003ch2\u003ePourquoi choisir un déodorant roll-on bio pour peaux sensibles ?\u003c\/h2\u003e\n \u003cp\u003eLes peaux sensibles réagissent souvent aux parfums synthétiques, à l'alcool et aux sels d'aluminium présents dans les déodorants conventionnels. Ces ingrédients peuvent provoquer rougeurs, tiraillements ou irritations, surtout après le rasage. Un déodorant roll-on bio sans alcool et sans chlorhydrate d'aluminium comme celui d'Acorelle offre une alternative sérieuse, sans sacrifier la protection 24h.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Formule active --\u003e\n \u003csection class=\"soi-deor-section\"\u003e\n \u003ch2\u003eUne formule active qui lutte vraiment contre les odeurs\u003c\/h2\u003e\n \u003cp class=\"soi-deor-section-intro\"\u003eL'efficacité de ce déodorant roll-on bio repose sur deux actifs complémentaires, pour une protection naturelle qui dure.\u003c\/p\u003e\n \u003cdiv class=\"soi-deor-benefits\"\u003e\n \u003cdiv class=\"soi-deor-benefit\"\u003e\n \u003cdiv class=\"soi-deor-benefit-icon\"\u003e\u003cspan\u003e💎\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCristaux d'alun régulateurs\u003c\/h3\u003e\n \u003cp\u003eAux propriétés naturellement astringentes, ils resserrent les pores et limitent la transpiration sans obstruer les glandes sudoripares.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-benefit\"\u003e\n \u003cdiv class=\"soi-deor-benefit-icon\"\u003e\u003cspan\u003e🦠\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFerments actifs\u003c\/h3\u003e\n \u003cp\u003eIls neutralisent les bactéries responsables des mauvaises odeurs à la source, pour une fraîcheur organique qui dure jusqu'à 24 heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-tip\"\u003e\n \u003cdiv class=\"soi-deor-tip-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCette synergie végétale offre une protection comparable à celle d'un déodorant classique, tout en préservant l'équilibre naturel de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Ingrédients apaisants --\u003e\n \u003csection class=\"soi-deor-section\"\u003e\n \u003ch2\u003eLes ingrédients apaisants qui font la différence\u003c\/h2\u003e\n \u003cp class=\"soi-deor-section-intro\"\u003eAu-delà de l'efficacité anti-odeur, la formule intègre des actifs véritablement nourrissants et apaisants.\u003c\/p\u003e\n \u003cdiv class=\"soi-deor-grid\"\u003e\n \u003cdiv class=\"soi-deor-card\"\u003e\n \u003ch3\u003e🌼 Eau florale de camomille bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés anti-inflammatoires, elle calme les aisselles irritées ou fragilisées après l'épilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eHydratante et adoucissante, elle laisse la peau souple et confortable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-card\"\u003e\n \u003ch3\u003e🪴 Aloe vera\u003c\/h3\u003e\n \u003cp\u003eApaisant naturel par excellence, il renforce la tolérance de la peau aux agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eElle retient l'humidité et évite l'effet peau tendue après application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Composition INCI --\u003e\n \u003csection class=\"soi-deor-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-deor-compo\"\u003e\n \u003cdiv class=\"soi-deor-compo-row\"\u003e\n \u003cspan class=\"soi-deor-compo-label\"\u003eListe INCI\u003c\/span\u003e\n \u003cspan class=\"soi-deor-compo-value\" style=\"text-align:left;\"\u003eAqua, Aloe Barbadensis Leaf Juice*, Potassium Alum, Glycerin*, Lactobacillus Ferment, Anthemis Nobilis Flower Water*, Prunus Amygdalus Dulcis Oil*, Sodium Benzoate, Potassium Sorbate, Xanthan Gum, Citric Acid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-compo-row\"\u003e\n \u003cspan class=\"soi-deor-compo-label\"\u003e* Ingrédients bio\u003c\/span\u003e\n \u003cspan class=\"soi-deor-compo-value\"\u003eIssus de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-compo-row\"\u003e\n \u003cspan class=\"soi-deor-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-deor-compo-value\"\u003eAlcool, parfum, chlorhydrate d'aluminium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-compo-row\"\u003e\n \u003cspan class=\"soi-deor-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-deor-compo-value\"\u003eCosmos Organic · Vegan\u003c\/span\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-deor-section\"\u003e\n \u003ch2\u003eComment utiliser ce déodorant roll-on bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-deor-timeline\"\u003e\n \u003cdiv class=\"soi-deor-step\"\u003e\n \u003cdiv class=\"soi-deor-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-deor-step-content\"\u003e\n \u003ch3\u003eAppliquez sur peau propre\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur aisselles propres et sèches, de préférence le matin après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-step\"\u003e\n \u003cdiv class=\"soi-deor-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-deor-step-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003ePatientez quelques secondes avant de vous habiller pour éviter les traces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-step\"\u003e\n \u003cdiv class=\"soi-deor-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-deor-step-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eRenouvelez l'application en soirée si nécessaire, notamment lors des périodes de forte chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-deor-tip-icon\"\u003e👶\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eBon à savoir\u003c\/strong\u003e\n \u003cp\u003eConvient aux femmes enceintes et allaitantes. Adapté à un usage quotidien, même sur peau fraîchement épilée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Éco-responsable --\u003e\n \u003csection class=\"soi-deor-section\"\u003e\n \u003ch2\u003eUn choix éco-responsable au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-deor-grid-compact\"\u003e\n \u003cdiv class=\"soi-deor-card-mini\"\u003e\n \u003cspan class=\"soi-deor-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-deor-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-deor-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-card-mini\"\u003e\n \u003cspan class=\"soi-deor-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-deor-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n \u003cspan class=\"soi-deor-card-mini-value\"\u003e100 % Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-card-mini\"\u003e\n \u003cspan class=\"soi-deor-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-deor-card-mini-label\"\u003eContenant\u003c\/span\u003e\n \u003cspan class=\"soi-deor-card-mini-value\"\u003eRechargeable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-deor-card-mini\"\u003e\n \u003cspan class=\"soi-deor-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-deor-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-deor-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1.25rem;\"\u003eLe flacon est rechargeable et recyclable : un geste simple pour réduire vos déchets plastiques sans changer vos habitudes. Acorelle va plus loin que la simple formulation naturelle en proposant une démarche globale, du contenu au contenant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 : Précautions --\u003e\n \u003csection class=\"soi-deor-section\"\u003e\n \u003cdiv class=\"soi-deor-accordion\"\u003e\n \u003cdetails class=\"soi-deor-accordion-item\"\u003e\n \u003csummary class=\"soi-deor-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-deor-accordion-content\"\u003e\n \u003cp\u003eCe produit est un cosmétique et ne se substitue pas à un avis médical. En cas de réaction 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 \u003c!-- CTA --\u003e\n \u003csection class=\"soi-deor-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-deor-cta-box\"\u003e\n \u003cp class=\"soi-deor-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans les gestes du quotidien\u003c\/p\u003e\n \u003cp class=\"soi-deor-cta-text\" style=\"color: white;\"\u003eUn déodorant roll-on bio qui prouve qu'efficacité et douceur ne sont pas incompatibles. Conçu pour les peaux les plus sensibles, il vous offre une fraîcheur naturelle 24h avec des ingrédients qui prennent vraiment soin de vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-deor-marine: #1A2D3D;\n --soi-deor-marine-dark: #0F1E2B;\n --soi-deor-marine-light: #2C4458;\n --soi-deor-pomme: #A1C544;\n --soi-deor-pomme-dark: #84A636;\n --soi-deor-pomme-light: rgba(161,197,68,0.10);\n --soi-deor-white: #FFFFFF;\n --soi-deor-off-white: #F8FAF6;\n --soi-deor-stone: #F1F3EE;\n --soi-deor-line: #E5E8E0;\n --soi-deor-primary: #9B8AA8;\n --soi-deor-primary-soft: #E8E0EE;\n --soi-deor-accent: #A8B5D4;\n --soi-deor-text: #1A2D3D;\n --soi-deor-text-soft: #4A5B6B;\n --soi-deor-text-muted: #7B8693;\n --soi-deor-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-deor-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-deor-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-deor-radius: 12px;\n --soi-deor-radius-sm: 8px;\n --soi-deor-radius-pill: 999px;\n}\n\n.soi-deor-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-deor-fiche img { max-width: 100%; height: auto; }\n\n.soi-deor-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-deor-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-deor-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-deor-hero {\n position: relative;\n background: var(--soi-deor-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-deor-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-deor-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-deor-pomme);\n}\n\n.soi-deor-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-deor-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-deor-pomme);\n border-radius: 50%;\n}\n\n.soi-deor-hero-title {\n display: block;\n color: var(--soi-deor-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-deor-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-deor-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-deor-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-deor-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-deor-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-deor-label-accent {\n background: var(--soi-deor-pomme);\n border-color: var(--soi-deor-pomme);\n color: var(--soi-deor-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-deor-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-deor-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-deor-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-deor-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-deor-pomme);\n border-radius: 2px;\n}\n\n.soi-deor-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-deor-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-deor-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-deor-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-deor-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-deor-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-deor-benefit {\n background: var(--soi-deor-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-deor-radius);\n border: 1px solid var(--soi-deor-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-deor-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-deor-shadow-md);\n}\n\n.soi-deor-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-deor-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-deor-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-deor-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-deor-benefit:hover .soi-deor-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-deor-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deor-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deor-benefit p {\n font-size: 13px;\n color: var(--soi-deor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-deor-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-deor-card {\n background: var(--soi-deor-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deor-radius);\n border-left: 3px solid var(--soi-deor-pomme);\n}\n\n.soi-deor-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-deor-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-deor-card p {\n font-size: 14px;\n color: var(--soi-deor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-deor-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-deor-card-mini {\n background: var(--soi-deor-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-deor-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-deor-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-deor-card-mini-label {\n font-size: 11px;\n color: var(--soi-deor-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-deor-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deor-marine);\n}\n\n\/* TIMELINE *\/\n.soi-deor-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-deor-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-deor-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-deor-radius);\n border: 1px solid var(--soi-deor-line);\n align-items: flex-start;\n}\n\n.soi-deor-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-deor-marine);\n color: var(--soi-deor-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-deor-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-deor-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-deor-step-content p {\n font-size: 14px;\n color: var(--soi-deor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-deor-compo {\n background: var(--soi-deor-off-white);\n border-radius: var(--soi-deor-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-deor-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-deor-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-deor-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-deor-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-deor-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-deor-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-deor-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-deor-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-deor-pomme-light);\n border-left: 4px solid var(--soi-deor-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-deor-radius) var(--soi-deor-radius) 0;\n align-items: flex-start;\n}\n\n.soi-deor-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-deor-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-deor-marine);\n margin-bottom: 4px;\n}\n\n.soi-deor-tip p {\n font-size: 14px;\n color: var(--soi-deor-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-deor-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-deor-accordion-item {\n background: var(--soi-deor-off-white);\n border-radius: var(--soi-deor-radius-sm);\n border: 1px solid var(--soi-deor-line);\n overflow: hidden;\n}\n\n.soi-deor-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-deor-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-deor-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-deor-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-deor-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-deor-accordion-item[open] .soi-deor-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-deor-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-deor-accordion-content p {\n font-size: 14px;\n color: var(--soi-deor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-deor-cta-box {\n background: var(--soi-deor-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-deor-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-deor-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-deor-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-deor-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-deor-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-deor-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-deor-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-deor-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-deor-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-deor-compo-value {\n text-align: left;\n }\n\n .soi-deor-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-deor-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-deor-fiche {\n --soi-deor-text-soft: #2C3E50;\n --soi-deor-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Acorelle","offers":[{"title":"Default Title","offer_id":61603958096202,"sku":"LL0110","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-roll-on-24h-peaux-sensibles-certifie-bio-acorelle-packshot.webp?v=1779796896"},{"product_id":"bougies-auriculaires-lavande-harmonys-candles","title":"Bougies auriculaires Lavande - Harmony's Candles","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp data-start=\"600\" data-end=\"892\"\u003eLes Bougies auriculaires Lavande de Harmony’s Candles sont spécialement conçues pour offrir un véritable moment de \u003cstrong\u003erelaxation naturelle\u003c\/strong\u003e. Délicatement parfumées à la lavande, elles accompagnent les instants de détente et favorisent un profond lâcher-prise. Issues d’un savoir-faire transmis par tradition orale depuis plusieurs générations, elles s’intègrent parfaitement dans une routine bien-être régulière, axée sur l’équilibre et l’harmonie du corps.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_HC0020_401b87fa-fc55-49b6-85e2-4f6ff4c9d940.jpg?v=1776185722\" alt=\"Photo d'une femme de profil qui replace une mèche de cheveux derrière son oreille\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003eCaractéristiques et bienfaits des Bougies auriculaires Lavande de Harmony's Candles\u003c\/h2\u003e\n\u003cp\u003eReconnues pour leurs effets \u003cstrong\u003eapaisants et équilibrants\u003c\/strong\u003e, ces bougies auriculaires aident à libérer les tensions accumulées et à préparer l’organisme à un sommeil réparateur. Leur parfum de lavande agit comme une invitation à la détente, créant une atmosphère propice au calme et à la sérénité.\u003c\/p\u003e\n\u003cp\u003eChaque bougie offre un temps de combustion d’environ 12 minutes, permettant un rituel tout en douceur. Il est recommandé de brûler une bougie dans une oreille puis d’utiliser la seconde dans l’autre oreille lors d’une séance standard. Selon les besoins, il est possible d’adapter l’utilisation, toujours sans effectuer de va-et-vient, et en respectant scrupuleusement les consignes de sécurité.\u003c\/p\u003e\n\u003cp\u003eCréées par le Docteur Harmony, ces bougies s’intègrent idéalement dans un programme d’entretien trimestriel ou semestriel dédié au bien-être global. Certaines personnes les utilisent également de façon régulière, simplement pour le plaisir d’un moment de détente privilégié.\u003c\/p\u003e\n\u003cp\u003eLa fabrication artisanale repose sur un \u003cstrong\u003ecoton certifié biologique\u003c\/strong\u003e et une cire de haute qualité, dite qualité alimentaire. Le double enveloppement assure une combustion homogène et prolongée, tandis qu’un embout de sécurité breveté et une étiquette de limite de combustion garantissent une utilisation maîtrisée. Issues du commerce équitable et produites dans le respect des bonnes pratiques de fabrication, elles répondent à des exigences élevées en matière de traçabilité et de sécurité. Leur utilisation nécessite impérativement la présence d’une seconde personne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003eOffrez-vous un rituel de sérénité\u003c\/h2\u003e\n\u003cp\u003eAvec les Bougies auriculaires Lavande de Harmony’s Candles, vous choisissez bien plus qu’un simple accessoire de bien-être. Vous adoptez un rituel artisanal, pensé avec exigence et conçu pour favoriser la \u003cstrong\u003edétente profonde\u003c\/strong\u003e, l’équilibre et l’harmonie intérieure. Laissez la douceur de la lavande transformer chaque séance en un moment privilégié, dédié à votre apaisement et à votre confort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Harmony's Candles","offers":[{"title":"Default Title","offer_id":61603962978634,"sku":"HC0020","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/harmonys_candles_hc0020_bougies_lavande.jpg?v=1776168140"},{"product_id":"citrobiotic-talc-sanitas","title":"Citrobiotic Talc - Sanitas","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp data-start=\"473\" data-end=\"869\"\u003eLe \u003cstrong data-start=\"369\" data-end=\"400\"\u003eCITROBIOTIC Talc de Sanitas\u003c\/strong\u003e est une poudre corporelle spécialement formulée pour préserver l’hygiène et le confort des pieds au quotidien. Grâce à l’association de l’extrait de pépins de pamplemousse bio et de l’huile de mélaleuca bio, ce talc agit efficacement contre l’humidité et les désagréments liés à la transpiration. Sa texture fine et légère enveloppe la peau d’un voile protecteur tout en procurant une sensation de fraîcheur durable.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_SS0005_dbec1f62-9ebb-4c68-a8fc-540850108463.jpg?v=1776185722\" alt=\"Photo de pieds croisés parfaitement propres sur un lit\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003eCaractéristiques et bienfaits du Citrobiotic Talc de Sanitas\u003c\/h2\u003e\n\u003cp data-start=\"890\" data-end=\"1214\"\u003eLa transpiration des pieds est un phénomène naturel, mais lorsqu’elle devient excessive, elle crée un environnement chaud et humide favorable au développement des bactéries responsables des mauvaises odeurs. Le \u003cstrong data-start=\"1101\" data-end=\"1121\"\u003eCITROBIOTIC Talc\u003c\/strong\u003e a été conçu pour répondre à cette problématique en aidant à maintenir un milieu sec et sain.\u003c\/p\u003e\n\u003cp data-start=\"1216\" data-end=\"1536\"\u003eSa formule associe l’\u003cstrong data-start=\"1237\" data-end=\"1278\"\u003eextrait de pépins de pamplemousse bio\u003c\/strong\u003e, reconnu pour ses propriétés assainissantes, à l’\u003cstrong data-start=\"1328\" data-end=\"1354\"\u003ehuile de mélaleuca bio\u003c\/strong\u003e (arbre à thé), appréciée pour son action purifiante. Ensemble, ces actifs contribuent à limiter la prolifération des bactéries tout en soutenant une hygiène irréprochable des pieds.\u003c\/p\u003e\n\u003cp data-start=\"1538\" data-end=\"1965\"\u003eGrâce à son fort pouvoir absorbant, ce talc capte efficacement l’excès de transpiration et aide à prévenir la sensation désagréable de pieds moites. Il neutralise durablement les mauvaises odeurs et favorise un confort optimal tout au long de la journée. Polyvalent, il s’utilise aussi bien directement sur l’ensemble du pied que dans les chaussures, chaque matin, pour prolonger son action et maintenir une fraîcheur continue.\u003c\/p\u003e\n\u003cp data-start=\"1967\" data-end=\"2145\"\u003eUne utilisation régulière participe à la protection contre la transpiration excessive et contribue à préserver la santé et le bien-être des pieds, même en cas d’activité intense.\u003c\/p\u003e\n\u003ch2\u003eUn allié indispensable pour vos pieds\u003c\/h2\u003e\n\u003cp data-start=\"2195\" data-end=\"2522\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eAdopter le \u003cstrong data-start=\"2206\" data-end=\"2237\"\u003eCITROBIOTIC Talc de Sanitas\u003c\/strong\u003e, c’est choisir une solution simple, naturelle et efficace pour garder des pieds secs, frais et protégés jour après jour. Sa formule bio enrichie en actifs purifiants en fait un indispensable de votre routine d’hygiène, pour marcher en toute confiance et profiter d’un confort durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Sanitas","offers":[{"title":"Default Title","offer_id":61603970122058,"sku":"SS0005","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/sanitas_ss0005_citrobiotic_talc_428d646b-ab53-4a65-9a8e-8f55c95a3f23.jpg?v=1778843532"},{"product_id":"gel-lavant-neutre-bio-pranarom","title":"Gel Lavant Neutre Bio - Visage, Corps \u0026 Cheveux - Pranarom","description":"\n\u003cdiv class=\"soi-geln-fiche\"\u003e\n\n\u003csection class=\"soi-geln-hero\"\u003e\n \u003cdiv class=\"soi-geln-hero-tag\"\u003e\n \u003cspan class=\"soi-geln-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Pranarom\n \u003c\/div\u003e\n \u003cspan class=\"soi-geln-hero-title\"\u003eDouceur neutre pour toute la famille\u003c\/span\u003e\n \u003cp class=\"soi-geln-hero-subtitle\"\u003eUn gel lavant bio sans parfum, formulé avec des tensioactifs 100 % naturels, pour nettoyer en douceur le visage, le corps et les cheveux de toute la famille, bébé compris.\u003c\/p\u003e\n \u003cdiv class=\"soi-geln-hero-labels\"\u003e\n \u003cspan class=\"soi-geln-label soi-geln-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-geln-label\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003cspan class=\"soi-geln-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-geln-label\"\u003e250 ML\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003ePourquoi choisir un gel lavant neutre bio ?\u003c\/h2\u003e\n \u003cp\u003eLes gels lavants conventionnels contiennent souvent des sulfates, des parfums synthétiques et des colorants qui irritent les peaux sensibles ou réactives. Un gel lavant à pH neutre respecte au contraire la barrière naturelle de la peau, limite les tiraillements et convient même aux nourrissons. C'est particulièrement utile si votre enfant a la peau sèche, des rougeurs, ou si vous traversez vous-même un traitement dermatologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003eCe que contient vraiment ce gel lavant bio\u003c\/h2\u003e\n \u003cp class=\"soi-geln-section-intro\"\u003eLa formule du Gel lavant neutre Pranarom mise sur le minimalisme efficace : des ingrédients triés sur le volet, aucun superflu, une tolérance maximale.\u003c\/p\u003e\n \u003cdiv class=\"soi-geln-benefits\"\u003e\n \u003cdiv class=\"soi-geln-benefit\"\u003e\n \u003cdiv class=\"soi-geln-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e99,2 % naturel\u003c\/h3\u003e\n \u003cp\u003eUne formule certifiée bio qui va à l'essentiel, sans ingrédients superflus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-benefit\"\u003e\n \u003cdiv class=\"soi-geln-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTensioactifs doux\u003c\/h3\u003e\n \u003cp\u003eDérivés de sucre et de coco, 100 % naturels, pour une mousse fine et nettoyante sans agressivité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-benefit\"\u003e\n \u003cdiv class=\"soi-geln-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003epH physiologique\u003c\/h3\u003e\n \u003cp\u003eAdapté à la peau et au cuir chevelu, il respecte la barrière cutanée naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-benefit\"\u003e\n \u003cdiv class=\"soi-geln-benefit-icon\"\u003e\u003cspan\u003e👁️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTolérance optimale\u003c\/h3\u003e\n \u003cp\u003eTesté sous contrôle dermatologique, ne pique pas les yeux. Sans parfum, sans colorant, sans allergène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:1.25rem;\"\u003ePas d'ingrédients superflus, pas de compromis sur la tolérance. Idéal pour les peaux les plus fragiles, y compris les peaux atopiques ou sensibilisées.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003eVisage, corps, cheveux : un gel lavant 3-en-1 pour toute la famille\u003c\/h2\u003e\n \u003cdiv class=\"soi-geln-grid\"\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e🍼 Bébé\u003c\/h3\u003e\n \u003cp\u003eUtilisable dès la naissance. Idéal comme gel lavant bébé bio pour le bain ou la toilette du soir, sans risque d'irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e🧒 Enfant\u003c\/h3\u003e\n \u003cp\u003eNe pique pas les yeux, même à l'heure du shampoing. Un seul produit pour la douche entière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e🧴 Adulte\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux sensibles, réactives ou après un traitement. Utilisable au quotidien sans effet desséchant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003eUne base neutre à personnaliser avec vos huiles essentielles\u003c\/h2\u003e\n \u003cp\u003eC'est l'un des vrais atouts de ce produit : le Gel lavant neutre Pranarom AromaSelf est conçu comme une base neutre personnalisable. Vous pouvez y incorporer des huiles essentielles de votre choix pour créer un gel parfumé sur mesure, ou des huiles végétales pour renforcer le soin et la douceur. C'est une alternative naturelle et économique aux gels tout faits.\u003c\/p\u003e\n \u003cp\u003eQuelques idées d'association :\u003c\/p\u003e\n \u003cdiv class=\"soi-geln-grid\"\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e💜 Lavande vraie\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de lavande vraie, pour un effet apaisant en soirée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e🌱 Tea tree\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de tea tree, pour une hygiène renforcée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e✨ Argan\u003c\/h3\u003e\n \u003cp\u003eHuile végétale d'argan, pour nourrir les peaux sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-tip\"\u003e\n \u003cdiv class=\"soi-geln-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eRespectez toujours les précautions d'emploi des huiles essentielles, notamment pour les bébés et les femmes enceintes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003eComment utiliser le gel lavant neutre bio Pranarom ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-geln-timeline\"\u003e\n \u003cdiv class=\"soi-geln-step\"\u003e\n \u003cdiv class=\"soi-geln-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eAppliquez une à deux pressions de pompe sur peau mouillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step\"\u003e\n \u003cdiv class=\"soi-geln-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step-content\"\u003e\n \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser doucement sur le visage, le corps ou les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step\"\u003e\n \u003cdiv class=\"soi-geln-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step\"\u003e\n \u003cdiv class=\"soi-geln-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step-content\"\u003e\n \u003ch3\u003ePersonnaliser (optionnel)\u003c\/h3\u003e\n \u003cp\u003eÀ utiliser tel quel ou enrichi d'huiles essentielles (hors usage bébé sans avis professionnel).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-geln-compo\"\u003e\n \u003cdiv class=\"soi-geln-compo-row\"\u003e\n \u003cspan class=\"soi-geln-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-geln-compo-value\"\u003e250 ml avec pompe doseuse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-compo-row\"\u003e\n \u003cspan class=\"soi-geln-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-geln-compo-value\"\u003eBio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-compo-row\"\u003e\n \u003cspan class=\"soi-geln-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-geln-compo-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-compo-row\"\u003e\n \u003cspan class=\"soi-geln-compo-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"soi-geln-compo-value\"\u003eBébé, enfant, adulte, peaux sensibles et atopiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-compo-row\"\u003e\n \u003cspan class=\"soi-geln-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-geln-compo-value\"\u003eParfum, colorant, sulfate, allergène\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-compo-row\"\u003e\n \u003cspan class=\"soi-geln-compo-label\"\u003eFabriqué par\u003c\/span\u003e\n \u003cspan class=\"soi-geln-compo-value\"\u003ePranarom, laboratoire belge spécialisé en aromathérapie depuis plus de 30 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-geln-cta-box\"\u003e\n \u003cp class=\"soi-geln-cta-tag\" style=\"color: white;\"\u003eUn flacon, toute la famille\u003c\/p\u003e\n \u003cp class=\"soi-geln-cta-text\" style=\"color: white;\"\u003eCertifié bio, sans parfum, personnalisable avec vos huiles essentielles : le Gel lavant neutre Pranarom simplifie votre salle de bain sans compromis sur la douceur ni sur la naturalité.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-geln-marine: #1A2D3D;\n --soi-geln-marine-dark: #0F1E2B;\n --soi-geln-marine-light: #2C4458;\n --soi-geln-pomme: #A1C544;\n --soi-geln-pomme-dark: #84A636;\n --soi-geln-pomme-light: rgba(161,197,68,0.10);\n --soi-geln-white: #FFFFFF;\n --soi-geln-off-white: #F8FAF6;\n --soi-geln-stone: #F1F3EE;\n --soi-geln-line: #E5E8E0;\n --soi-geln-primary: #A8B5D4;\n --soi-geln-primary-soft: #D0D9EB;\n --soi-geln-accent: #8CBAD4;\n --soi-geln-text: #1A2D3D;\n --soi-geln-text-soft: #4A5B6B;\n --soi-geln-text-muted: #7B8693;\n --soi-geln-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-geln-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-geln-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-geln-radius: 12px;\n --soi-geln-radius-sm: 8px;\n --soi-geln-radius-pill: 999px;\n}\n\n.soi-geln-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-geln-fiche img { max-width: 100%; height: auto; }\n\n.soi-geln-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-geln-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-geln-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-geln-hero {\n position: relative;\n background: var(--soi-geln-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-geln-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-geln-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-geln-pomme);\n}\n\n.soi-geln-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-geln-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-geln-pomme);\n border-radius: 50%;\n}\n\n.soi-geln-hero-title {\n display: block;\n color: var(--soi-geln-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-geln-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-geln-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-geln-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-geln-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-geln-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-geln-label-accent {\n background: var(--soi-geln-pomme);\n border-color: var(--soi-geln-pomme);\n color: var(--soi-geln-marine);\n font-weight: 600;\n}\n\n.soi-geln-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-geln-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-geln-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-geln-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-geln-pomme);\n border-radius: 2px;\n}\n\n.soi-geln-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-geln-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-geln-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-geln-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-geln-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-geln-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-geln-benefit {\n background: var(--soi-geln-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-geln-radius);\n border: 1px solid var(--soi-geln-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-geln-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-geln-shadow-md);\n}\n\n.soi-geln-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-geln-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-geln-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-geln-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-geln-benefit:hover .soi-geln-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-geln-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-geln-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-geln-benefit p {\n font-size: 15px;\n color: var(--soi-geln-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-geln-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-geln-card {\n background: var(--soi-geln-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-geln-radius);\n border-left: 3px solid var(--soi-geln-pomme);\n}\n\n.soi-geln-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-geln-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-geln-card p {\n font-size: 14px;\n color: var(--soi-geln-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-geln-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-geln-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-geln-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-geln-radius);\n border: 1px solid var(--soi-geln-line);\n align-items: flex-start;\n}\n\n.soi-geln-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-geln-marine);\n color: var(--soi-geln-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-geln-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-geln-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-geln-step-content p {\n font-size: 15px;\n color: var(--soi-geln-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-geln-compo {\n background: var(--soi-geln-off-white);\n border-radius: var(--soi-geln-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-geln-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-geln-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-geln-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-geln-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-geln-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-geln-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-geln-marine);\n text-align: right;\n}\n\n.soi-geln-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-geln-pomme-light);\n border-left: 4px solid var(--soi-geln-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-geln-radius) var(--soi-geln-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-geln-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-geln-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-geln-marine);\n margin-bottom: 4px;\n}\n\n.soi-geln-tip p {\n font-size: 15px;\n color: var(--soi-geln-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-geln-cta-box {\n background: var(--soi-geln-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-geln-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-geln-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-geln-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-geln-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-geln-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-geln-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-geln-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-geln-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-geln-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-geln-compo-value {\n text-align: left;\n }\n\n .soi-geln-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-geln-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-geln-fiche {\n --soi-geln-text-soft: #2C3E50;\n --soi-geln-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Flacon de 250 ml","offer_id":61612341657930,"sku":"RA0010","price":8.9,"currency_code":"EUR","in_stock":true},{"title":"Flacon de 500 ml.","offer_id":61612823806282,"sku":"RA0015","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-lavant-neutre-bio-pranarom-packshot.webp?v=1792054142"},{"product_id":"bougies-auriculaires-nature-harmonys-candles","title":"Bougies auriculaires nature - Harmony's Candles","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp data-start=\"507\" data-end=\"848\"\u003eLes \u003cstrong\u003eBougies auriculaires Nature en lots de Harmony’s Candles\u003c\/strong\u003e sont pensées pour offrir un véritable moment de relâchement et d’harmonie. Utilisées depuis plusieurs générations et transmises par le bouche-à-oreille, elles s’inscrivent dans une démarche de bien-être naturel. Leur utilisation accompagne les instants de détente profonde, aide à libérer les tensions accumulées et prépare à un repos plus serein. Créées par le Dr Harmony, elles reflètent un savoir-faire authentique et engagé.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_HC0005.X_HC0005_HC0010_df9117bf-505f-4a57-912c-09e0a2844b56.jpg?v=1776185744\" alt=\"Photo d'une femme de profil qui se touche l'oreille\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003eCaractéristiques et bienfaits des Bougies auriculaires nature en lots de Harmony's Candles\u003c\/h2\u003e\n\u003cp\u003eLes bougies auriculaires Nature sont reconnues pour leur action \u003cstrong\u003erelaxante, apaisante et équilibrante\u003c\/strong\u003e. Elles favorisent une sensation de légèreté et participent à instaurer un climat propice à la détente du corps et de l’esprit. Beaucoup choisissent de les intégrer dans un programme d’entretien trimestriel ou semestriel, tandis que d’autres les utilisent plus régulièrement pour prolonger leur sensation de bien-être.\u003c\/p\u003e\n\u003cp\u003eChaque bougie offre une combustion d’environ 12 minutes. L’usage standard consiste à utiliser une bougie par oreille au cours d’une même séance, avec la possibilité d’adapter le rituel selon les besoins spécifiques. Pour garantir une utilisation optimale, la présence d’une seconde personne est indispensable, accompagnée d’un verre d’eau, d’un anneau en carton et d’allumettes ou d’un briquet.\u003c\/p\u003e\n\u003cp\u003eLa qualité de fabrication constitue un point essentiel. Conçues artisanalement, les bougies associent un \u003cstrong\u003ecoton certifié biologique\u003c\/strong\u003e à une cire de \u003cstrong\u003equalité alimentaire\u003c\/strong\u003e, assurant une combustion maîtrisée et homogène grâce à un double enveloppement. Elles intègrent également un \u003cstrong\u003eembout de sécurité breveté\u003c\/strong\u003e ainsi qu’une étiquette de limite de combustion pour renforcer la sécurité d’utilisation. Issues du commerce équitable, elles respectent des bonnes pratiques de fabrication garantissant traçabilité et fiabilité, tout en soutenant une production humaine portée par des artisans engagés.\u003c\/p\u003e\n\u003ch2\u003eOffrez-vous un moment d’harmonie\u003c\/h2\u003e\n\u003cp\u003eChoisir les \u003cstrong\u003eBougies auriculaires Nature en lots de Harmony’s Candles\u003c\/strong\u003e, c’est opter pour un rituel simple et naturel dédié à la détente et à l’équilibre. Leur conception artisanale, leur exigence de qualité et leur approche responsable en font un allié précieux pour instaurer des pauses bien-être régulières. Une invitation à ralentir, à relâcher les tensions et à retrouver un équilibre durable en toute confiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Harmony's Candles","offers":[{"title":"Bougies auriculaires nature lot de 2 - Harmony's Candles","offer_id":61612341756234,"sku":"HC0005","price":11.49,"currency_code":"EUR","in_stock":true},{"title":"Etui en plastique de 2 et 4 bougies","offer_id":61612824297802,"sku":"HC0010","price":21.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/harmonys_candles_hc0005_bougies_nature_x2_4a9c442f-7be0-49db-9a6d-1f1c3fcfb115.jpg?v=1778842734"},{"product_id":"gel-lavant-neutre-certifi-bio-coslys","title":"Gel lavant neutre bio 3en1 - 100 ml - Coslys","description":"\u003cdiv class=\"soi-geln-fiche\"\u003e\n\n\u003csection class=\"soi-geln-hero\"\u003e\n \u003cdiv class=\"soi-geln-hero-tag\"\u003e\n \u003cspan class=\"soi-geln-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-geln-hero-title\"\u003eUn soin lavant universel pour toute la famille\u003c\/span\u003e\n \u003cp class=\"soi-geln-hero-subtitle\"\u003e97,9 % d'ingrédients d'origine naturelle, sans sulfates, sans parfum, sans savon. Du premier bain de bébé à la douche du soir, une formule réduite à l'essentiel.\u003c\/p\u003e\n \u003cdiv class=\"soi-geln-hero-labels\"\u003e\n \u003cspan class=\"soi-geln-label soi-geln-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-geln-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-geln-label\"\u003eHYPOALLERGÉNIQUE\u003c\/span\u003e\n \u003cspan class=\"soi-geln-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-geln-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003eGel lavant neutre certifié bio Coslys : un soin universel pour toute la famille\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un gel lavant vraiment doux, sans compromis sur les ingrédients, qui convient aussi bien à votre bébé qu'à vous-même ? Le \u003cstrong\u003egel lavant neutre certifié bio Coslys\u003c\/strong\u003e répond exactement à ce besoin. Un seul flacon pour le corps, le visage et les cheveux, toléré dès la naissance, formulé sans parfum, sans savon et sans sulfates. Simple, efficace, rassurant.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel lavant bio au pH neutre ?\u003c\/h2\u003e\n \u003cp class=\"soi-geln-section-intro\"\u003eContrairement à de nombreux gels du commerce, ce produit affiche \u003cstrong\u003e97,9 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et une certification \u003cstrong\u003eCosmos Organic délivrée par Ecocert Greenlife\u003c\/strong\u003e. Son pH neutre respecte le film hydrolipidique de la peau, y compris les épidermes les plus réactifs.\u003c\/p\u003e\n \u003cdiv class=\"soi-geln-benefits\"\u003e\n \u003cdiv class=\"soi-geln-benefit\"\u003e\n \u003cdiv class=\"soi-geln-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e3-en-1\u003c\/h3\u003e\n \u003cp\u003eCorps, visage et cheveux en un seul geste pour simplifier votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-benefit\"\u003e\n \u003cdiv class=\"soi-geln-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHypoallergénique\u003c\/h3\u003e\n \u003cp\u003eTesté sous contrôle dermatologique, sans sulfates, sans savon, sans parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-benefit\"\u003e\n \u003cdiv class=\"soi-geln-benefit-icon\"\u003e\u003cspan\u003e👶\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eAdapté aux bébés dès la naissance, enfants, adultes, femmes enceintes et allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-benefit\"\u003e\n \u003cdiv class=\"soi-geln-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉco-conçu\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France (Anjou), flacon 100 % recyclé et recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003eUne formule courte, des ingrédients choisis\u003c\/h2\u003e\n \u003cp class=\"soi-geln-section-intro\"\u003eLa liste INCI du gel lavant neutre Coslys est volontairement courte : chaque ingrédient a sa raison d'être. 10 % du total des ingrédients sont issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003cdiv class=\"soi-geln-grid\"\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e🌿 Decyl Glucoside\u003c\/h3\u003e\n \u003cp\u003eTensioactif doux d'origine végétale, sans sulfate, qui nettoie sans décaper.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise, hydrate et préserve l'équilibre cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e🤍 Glycérine\u003c\/h3\u003e\n \u003cp\u003eAgent hydratant naturel qui maintient le confort de la peau après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e⚖️ Acide lactique\u003c\/h3\u003e\n \u003cp\u003eContribue à maintenir un pH adapté à la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-geln-accordion-item\"\u003e\n \u003csummary class=\"soi-geln-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-geln-accordion-content\"\u003e\n \u003cp\u003eAqua (Water), Glycerin, Decyl Glucoside, Cocamidopropyl Betaine, Xanthan Gum, \u003cem\u003eAloe Barbadensis Leaf Juice Powder*\u003c\/em\u003e, Sodium Chloride, Lactic Acid, Caprylyl Glycol, Sodium Benzoate, Glyceryl Caprylate, Propanediol.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'Agriculture Biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003eComment utiliser le gel lavant neutre Coslys ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-geln-timeline\"\u003e\n \u003cdiv class=\"soi-geln-step\"\u003e\n \u003cdiv class=\"soi-geln-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite quantité sur la peau ou les cheveux humides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step\"\u003e\n \u003cdiv class=\"soi-geln-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMassez doucement pour faire mousser le gel sur la zone à nettoyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step\"\u003e\n \u003cdiv class=\"soi-geln-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-geln-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eEn cas de contact accidentel avec les yeux, rincez immédiatement à l'eau claire. Ce gel est conçu pour une utilisation quotidienne sans risque d'altérer le microbiome cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003eUn format pratique, une démarche éco-responsable\u003c\/h2\u003e\n \u003cdiv class=\"soi-geln-grid-compact\"\u003e\n \u003cdiv class=\"soi-geln-card-mini\"\u003e\n \u003cspan class=\"soi-geln-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card-mini\"\u003e\n \u003cspan class=\"soi-geln-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-value\"\u003e100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card-mini\"\u003e\n \u003cspan class=\"soi-geln-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-value\"\u003eAnjou, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card-mini\"\u003e\n \u003cspan class=\"soi-geln-card-mini-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-label\"\u003eAussi disponible\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-value\"\u003eFormat 1 litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003eLe flacon de 100 ml est idéal pour les voyages ou pour tester le produit. Un format 1 litre est également disponible pour les familles qui souhaitent réduire leurs déchets plastique grâce à la recharge. Le flacon est fabriqué en plastique 100 % recyclé et recyclable : à déposer dans le bac de tri jaune après utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003ePour qui est fait ce gel lavant bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-geln-grid\"\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e👶 Parents de nourrissons et jeunes enfants\u003c\/h3\u003e\n \u003cp\u003ePour les peaux ultra-sensibles des tout-petits, dès la naissance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes ou allaitantes\u003c\/h3\u003e\n \u003cp\u003ePour celles qui souhaitent éviter tout ingrédient superflu durant cette période.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e🩹 Peaux réactives, eczéma, psoriasis\u003c\/h3\u003e\n \u003cp\u003ePour les personnes aux épidermes sensibles. Toujours demander l'avis d'un médecin en cas de pathologie cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui préfèrent un seul produit polyvalent, sain et certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-geln-accordion\"\u003e\n \u003cdetails class=\"soi-geln-accordion-item\"\u003e\n \u003csummary class=\"soi-geln-accordion-header\"\u003e⚠️ Précaution importante\u003c\/summary\u003e\n \u003cdiv class=\"soi-geln-accordion-content\"\u003e\n \u003cp\u003eCe produit est un cosmétique, il ne remplace pas un traitement médical. En cas de pathologie cutanée, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-geln-cta-box\"\u003e\n \u003cp class=\"soi-geln-cta-tag\" style=\"color: white;\"\u003eSe laver plus simplement\u003c\/p\u003e\n \u003cp class=\"soi-geln-cta-text\" style=\"color: white;\"\u003eUn gel, toute une famille protégée. Le gel lavant neutre certifié bio Coslys, c'est la promesse d'une formule sans fioriture, respectueuse des peaux les plus fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-geln-marine: #1A2D3D;\n --soi-geln-marine-dark: #0F1E2B;\n --soi-geln-marine-light: #2C4458;\n --soi-geln-pomme: #A1C544;\n --soi-geln-pomme-dark: #84A636;\n --soi-geln-pomme-light: rgba(161,197,68,0.10);\n\n --soi-geln-white: #FFFFFF;\n --soi-geln-off-white: #F8FAFE;\n --soi-geln-stone: #EFF4FA;\n --soi-geln-line: #DDE6EF;\n\n --soi-geln-primary: #5BA4D9;\n --soi-geln-primary-soft: #D6E9F6;\n --soi-geln-accent: #89C4E8;\n\n --soi-geln-text: #1A2D3D;\n --soi-geln-text-soft: #4A5B6B;\n --soi-geln-text-muted: #7B8693;\n\n --soi-geln-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-geln-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-geln-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-geln-radius: 12px;\n --soi-geln-radius-sm: 8px;\n --soi-geln-radius-pill: 999px;\n}\n\n.soi-geln-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-geln-fiche img { max-width: 100%; height: auto; }\n\n.soi-geln-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-geln-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-geln-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-geln-hero {\n position: relative;\n background: var(--soi-geln-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-geln-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-geln-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-geln-pomme);\n}\n\n.soi-geln-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-geln-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-geln-pomme);\n border-radius: 50%;\n}\n\n.soi-geln-hero-title {\n display: block;\n color: var(--soi-geln-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-geln-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-geln-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-geln-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-geln-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-geln-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-geln-label-accent {\n background: var(--soi-geln-pomme);\n border-color: var(--soi-geln-pomme);\n color: var(--soi-geln-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-geln-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-geln-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-geln-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-geln-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-geln-pomme);\n border-radius: 2px;\n}\n\n.soi-geln-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-geln-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-geln-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-geln-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-geln-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-geln-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-geln-benefit {\n background: var(--soi-geln-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-geln-radius);\n border: 1px solid var(--soi-geln-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-geln-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-geln-shadow-md);\n}\n\n.soi-geln-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-geln-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-geln-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-geln-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-geln-benefit:hover .soi-geln-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-geln-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-geln-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-geln-benefit p {\n font-size: 13px;\n color: var(--soi-geln-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-geln-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-geln-card {\n background: var(--soi-geln-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-geln-radius);\n border-left: 3px solid var(--soi-geln-pomme);\n}\n\n.soi-geln-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-geln-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-geln-card p {\n font-size: 14px;\n color: var(--soi-geln-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-geln-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-geln-card-mini {\n background: var(--soi-geln-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-geln-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-geln-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-geln-card-mini-label {\n font-size: 11px;\n color: var(--soi-geln-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-geln-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-geln-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-geln-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-geln-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-geln-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-geln-radius);\n border: 1px solid var(--soi-geln-line);\n align-items: flex-start;\n}\n\n.soi-geln-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-geln-marine);\n color: var(--soi-geln-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-geln-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-geln-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-geln-step-content p {\n font-size: 14px;\n color: var(--soi-geln-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-geln-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-geln-pomme-light);\n border-left: 4px solid var(--soi-geln-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-geln-radius) var(--soi-geln-radius) 0;\n align-items: flex-start;\n}\n\n.soi-geln-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-geln-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-geln-marine);\n margin-bottom: 4px;\n}\n\n.soi-geln-tip p {\n font-size: 14px;\n color: var(--soi-geln-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-geln-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-geln-accordion-item {\n background: var(--soi-geln-off-white);\n border-radius: var(--soi-geln-radius-sm);\n border: 1px solid var(--soi-geln-line);\n overflow: hidden;\n}\n\n.soi-geln-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-geln-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-geln-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-geln-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-geln-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-geln-accordion-item[open] .soi-geln-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-geln-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-geln-accordion-content p {\n font-size: 14px;\n color: var(--soi-geln-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-geln-accordion-content p + p {\n margin-top: 0.5rem;\n}\n\n\/* === CTA BOX === *\/\n.soi-geln-cta-box {\n background: var(--soi-geln-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-geln-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-geln-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-geln-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-geln-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-geln-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-geln-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-geln-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-geln-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-geln-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-geln-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-geln-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-geln-fiche {\n --soi-geln-text-soft: #2C3E50;\n --soi-geln-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":62001447993674,"sku":"CS0057","price":3.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-lavant-neutre_coslys.webp?v=1781252228"},{"product_id":"savon-liquide-neutre-huile-dolive-et-de-coco-500-ml-centifolia","title":"Savon liquide neutre Huile d'olive et de coco - 500 ml - Centifolia","description":"\u003cdiv class=\"soi-slnc-fiche\"\u003e\n\n\u003csection class=\"soi-slnc-hero\"\u003e\n \u003cdiv class=\"soi-slnc-hero-tag\"\u003e\n \u003cspan class=\"soi-slnc-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-slnc-hero-title\"\u003eLa douceur d'un savon authentique au chaudron\u003c\/span\u003e\n \u003cp class=\"soi-slnc-hero-subtitle\"\u003eUn savon liquide neutre, sans parfum, formulé à l'huile d'olive et de coco bio pour respecter votre peau au quotidien, du bout des doigts jusqu'au corps entier.\u003c\/p\u003e\n \u003cdiv class=\"soi-slnc-hero-labels\"\u003e\n \u003cspan class=\"soi-slnc-label soi-slnc-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-slnc-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-slnc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-slnc-label\"\u003e99,3% ORIGINE NATURELLE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-slnc-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon liquide neutre au quotidien ?\u003c\/h2\u003e\n \u003cp\u003eUn savon liquide à pH neutre respecte le film hydrolipidique naturel de votre peau, cette barrière protectrice que les savons trop alcalins ont tendance à fragiliser. Résultat : des mains et un corps propres, sans sensation de tiraillement ni de sécheresse.\u003c\/p\u003e\n \u003cp\u003eIdéal pour les peaux sensibles, les peaux sèches, mais aussi pour toute la famille, y compris les enfants. Sa formule sans parfum ajouté en fait également une base sûre pour les personnes allergiques ou réactives aux fragrances.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-slnc-section\"\u003e\n \u003ch2\u003eLa force de la formule : l'olive et le coco bio\u003c\/h2\u003e\n \u003cp class=\"soi-slnc-section-intro\"\u003eCentifolia a sélectionné deux huiles végétales biologiques complémentaires, enrichies d'aloe vera bio, pour une formule à la fois douce et efficace.\u003c\/p\u003e\n \u003cdiv class=\"soi-slnc-grid\"\u003e\n \u003cdiv class=\"soi-slnc-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras insaturés, elle nourrit et adoucit votre peau en profondeur tout en préservant son hydratation naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-slnc-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés lavantes efficaces, elle produit une mousse onctueuse et aide à éliminer impuretés et bactéries sans dessécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-slnc-card\"\u003e\n \u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaisant et hydratant, il complète l'action douce de ce savon sur les peaux sensibles ou irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-slnc-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cp\u003eAqua, \u003cstrong\u003ePotassium Cocoate**\u003c\/strong\u003e, Glycerin, Cellulose Gum, \u003cstrong\u003ePotassium Olivate**\u003c\/strong\u003e, Tetrasodium Glutamate Diacetate, \u003cstrong\u003eCocos Nucifera Oil*\u003c\/strong\u003e, \u003cstrong\u003eOlea Europaea Fruit Oil*\u003c\/strong\u003e, \u003cstrong\u003eAloe Barbadensis Leaf Juice Powder*\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique. **Transformés à partir d'ingrédients biologiques.\u003c\/em\u003e\u003c\/p\u003e\n \u003cdiv class=\"soi-slnc-compo\"\u003e\n \u003cdiv class=\"soi-slnc-compo-row\"\u003e\n \u003cspan class=\"soi-slnc-compo-label\"\u003eOrigine des ingrédients\u003c\/span\u003e\n \u003cspan class=\"soi-slnc-compo-value\"\u003e99,3% d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-slnc-compo-row\"\u003e\n \u003cspan class=\"soi-slnc-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-slnc-compo-value\"\u003eCOSMOS ORGANIC par Ecocert Greenlife\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-slnc-compo-row\"\u003e\n \u003cspan class=\"soi-slnc-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-slnc-compo-value\"\u003e100% vegan, sans ingrédients d'origine animale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-slnc-compo-row\"\u003e\n \u003cspan class=\"soi-slnc-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-slnc-compo-value\"\u003e500 ml avec pompe doseuse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-slnc-section\"\u003e\n \u003ch2\u003eTrois utilisations pour un seul flacon\u003c\/h2\u003e\n \u003cdiv class=\"soi-slnc-benefits\"\u003e\n \u003cdiv class=\"soi-slnc-benefit\"\u003e\n \u003cdiv class=\"soi-slnc-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eLavage des mains\u003c\/h3\u003e\n \u003cp\u003eDoux et efficace au quotidien, non agressif même après plusieurs utilisations dans la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-slnc-benefit\"\u003e\n \u003cdiv class=\"soi-slnc-benefit-icon\"\u003e\u003cspan\u003e🚿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eGel douche corps\u003c\/h3\u003e\n \u003cp\u003eSa texture fluide et sa mousse enveloppante conviennent parfaitement à une utilisation sous la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-slnc-benefit\"\u003e\n \u003cdiv class=\"soi-slnc-benefit-icon\"\u003e\u003cspan\u003e🧪\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBase lavante neutre DIY\u003c\/h3\u003e\n \u003cp\u003eUne base lavante idéale à personnaliser avec vos huiles essentielles ou hydrolats préférés pour créer vos propres gels douche ou savons maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-slnc-section\"\u003e\n \u003ch2\u003eComment utiliser le savon liquide neutre Centifolia ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-slnc-timeline\"\u003e\n \u003cdiv class=\"soi-slnc-step\"\u003e\n \u003cdiv class=\"soi-slnc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-slnc-step-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit dans le creux de vos mains ou sur un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-slnc-step\"\u003e\n \u003cdiv class=\"soi-slnc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-slnc-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement pour faire mousser le savon sur vos mains ou votre corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-slnc-step\"\u003e\n \u003cdiv class=\"soi-slnc-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-slnc-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez soigneusement à l'eau claire. Évitez le contact avec les yeux. En cas de projection, rincez abondamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-slnc-tip\"\u003e\n \u003cdiv class=\"soi-slnc-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLa texture et la couleur peuvent légèrement varier selon les lots, en raison de la nature des huiles végétales utilisées. C'est le signe d'une fabrication authentique, sans colorants artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-slnc-section\"\u003e\n \u003ch2\u003eLes engagements Centifolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-slnc-grid\"\u003e\n \u003cdiv class=\"soi-slnc-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré par un maître savonnier, selon une méthode de cuisson au chaudron traditionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-slnc-card\"\u003e\n \u003ch3\u003e🌱 Certification Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eDélivrée par Ecocert, garantie d'une formule conforme aux standards les plus exigeants de la cosmétique biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-slnc-card\"\u003e\n \u003ch3\u003e🐇 Formule vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale ni dérivé dans cette formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-slnc-card\"\u003e\n \u003ch3\u003e♻️ Flacon éco-responsable\u003c\/h3\u003e\n \u003cp\u003e50% recyclé et 100% recyclable, à déposer dans le bac de tri jaune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-slnc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-slnc-cta-box\"\u003e\n \u003cp class=\"soi-slnc-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver en douceur\u003c\/p\u003e\n \u003cp class=\"soi-slnc-cta-text\" style=\"color: white;\"\u003eUn geste simple, honnête et efficace pour prendre soin de votre peau chaque jour. Fabriqué en France avec des huiles bio soigneusement sélectionnées, sans parfum, 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-slnc-marine: #1A2D3D;\n --soi-slnc-marine-dark: #0F1E2B;\n --soi-slnc-marine-light: #2C4458;\n --soi-slnc-pomme: #A1C544;\n --soi-slnc-pomme-dark: #84A636;\n --soi-slnc-pomme-light: rgba(161,197,68,0.10);\n\n --soi-slnc-white: #FFFFFF;\n --soi-slnc-off-white: #F8FAF6;\n --soi-slnc-stone: #F1F3EE;\n --soi-slnc-line: #E5E8E0;\n\n --soi-slnc-primary: #8BA86E;\n --soi-slnc-primary-soft: #D5E3C8;\n --soi-slnc-accent: #B5C47A;\n\n --soi-slnc-text: #1A2D3D;\n --soi-slnc-text-soft: #4A5B6B;\n --soi-slnc-text-muted: #7B8693;\n\n --soi-slnc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-slnc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-slnc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-slnc-radius: 12px;\n --soi-slnc-radius-sm: 8px;\n --soi-slnc-radius-pill: 999px;\n}\n\n.soi-slnc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-slnc-fiche img { max-width: 100%; height: auto; }\n\n.soi-slnc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-slnc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-slnc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-slnc-hero {\n position: relative;\n background: var(--soi-slnc-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-slnc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-slnc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-slnc-pomme);\n}\n\n.soi-slnc-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-slnc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-slnc-pomme);\n border-radius: 50%;\n}\n\n.soi-slnc-hero-title {\n display: block;\n color: var(--soi-slnc-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-slnc-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-slnc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-slnc-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-slnc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-slnc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-slnc-label-accent {\n background: var(--soi-slnc-pomme);\n border-color: var(--soi-slnc-pomme);\n color: var(--soi-slnc-marine);\n font-weight: 600;\n}\n\n.soi-slnc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-slnc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-slnc-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-slnc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-slnc-pomme);\n border-radius: 2px;\n}\n\n.soi-slnc-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-slnc-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-slnc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-slnc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-slnc-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-slnc-section p em {\n font-size: clamp(12px, 1.8vw, 13px);\n color: var(--soi-slnc-text-muted);\n}\n\n.soi-slnc-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-slnc-benefit {\n background: var(--soi-slnc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-slnc-radius);\n border: 1px solid var(--soi-slnc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-slnc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-slnc-shadow-md);\n}\n\n.soi-slnc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-slnc-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-slnc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-slnc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-slnc-benefit:hover .soi-slnc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-slnc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-slnc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-slnc-benefit p {\n font-size: 15px;\n color: var(--soi-slnc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-slnc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-slnc-card {\n background: var(--soi-slnc-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-slnc-radius);\n border-left: 3px solid var(--soi-slnc-pomme);\n}\n\n.soi-slnc-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-slnc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-slnc-card p {\n font-size: 14px;\n color: var(--soi-slnc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-slnc-compo {\n background: var(--soi-slnc-off-white);\n border-radius: var(--soi-slnc-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-slnc-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-slnc-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-slnc-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-slnc-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-slnc-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-slnc-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-slnc-marine);\n text-align: right;\n}\n\n.soi-slnc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-slnc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-slnc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-slnc-radius);\n border: 1px solid var(--soi-slnc-line);\n align-items: flex-start;\n}\n\n.soi-slnc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-slnc-marine);\n color: var(--soi-slnc-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-slnc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-slnc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-slnc-step-content p {\n font-size: 15px;\n color: var(--soi-slnc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-slnc-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-slnc-pomme-light);\n border-left: 4px solid var(--soi-slnc-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-slnc-radius) var(--soi-slnc-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-slnc-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-slnc-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-slnc-marine);\n margin-bottom: 4px;\n}\n\n.soi-slnc-tip p {\n font-size: 15px;\n color: var(--soi-slnc-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-slnc-cta-box {\n background: var(--soi-slnc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-slnc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-slnc-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-slnc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-slnc-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-slnc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-slnc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-slnc-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-slnc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-slnc-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-slnc-compo-value {\n text-align: left;\n }\n\n .soi-slnc-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-slnc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-slnc-fiche {\n --soi-slnc-text-soft: #2C3E50;\n --soi-slnc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":62333267575114,"sku":"CE0690","price":9.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-liquide-neutre-huile-dolive-et-de-coco-500-ml-centifol-packshot.webp?v=1789721046"},{"product_id":"soin-lavant-toilette-intime-extra-doux-certifie-bio-100-ml-coslys","title":"Soin lavant toilette intime extra-doux certifié bio - 100 ml - Coslys","description":"\u003cdiv class=\"soi-intim-fiche\"\u003e\n\n\u003csection class=\"soi-intim-hero\"\u003e\n \u003cdiv class=\"soi-intim-hero-tag\"\u003e\n \u003cspan class=\"soi-intim-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène intime · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-intim-hero-title\"\u003eDouceur absolue pour votre intimité\u003c\/span\u003e\n \u003cp class=\"soi-intim-hero-subtitle\"\u003eUn soin lavant certifié COSMOS ORGANIC, sans savon ni parfum, formulé à la mauve bio d'Anjou pour respecter l'équilibre naturel de votre flore intime au quotidien, dès 3 ans.\u003c\/p\u003e\n \u003cdiv class=\"soi-intim-hero-labels\"\u003e\n \u003cspan class=\"soi-intim-label soi-intim-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-intim-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-intim-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-intim-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-intim-label\"\u003eTESTÉ GYNÉCOLOGIQUEMENT\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-intim-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce soin lavant intime bio Coslys ?\u003c\/h2\u003e\n \u003cp\u003eContrairement à de nombreux soins lavants intimes classiques qui contiennent des tensioactifs sulfatés ou des parfums irritants, ce gel Coslys mise sur une approche radicalement douce. Il convient aussi bien aux peaux sensibles qu'aux femmes enceintes ou allaitantes, et peut être utilisé en soin lavant intime post-accouchement.\u003c\/p\u003e\n \u003cdiv class=\"soi-intim-benefits\"\u003e\n \u003cdiv class=\"soi-intim-benefit\"\u003e\n \u003cdiv class=\"soi-intim-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003epH physiologique\u003c\/h3\u003e\n \u003cp\u003eRespecte l'équilibre naturel de la flore intime sans perturber son acidité protectrice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-benefit\"\u003e\n \u003cdiv class=\"soi-intim-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBase lavante végétale\u003c\/h3\u003e\n \u003cp\u003eNettoie efficacement sans agresser ni dessécher les zones les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-benefit\"\u003e\n \u003cdiv class=\"soi-intim-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eContrôle gynécologique\u003c\/h3\u003e\n \u003cp\u003eTolérance vérifiée cliniquement sous contrôle gynécologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-benefit\"\u003e\n \u003cdiv class=\"soi-intim-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e99,2 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eUne formule épurée, fabriquée en France, vegan et cruelty-free.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-intim-section\"\u003e\n \u003ch2\u003eLes actifs clés : aloe vera et mauve bio d'Anjou\u003c\/h2\u003e\n \u003cp\u003eCe qui distingue vraiment ce soin lavant intime, c'est sa synergie d'actifs naturels soigneusement sélectionnés :\u003c\/p\u003e\n \u003cdiv class=\"soi-intim-grid\"\u003e\n \u003cdiv class=\"soi-intim-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate et apaise la muqueuse, idéal en cas de légères irritations ou de sécheresse intime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-card\"\u003e\n \u003ch3\u003e🌸 Mauve bio d'Anjou\u003c\/h3\u003e\n \u003cp\u003ePlante reconnue pour ses vertus émollientes et apaisantes (Malva sylvestris), elle contribue à un confort durable après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-card\"\u003e\n \u003ch3\u003e💧 Eau florale de reine-des-prés\u003c\/h3\u003e\n \u003cp\u003eRéputée pour ses propriétés adoucissantes (Spiraea ulmaria), elle parfait la formule sans agresser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-card\"\u003e\n \u003ch3\u003e🌼 Bisabolol\u003c\/h3\u003e\n \u003cp\u003eDérivé naturel de la camomille, il calme les rougeurs et renforce la tolérance cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-intim-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Aqua (water), glycerin, sodium cocoyl glutamate, decyl glucoside, xanthan gum, spiraea ulmaria flower water*, malva sylvestris flower\/leaf\/stem water*, aloe barbadensis leaf juice powder*, bisabolol*, sodium benzoate, sodium chloride, citric acid, sodium dehydroacetate.\u003c\/p\u003e\n \u003cdiv class=\"soi-intim-tip\"\u003e\n \u003cdiv class=\"soi-intim-tip-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n \u003cp\u003e*Ingrédients issus de l'Agriculture Biologique. 99,2 % du total des ingrédients sont d'origine naturelle. 10 % du total sont issus de l'Agriculture Biologique. Certifié COSMOS ORGANIC par Ecocert Greenlife.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-grid-compact\"\u003e\n \u003cdiv class=\"soi-intim-card-mini\"\u003e\n \u003cspan class=\"soi-intim-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"soi-intim-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-intim-card-mini-value\"\u003e99,2 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-card-mini\"\u003e\n \u003cspan class=\"soi-intim-card-mini-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"soi-intim-card-mini-label\"\u003eAgriculture bio\u003c\/span\u003e\n \u003cspan class=\"soi-intim-card-mini-value\"\u003e10 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-card-mini\"\u003e\n \u003cspan class=\"soi-intim-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-intim-card-mini-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-intim-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-card-mini\"\u003e\n \u003cspan class=\"soi-intim-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-intim-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-intim-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-intim-section\"\u003e\n \u003ch2\u003eComment utiliser ce soin lavant intime ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-intim-timeline\"\u003e\n \u003cdiv class=\"soi-intim-step\"\u003e\n \u003cdiv class=\"soi-intim-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-intim-step-content\"\u003e\n \u003ch3\u003ePrélevez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de gel sur vos doigts propres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-step\"\u003e\n \u003cdiv class=\"soi-intim-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-intim-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eFaites légèrement mousser, puis appliquez uniquement en usage externe sur la zone intime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-step\"\u003e\n \u003cdiv class=\"soi-intim-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-intim-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez soigneusement à l'eau tiède. Évitez l'utilisation d'un gant de toilette pour préserver la douceur de la zone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-intim-tip\"\u003e\n \u003cdiv class=\"soi-intim-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eÀ utiliser quotidiennement, dès 3 ans. Ce soin est adapté aux femmes enceintes et en période d'allaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-intim-section\"\u003e\n \u003ch2\u003eCe produit est-il fait pour vous ?\u003c\/h2\u003e\n \u003cp\u003eCe soin lavant intime certifié bio est particulièrement recommandé si vous avez une zone intime réactive, si vous cherchez une alternative naturelle aux références courantes, ou encore si vous souhaitez un soin adapté après l'accouchement. Sa formule ultra-épurée et son pH respectueux en font un choix rassurant pour toute la famille.\u003c\/p\u003e\n \u003cdiv class=\"soi-intim-accordion\"\u003e\n \u003cdetails class=\"soi-intim-accordion-item\"\u003e\n \u003csummary class=\"soi-intim-accordion-header\"\u003e🧴 Conditionnement et tri\u003c\/summary\u003e\n \u003cdiv class=\"soi-intim-accordion-content\"\u003e\n \u003cp\u003eFlacon de 100 ml, pratique pour le voyage. Flacon à déposer dans le bac de tri jaune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-intim-accordion-item\"\u003e\n \u003csummary class=\"soi-intim-accordion-header\"\u003e🚫 Sans ingrédients indésirables\u003c\/summary\u003e\n \u003cdiv class=\"soi-intim-accordion-content\"\u003e\n \u003cp\u003eSans savon, sans parfum, sans huiles essentielles. 0 % d'ingrédient agressif pour respecter les zones les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-intim-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-intim-cta-box\"\u003e\n \u003cp class=\"soi-intim-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans l'intime\u003c\/p\u003e\n \u003cp class=\"soi-intim-cta-text\" style=\"color: white;\"\u003eUn soin lavant bio sans compromis : zéro ingrédient agressif, une douceur immédiate et une formule certifiée COSMOS ORGANIC fabriquée en France. Prenez soin de vous avec Soinat.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-intim-marine: #1A2D3D;\n --soi-intim-marine-dark: #0F1E2B;\n --soi-intim-marine-light: #2C4458;\n --soi-intim-pomme: #A1C544;\n --soi-intim-pomme-dark: #84A636;\n --soi-intim-pomme-light: rgba(161,197,68,0.10);\n\n --soi-intim-white: #FFFFFF;\n --soi-intim-off-white: #F8FAF6;\n --soi-intim-stone: #F1F3EE;\n --soi-intim-line: #E5E8E0;\n\n --soi-intim-primary: #C5A3C9;\n --soi-intim-primary-soft: #E8D5EA;\n --soi-intim-accent: #8BBAD9;\n\n --soi-intim-text: #1A2D3D;\n --soi-intim-text-soft: #4A5B6B;\n --soi-intim-text-muted: #7B8693;\n\n --soi-intim-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-intim-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-intim-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-intim-radius: 12px;\n --soi-intim-radius-sm: 8px;\n --soi-intim-radius-pill: 999px;\n}\n\n.soi-intim-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-intim-fiche img { max-width: 100%; height: auto; }\n\n.soi-intim-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-intim-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-intim-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-intim-hero {\n position: relative;\n background: var(--soi-intim-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-intim-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-intim-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-intim-pomme);\n}\n\n.soi-intim-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-intim-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-intim-pomme);\n border-radius: 50%;\n}\n\n.soi-intim-hero-title {\n display: block;\n color: var(--soi-intim-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-intim-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-intim-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-intim-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-intim-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-intim-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-intim-label-accent {\n background: var(--soi-intim-pomme);\n border-color: var(--soi-intim-pomme);\n color: var(--soi-intim-marine);\n font-weight: 600;\n}\n\n.soi-intim-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-intim-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-intim-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-intim-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-intim-pomme);\n border-radius: 2px;\n}\n\n.soi-intim-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-intim-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-intim-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-intim-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-top: 1.5rem;\n}\n\n.soi-intim-benefit {\n background: var(--soi-intim-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-intim-radius);\n border: 1px solid var(--soi-intim-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-intim-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-intim-shadow-md);\n}\n\n.soi-intim-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-intim-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-intim-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-intim-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-intim-benefit:hover .soi-intim-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-intim-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-intim-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-intim-benefit p {\n font-size: 15px;\n color: var(--soi-intim-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-intim-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-top: 1rem;\n}\n\n.soi-intim-card {\n background: var(--soi-intim-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-intim-radius);\n border-left: 3px solid var(--soi-intim-pomme);\n}\n\n.soi-intim-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-intim-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-intim-card p {\n font-size: 14px;\n color: var(--soi-intim-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-intim-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.25rem;\n}\n\n.soi-intim-card-mini {\n background: var(--soi-intim-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-intim-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-intim-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-intim-card-mini-label {\n font-size: 11px;\n color: var(--soi-intim-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-intim-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-intim-marine);\n}\n\n.soi-intim-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-intim-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-intim-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-intim-radius);\n border: 1px solid var(--soi-intim-line);\n align-items: flex-start;\n}\n\n.soi-intim-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-intim-marine);\n color: var(--soi-intim-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-intim-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-intim-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-intim-step-content p {\n font-size: 15px;\n color: var(--soi-intim-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-intim-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-intim-pomme-light);\n border-left: 4px solid var(--soi-intim-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-intim-radius) var(--soi-intim-radius) 0;\n align-items: flex-start;\n margin-top: 1rem;\n}\n\n.soi-intim-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-intim-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-intim-marine);\n margin-bottom: 4px;\n}\n\n.soi-intim-tip p {\n font-size: 15px;\n color: var(--soi-intim-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-intim-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.25rem;\n}\n\n.soi-intim-accordion-item {\n background: var(--soi-intim-off-white);\n border-radius: var(--soi-intim-radius-sm);\n border: 1px solid var(--soi-intim-line);\n overflow: hidden;\n}\n\n.soi-intim-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-intim-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-intim-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-intim-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-intim-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-intim-accordion-item[open] .soi-intim-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-intim-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-intim-accordion-content p {\n font-size: 14px;\n color: var(--soi-intim-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-intim-cta-box {\n background: var(--soi-intim-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-intim-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-intim-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-intim-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-intim-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-intim-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-intim-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-intim-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-intim-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-intim-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-intim-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-intim-fiche {\n --soi-intim-text-soft: #2C3E50;\n --soi-intim-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":62333269049674,"sku":"CS0265","price":3.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soin-lavant-toilette-intime-extra-doux-certifie-bio-100-ml-c-packshot.webp?v=1790243841"},{"product_id":"savon-d-alep-35-laurier-200-g-al-bara","title":"Savon d’Alep 35% Laurier – 200 g – Al Bara","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 · Al Bara\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eTrois millénaires de tradition savonnière\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eUn savon d'Alep authentique à 35% d'huile de baies de laurier, façonné artisanalement selon un savoir-faire ancestral pour les peaux en quête de pureté et de douceur.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e100% NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS HUILE DE PALME\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS CONSERVATEUR\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARFUM DE SYNTHÈSE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eLe savon d'Alep Al Bara : un soin lavant ancestral\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep 35% Laurier Al Bara est bien plus qu'un simple savon. C'est l'un des plus anciens savons du monde, né à Alep en Syrie il y a plus de 3 000 ans, façonné selon un savoir-faire artisanal transmis de génération en génération. Avec sa teneur élevée en huile de baies de laurier, cette version 35% s'adresse tout particulièrement aux peaux qui ont besoin d'un soin lavant à la fois purifiant, apaisant et naturel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Al Bara : le minimalisme au service de la peau\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eCe qui distingue un vrai savon d'Alep authentique, c'est la pureté de sa formule. Pas de parfum ajouté, pas de colorant, pas de conservateur. Seulement l'essentiel.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive de première pression\u003c\/h3\u003e\n \u003cp\u003eBase principale du savon, elle nourrit, adoucit et protège l'épiderme en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier à 35%\u003c\/h3\u003e\n \u003cp\u003ePurifie, apaise et contribue à assainir la peau. C'est l'actif signature du savon d'Alep.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e💧 Eau et soude\u003c\/h3\u003e\n \u003cp\u003eAgents de saponification naturels, indispensables à la formation du 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\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSon parfum discret et boisé provient uniquement des huiles qui le composent. Aucun ajout artificiel ne vient altérer cette authenticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POURQUOI 35% --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon d'Alep à 35% de laurier ?\u003c\/h2\u003e\n \u003cp\u003ePlus le pourcentage d'huile de laurier est élevé, plus les propriétés purifiantes et apaisantes du savon sont prononcées. Le 35% est particulièrement adapté aux peaux mixtes à grasses, aux peaux sujettes aux imperfections, ou encore à celles qui réagissent à de nombreux produits cosmétiques conventionnels.\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 et réactives\u003c\/h3\u003e\n \u003cp\u003eSa formule minimaliste respecte les épidermes les plus délicats.\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\u003eAcné et points noirs\u003c\/h3\u003e\n \u003cp\u003eSes propriétés purifiantes aident à assainir les peaux sujettes aux imperfections.\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\u003eEczéma et psoriasis\u003c\/h3\u003e\n \u003cp\u003eL'huile de laurier contribue à apaiser les peaux concernées par ces problématiques.\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 mixtes à grasses\u003c\/h3\u003e\n \u003cp\u003eCe savon purifie sans décaper, pour un nettoyage équilibré au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eCe savon peut s'utiliser aussi bien pour le visage que pour le corps, voire les cheveux. Recommandé par de nombreux dermatologues, il constitue une alternative naturelle fiable aux produits nettoyants chargés en agents irritants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- FABRICATION --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eUn processus de fabrication artisanal unique\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLe savon d'Alep Al Bara est fabriqué selon la méthode traditionnelle en trois étapes clés.\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\u003eCuisson lente au chaudron\u003c\/h3\u003e\n \u003cp\u003eLes huiles sont chauffées et mélangées à la soude pendant plusieurs jours.\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\u003eSéchage naturel\u003c\/h3\u003e\n \u003cp\u003eLes pains sont empilés dans des caves et séchés à l'air libre pendant 6 à 8 mois minimum.\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\u003eFaçonnage et découpe manuels\u003c\/h3\u003e\n \u003cp\u003eChaque pain est taillé à la main, ce qui explique ses contours légèrement irréguliers, signe d'authenticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eCe long processus de maturation est ce qui confère au savon d'Alep ses propriétés exceptionnelles. Plus il vieillit, plus il s'enrichit et devient doux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATION --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep sur le visage et le corps ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n \u003cp\u003eMouillez le pain de savon et faites mousser entre vos mains.\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\u003eAppliquer et masser\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse sur le visage ou le corps en massages circulaires doux. Rincez abondamment à 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\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eConserver correctement\u003c\/h3\u003e\n \u003cp\u003eÉgouttez votre pain entre chaque utilisation en le posant sur une savonnière à l'abri de l'eau stagnante.\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 les peaux sensibles, commencez par une utilisation 2 à 3 fois par semaine avant d'augmenter la fréquence selon la tolérance de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- 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\"\u003ePoids\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e200 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eAlep, Syrie\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\"\u003e100% artisanale et naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eÉtui en carton recyclable (bac jaune)\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\"\u003eHuile de palme, conservateur, parfum de synthèse\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;\"\u003eSe soigner naturellement\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eTrois millénaires de tradition dans le creux de vos mains. Naturel, pur, efficace : offrez à votre peau ce qu'elle mérite vraiment, 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 \/* === 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 bleu-vert oriental + ocre doré) === *\/\n --soi-alep-primary: #2A7A8A;\n --soi-alep-primary-soft: rgba(42,122,138,0.08);\n --soi-alep-accent: #C4A35A;\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(24px, 5vw, 35px);\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: 15px;\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 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: 16px;\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: 15px;\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 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: 15px;\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":"Al Bara","offers":[{"title":"Default Title","offer_id":62333302014282,"sku":"AB0005","price":8.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-35-laurier-200-g-al-bara-packshot.webp?v=1788439761"},{"product_id":"savon-d-alep-20-laurier-200-g-al-bara","title":"Savon d’Alep 20% Laurier – 200 g – Al Bara","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 naturelle · Al Bara\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eUn rituel millénaire pour votre peau\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eNé il y a plus de 3 000 ans dans la ville d'Alep, ce savon artisanal à 20% d'huile de laurier perpétue une tradition ancestrale au service de votre peau, avec une composition d'une rare simplicité.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e100% NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003e100% VÉGÉTAL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003e20% LAURIER\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eL'âme du savon d'Alep : une fabrication qui ne ment pas\u003c\/h2\u003e\n \u003cp\u003eChez Al Bara, chaque pain est fabriqué à Alep selon la méthode du chaudron ancestral : une cuisson lente à haute température, un refroidissement progressif, puis une découpe et un séchage naturel de plusieurs semaines. Pas de raccourci industriel. Ce soin artisanal garantit une qualité régulière et une tolérance cutanée remarquable, reconnue même sur les peaux les plus réactives.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep 20% Laurier\u003c\/h2\u003e\n \u003cp\u003eSa force tient à sa simplicité. La composition se résume à l'essentiel, sans aucun parfum ajouté, aucun colorant, aucun conservateur artificiel.\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 de première pression\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e80%\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\"\u003e20%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eAutres ingrédients\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eEau et soude naturelle\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 conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLe pourcentage de laurier indique la puissance du savon : à 20%, il convient à la plupart des types de peau, y compris les peaux sensibles et mixtes.\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\u003eBienfaits du savon d'Alep : ce qu'il apporte vraiment à 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\u003eNettoyage doux et profond\u003c\/h3\u003e\n \u003cp\u003eSa mousse fine élimine impuretés et excès de sébum sans agresser votre 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\u003ePeau souple et confortable\u003c\/h3\u003e\n \u003cp\u003eContrairement aux savons classiques, il ne dessèche pas grâce à la richesse de l'huile d'olive.\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\u003eAction purifiante\u003c\/h3\u003e\n \u003cp\u003eL'huile de laurier contribue à assainir les pores et à limiter l'apparition des boutons.\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\u003eApaisement des irritations\u003c\/h3\u003e\n \u003cp\u003eRecommandé pour les peaux sujettes à l'eczéma, au psoriasis léger ou aux rougeurs (sans remplacer un avis médical).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eVisage et corps\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\"\u003eConvient\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eToute la famille\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\u003eSavon d'Alep visage et cheveux : comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🧖 Utilisation sur le visage\u003c\/h3\u003e\n \u003cp\u003eMouillez votre peau, frottez doucement le pain entre vos mains pour créer une mousse légère, appliquez en massages circulaires puis rincez abondamment. Utilisez-le matin ou soir selon votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e💆 Utilisation sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eIl peut remplacer votre shampoing ordinaire si votre eau n'est pas trop calcaire. Frottez directement le pain sur cheveux mouillés, massez le cuir chevelu, puis rincez soigneusement. Un vinaigre de cidre dilué en rinçage final optimise le résultat.\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\u003eLaissez votre savon sécher entre chaque utilisation sur un porte-savon aéré. Un pain bien entretenu dure 2 à 3 mois.\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\u003eSavon d'Alep : avis dermatologue et tolérance cutanée\u003c\/h2\u003e\n \u003cp\u003eL'avis dermatologique sur le savon d'Alep est généralement positif : son pH légèrement alcalin, tempéré par la richesse en acide oléique de l'huile d'olive, en fait l'un des savons solides les mieux tolérés sur le marché. Il est souvent conseillé aux personnes allergiques aux produits conventionnels, aux femmes enceintes ou aux enfants dès le bas âge (sous avis médical).\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eConditionnement et éco-responsabilité\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid-compact\"\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003ePoids net\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003e200 g\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\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eCarton recyclable\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\"\u003eTri\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eBac jaune\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\"\u003ePlastique\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eAucun\u003c\/span\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;\"\u003eSe soigner naturellement\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eAuthentique, épuré, efficace : offrez à votre peau chaque jour un rituel millénaire avec la certitude de ne lui donner que 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 --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: #2E7D4F;\n --soi-alep-primary-soft: #E8F0EA;\n --soi-alep-accent: #C8A55A;\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.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(24px, 5vw, 35px);\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 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: 15px;\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-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\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.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 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: 15px;\n color: var(--soi-alep-text);\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-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":"Al Bara","offers":[{"title":"Default Title","offer_id":62333302178122,"sku":"AB0010","price":5.8,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-20-laurier-200-g-al-bara-packshot.webp?v=1788438411"},{"product_id":"savon-dalep-pur-olive-200-g-al-bara","title":"Savon d'Alep Pur Olive – 200 g – Al Bara","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 · Savon d'Alep · Al Bara\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eL'héritage millénaire de l'olive pure\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eFabriqué à Alep selon un savoir-faire vieux de plus de 3 000 ans, cuit au chaudron et façonné à la main, ce savon concentre l'essentiel : une seule huile, de l'olive, travaillée avec soin pour respecter votre peau au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003ePUR OLIVE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS COLORANT\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep Pur Olive Al Bara : le soin naturel millénaire pour votre peau\u003c\/h2\u003e\n \u003cp\u003eSi vous cherchez un savon \u003cstrong\u003e100 % naturel, doux et efficace\u003c\/strong\u003e, le savon d'Alep Pur Olive Al Bara est sans doute l'un des choix les plus sûrs qui soit. Fabriqué à Alep selon un savoir-faire vieux de plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e, cuit lentement au chaudron et façonné à la main, ce pain de 200 g concentre l'essentiel : une seule huile, de l'olive, travaillée avec soin pour respecter votre peau au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon d'Alep à l'huile d'olive pure ?\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep est souvent cité comme le premier savon solide inventé par l'humanité. Sa formule originelle, à base d'huile d'olive de première pression, n'a pratiquement pas changé depuis des millénaires. L'huile d'olive est naturellement riche en actifs précieux pour votre peau.\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\u003eAcides gras oléiques\u003c\/h3\u003e\n \u003cp\u003eNourrissent et renforcent la barrière cutanée pour une peau protégée au 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\u003eVitamine E\u003c\/h3\u003e\n \u003cp\u003eUn antioxydant naturel qui contribue à protéger la peau du vieillissement prématuré.\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\u003ePolyphénols\u003c\/h3\u003e\n \u003cp\u003eAux propriétés apaisantes reconnues, pour un confort durable après chaque lavage.\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\u003eVotre peau est nettoyée en douceur, sans arrachement du film hydrolipidique, avec une sensation de confort durable même sur les peaux les plus réactives.\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\u003ePour qui est-il fait ? Quelles peaux peut-il convenir ?\u003c\/h2\u003e\n \u003cp\u003eCe savon d'Alep Pur Olive convient particulièrement bien aux profils suivants :\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches ou très sèches\u003c\/h3\u003e\n \u003cp\u003eIl lave sans dessécher, contrairement aux savons classiques chargés en sulfates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eSa composition ultra-simple (zéro parfum ajouté, zéro colorant) réduit le risque d'irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🩹 Peaux atopiques ou sujettes aux rougeurs\u003c\/h3\u003e\n \u003cp\u003ePlusieurs dermatologues recommandent les savons d'Alep comme alternative douce aux syndets chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e✨ Peaux normales à mixtes\u003c\/h3\u003e\n \u003cp\u003eIl régule sans agresser, idéal en toilette quotidienne visage et corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eVous pouvez l'utiliser sur \u003cstrong\u003ele visage, le corps, les mains\u003c\/strong\u003e, et même pour le shampooing si votre cuir chevelu est sensible ou irrité.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Pur Olive Al Bara\u003c\/h2\u003e\n \u003cp\u003eLa force de ce savon, c'est sa transparence totale. Un ingrédient, un seul, travaillé avec respect.\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\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eHuile d'olive vierge de première pression (Olea europaea fruit oil)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eMéthode\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSaponification traditionnelle à chaud\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003ePain solide de 200 g\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\"\u003eÉtui carton recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eAucun additif, aucun conservateur synthétique, aucun parfum artificiel. La couleur dorée légèrement ocre du pain est naturelle et varie selon la saison de fabrication, signe d'un produit vivant et authentique.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eToilette visage et corps\u003c\/h3\u003e\n \u003cp\u003eFrottez le pain humide entre vos mains pour former une mousse, appliquez sur la peau, puis 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\u003eMulti-usage maison\u003c\/h3\u003e\n \u003cp\u003eIl peut aussi servir pour la lessive délicate, l'entretien du linge ou comme savon de cuisine naturel.\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\u003eConservation optimale\u003c\/h3\u003e\n \u003cp\u003eLaissez-le sécher entre deux utilisations sur un porte-savon aéré. Un savon bien égoutté dure beaucoup plus longtemps.\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\u003eQuestions fréquentes sur le savon d'Alep\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🩺 Le savon d'Alep est-il recommandé par les dermatologues ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eDe nombreux professionnels de la santé cutanée le conseillent comme alternative aux nettoyants synthétiques pour les peaux sensibles ou atopiques, grâce à sa composition minimaliste et l'absence de perturbateurs.\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🌿 Quelle différence avec un savon d'Alep à la baie de laurier ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eLe savon d'Alep Pur Olive est la version la plus douce et la plus universelle. La baie de laurier apporte des propriétés supplémentaires (purifiant, antiseptique léger), mais peut être plus concentrée pour certaines peaux. La version Pur Olive est idéale pour débuter ou pour les peaux très délicates.\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🧴 Peut-on l'utiliser sur le visage ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eOui, sans problème. Sa douceur en fait un excellent savon visage naturel, particulièrement apprécié des personnes qui souhaitent simplifier leur routine.\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;\"\u003eTrois millénaires de sagesse dans un pain de savon\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003ePas de superflu, pas de chimie inutile : juste de l'huile d'olive travaillée avec patience et savoir-faire, pour une peau propre, nourrie et apaisée chaque jour.\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: #C49A5C;\n --soi-alep-primary-soft: #D4B07A;\n --soi-alep-accent: #8B6F47;\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.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(24px, 5vw, 35px);\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 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 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: 15px;\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 margin-bottom: 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-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-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: 16px;\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: 15px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\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.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: 15px;\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":"Al Bara","offers":[{"title":"Default Title","offer_id":62333302702410,"sku":"AB0015","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-pur-olive-200-g-al-bara-packshot.webp?v=1791900632"},{"product_id":"savon-dalep-a-largile-rose-150-g-al-bara","title":"Savon d'Alep à l'argile rose – 150 g – Al Bara","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 · Al Bara\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eL'héritage millénaire des maîtres savonniers d'Alep\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eUn pain artisanal à l'huile d'olive et à l'argile rose d'Alep, 100 % naturel et végétal, pour une peau purifiée et éclatante au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e100% NATUREL ET VÉGÉTAL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS CONSERVATEUR\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARFUM DE SYNTHÈSE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eFABRICATION ARTISANALE\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 à l'argile rose : le rituel purifiant de l'Orient, pour une peau éclatante au naturel\u003c\/h2\u003e\n \u003cp\u003eDerrière chaque pain de savon \u003cstrong\u003eAl Bara à l'argile rose d'Alep\u003c\/strong\u003e se cache un héritage millénaire. Fabriqué à la main selon la méthode ancestrale des maîtres savonniers syriens, ce savon d'Alep à l'argile marie deux actifs d'exception : l'huile d'olive et l'argile rose d'Alep. Le résultat ? Un soin quotidien 100 % naturel, sans conservateur ni parfum ajouté, qui nettoie en profondeur sans jamais agresser votre peau.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pourquoi ce savon fait la différence --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi ce savon d'Alep à l'argile rouge fait la différence\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eCe savon tient ses propriétés de deux ingrédients complémentaires, au cœur de sa formule épurée.\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 d'olive\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras et en vitamine E, elle nourrit, assouplit et protège le film hydrolipidique 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\u003eArgile rose d'Alep\u003c\/h3\u003e\n \u003cp\u003eDouce et purifiante, elle absorbe l'excès de sébum, resserre les pores et ravive l'éclat du teint sans dessécher, même les peaux sensibles.\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\u003eContrairement à un savon classique industriel, ce pain artisanal respecte l'équilibre naturel de votre peau grâce à sa formule végétale ultra-épurée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : À qui s'adresse ce savon --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce savon d'Alep à l'argile ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e✨ Peaux mixtes à grasses\u003c\/h3\u003e\n \u003cp\u003eL'argile rose régule le sébum et affine le grain de peau en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌸 Peaux ternes ou fatiguées\u003c\/h3\u003e\n \u003cp\u003eL'association huile d'olive et argile ravive la luminosité du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSans parfum, sans conservateur, il convient aux peaux réactives qui supportent mal les produits conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e♻️ Adeptes du zéro déchet\u003c\/h3\u003e\n \u003cp\u003eEmballage carton recyclable, formule biodégradable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Comment utiliser --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon d'Alep à l'argile rose\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\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eMouillez votre visage ou votre corps à l'eau tiède pour ouvrir les pores et préparer la peau.\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\u003eCréez une mousse crémeuse\u003c\/h3\u003e\n \u003cp\u003eFrottez doucement le savon entre vos mains, puis appliquez la mousse en massages circulaires.\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 en douceur\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Séchez en tamponnant sans frotter.\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 au sec\u003c\/h3\u003e\n \u003cp\u003eConservez votre savon à l'abri de l'eau stagnante 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-alep-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e🪷\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eAstuce masque express\u003c\/strong\u003e\n \u003cp\u003eLaissez la mousse poser 1 à 2 minutes avant de rincer : l'argile agit en profondeur pour une peau visiblement purifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Composition --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep argile rose Al Bara\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eUne formule courte, lisible et 100 % végétale.\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\"\u003eBase saponifiée\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eHuile d'olive (Olea Europaea Fruit Oil)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eActif purifiant\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eArgile rose d'Alep\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\"\u003eConservateur, parfum de synthèse, colorant artificiel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e100 % naturelle et végétale, aucun ingrédient d'origine animale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Informations pratiques --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid-compact\"\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003ePoids\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003e150 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eVisage et corps\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\"\u003eArtisanale, méthode traditionnelle d'Alep\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\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eÉtui carton recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 : Précautions --\u003e\n \u003csection class=\"soi-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écautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eCe savon est un produit cosmétique naturel. Il ne se substitue pas à un traitement médical. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\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🧴 Types de peaux concernés\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eCe savon convient aux peaux mixtes, grasses, sensibles et ternes.\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♻️ Tri et recyclage\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eL'étui carton est à déposer dans le bac de tri jaune (les règles de tri peuvent varier selon votre localité).\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;\"\u003eUn rituel ancestral dans votre salle de bain\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau la simplicité d'un soin millénaire : deux ingrédients bien choisis, une fabrication artisanale, un éclat retrouvé chaque matin.\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: #B5694A;\n --soi-alep-primary-soft: rgba(181,105,74,0.10);\n --soi-alep-accent: #8C3E3E;\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(24px, 5vw, 35px);\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: 15px;\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}\n\n.soi-alep-card-mini {\n background: var(--soi-alep-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-alep-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-alep-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-alep-card-mini-label {\n font-size: 11px;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-alep-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\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: 15px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\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: 15px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"Default Title","offer_id":62333302833482,"sku":"AB0030","price":5.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-a-largile-rose-150-g-al-bara-packshot.webp?v=1788526958"},{"product_id":"savon-dalep-parfume-grenade-50-g-al-bara","title":"Savon d'Alep parfumé Grenade - Al Bara","description":"\u003cdiv class=\"soi-gren-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-gren-hero\"\u003e\n \u003cdiv class=\"soi-gren-hero-tag\"\u003e\n \u003cspan class=\"soi-gren-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Savon d'Alep · Al Bara\n \u003c\/div\u003e\n \u003cspan class=\"soi-gren-hero-title\"\u003eUn savoir-faire ancestral sublimé par la grenade\u003c\/span\u003e\n \u003cp class=\"soi-gren-hero-subtitle\"\u003eFabriqué artisanalement à Alep selon une méthode vieille de 3 000 ans, ce savon à l'huile d'olive parfumé à la grenade transforme chaque lavage en un rituel sensoriel d'Orient.\u003c\/p\u003e\n \u003cdiv class=\"soi-gren-hero-labels\"\u003e\n \u003cspan class=\"soi-gren-label soi-gren-label-accent\"\u003e100 % NATUREL ET VÉGÉTAL\u003c\/span\u003e\n \u003cspan class=\"soi-gren-label\"\u003eSANS HUILE DE PALME\u003c\/span\u003e\n \u003cspan class=\"soi-gren-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Pourquoi le savon d'Alep est unique --\u003e\n \u003csection class=\"soi-gren-section\"\u003e\n \u003ch2\u003ePourquoi le savon d'Alep est unique\u003c\/h2\u003e\n \u003cp\u003eConsidéré comme le \u003cstrong\u003epremier savon de l'histoire\u003c\/strong\u003e, le savon d'Alep tire son nom de la ville syrienne éponyme. Sa force repose sur une formule d'une sobriété remarquable : de l'huile d'olive, de l'eau et de la soude. Contrairement aux savons industriels, il ne contient aucun dérivé de pétrole, aucune huile de palme, aucun conservateur artificiel.\u003c\/p\u003e\n \u003cp\u003eCe que les dermatologues apprécient dans le savon d'Alep, c'est justement sa composition minimaliste, respectueuse même des peaux les plus sensibles. Il nettoie sans décaper, hydrate sans alourdir, et convient aussi bien au visage qu'au corps.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : La grenade --\u003e\n \u003csection class=\"soi-gren-section\"\u003e\n \u003ch2\u003eLa grenade : une senteur d'Orient qui éveille les sens\u003c\/h2\u003e\n \u003cp\u003eAl Bara a choisi de parfumer ce savon d'Alep à la \u003cstrong\u003egrenade\u003c\/strong\u003e, fruit emblématique des jardins orientaux. Fraîche, légèrement acidulée, pétillante, cette note fruitée transforme votre rituel de lavage en un moment de plaisir sensoriel. Elle laisse sur la peau une sensation de propreté lumineuse et de douce fraîcheur, sans jamais être entêtante.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Composition --\u003e\n \u003csection class=\"soi-gren-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Grenade Al Bara\u003c\/h2\u003e\n \u003cp class=\"soi-gren-section-intro\"\u003eSa formule est \u003cstrong\u003e100 % naturelle et végétale\u003c\/strong\u003e, fabriquée artisanalement à Alep selon la méthode traditionnelle au chaudron :\u003c\/p\u003e\n \u003cdiv class=\"soi-gren-grid\"\u003e\n \u003cdiv class=\"soi-gren-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eBase nourrissante et adoucissante, reconnue pour ses vertus apaisantes sur la peau sèche et sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-card\"\u003e\n \u003ch3\u003e💧 Eau et soude végétale\u003c\/h3\u003e\n \u003cp\u003eNécessaires à la saponification, totalement neutralisées dans le produit fini.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-card\"\u003e\n \u003ch3\u003e🌺 Parfum de grenade\u003c\/h3\u003e\n \u003cp\u003eNote fruitée et lumineuse inspirée des jardins d'Orient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-tip\"\u003e\n \u003cdiv class=\"soi-gren-tip-icon\"\u003e🚫\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eEngagements de formulation\u003c\/strong\u003e\n \u003cp\u003eSans huile de palme, sans colorant artificiel, sans conservateur synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Comment utiliser --\u003e\n \u003csection class=\"soi-gren-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep au quotidien\u003c\/h2\u003e\n \u003cp class=\"soi-gren-section-intro\"\u003eCe savon se prête à de nombreux usages, c'est l'un de ses grands atouts :\u003c\/p\u003e\n \u003cdiv class=\"soi-gren-timeline\"\u003e\n \u003cdiv class=\"soi-gren-step\"\u003e\n \u003cdiv class=\"soi-gren-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gren-step-content\"\u003e\n \u003ch3\u003eSavon visage\u003c\/h3\u003e\n \u003cp\u003eFaites mousser doucement entre vos mains, appliquez en évitant le contour des yeux, rincez à l'eau tiède. Sa douceur convient aux peaux mixtes, sèches ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-step\"\u003e\n \u003cdiv class=\"soi-gren-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gren-step-content\"\u003e\n \u003ch3\u003eSavon corps\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le directement sous la douche pour un nettoyage quotidien respectueux de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-step\"\u003e\n \u003cdiv class=\"soi-gren-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gren-step-content\"\u003e\n \u003ch3\u003eSavon d'invité ou cadeau\u003c\/h3\u003e\n \u003cp\u003eSon format 50 g et son emballage soigné en font une attention parfumée idéale, à offrir ou à glisser dans un sac de voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-tip\"\u003e\n \u003cdiv class=\"soi-gren-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, posez-le sur un porte-savon drainant entre chaque utilisation et laissez-le sécher à l'air libre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Informations pratiques --\u003e\n \u003csection class=\"soi-gren-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-gren-compo\"\u003e\n \u003cdiv class=\"soi-gren-compo-row\"\u003e\n \u003cspan class=\"soi-gren-compo-label\"\u003ePoids\u003c\/span\u003e\n \u003cspan class=\"soi-gren-compo-value\"\u003e50 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-compo-row\"\u003e\n \u003cspan class=\"soi-gren-compo-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-gren-compo-value\"\u003ePain de savon solide, format voyage ou invité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-compo-row\"\u003e\n \u003cspan class=\"soi-gren-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-gren-compo-value\"\u003eArtisanale, méthode traditionnelle au chaudron, à Alep\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-compo-row\"\u003e\n \u003cspan class=\"soi-gren-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-gren-compo-value\"\u003e100 % naturelle et végétale, sans huile de palme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-compo-row\"\u003e\n \u003cspan class=\"soi-gren-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-gren-compo-value\"\u003eVisage, corps, usage familial quotidien\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-compo-row\"\u003e\n \u003cspan class=\"soi-gren-compo-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-gren-compo-value\"\u003eÉtui carton à déposer dans le bac de tri jaune (règles pouvant varier selon la localité)\u003c\/span\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-gren-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le savon d'Alep\u003c\/h2\u003e\n \u003cdiv class=\"soi-gren-accordion\"\u003e\n \u003cdetails class=\"soi-gren-accordion-item\"\u003e\n \u003csummary class=\"soi-gren-accordion-header\"\u003e🧴 Le savon d'Alep convient-il au visage ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gren-accordion-content\"\u003e\n \u003cp\u003eOui, à condition de bien le rincer et de l'utiliser sans frotter. Sa base huile d'olive le rend particulièrement doux pour les peaux sensibles ou sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gren-accordion-item\"\u003e\n \u003csummary class=\"soi-gren-accordion-header\"\u003e🔎 Quelle est la différence avec un savon d'Alep classique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gren-accordion-content\"\u003e\n \u003cp\u003eLe savon d'Alep traditionnel ne contient aucun parfum. Ce modèle Al Bara y ajoute une touche de grenade pour enrichir l'expérience sensorielle, tout en conservant la base naturelle d'origine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gren-accordion-item\"\u003e\n \u003csummary class=\"soi-gren-accordion-header\"\u003e💧 Peut-on l'utiliser en format liquide ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gren-accordion-content\"\u003e\n \u003cp\u003eCe savon se présente sous forme solide. Pour obtenir une texture liquide, il suffit de le diluer dans de l'eau chaude, bien que le format pain reste le plus économique et le moins emballé.\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-gren-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gren-cta-box\"\u003e\n \u003cp class=\"soi-gren-cta-tag\" style=\"color: white;\"\u003eLe soin ancestral parfumé d'Orient\u003c\/p\u003e\n \u003cp class=\"soi-gren-cta-text\" style=\"color: white;\"\u003eLaissez-vous porter par les jardins d'Orient avec ce savon d'Alep parfumé à la grenade signé Al Bara. Une formule ancestrale, une senteur fruitée et lumineuse, une peau nettoyée en douceur chaque jour.\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-gren-marine: #1A2D3D;\n --soi-gren-marine-dark: #0F1E2B;\n --soi-gren-marine-light: #2C4458;\n --soi-gren-pomme: #A1C544;\n --soi-gren-pomme-dark: #84A636;\n --soi-gren-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-gren-white: #FFFFFF;\n --soi-gren-off-white: #F8FAF6;\n --soi-gren-stone: #F1F3EE;\n --soi-gren-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (extraites du packaging rose grenade + savon olive) === *\/\n --soi-gren-primary: #D4687A;\n --soi-gren-primary-soft: rgba(212,104,122,0.10);\n --soi-gren-accent: #B89A52;\n\n \/* === Textes === *\/\n --soi-gren-text: #1A2D3D;\n --soi-gren-text-soft: #4A5B6B;\n --soi-gren-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-gren-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gren-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gren-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gren-radius: 12px;\n --soi-gren-radius-sm: 8px;\n --soi-gren-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-gren-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gren-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-gren-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gren-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gren-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gren-hero {\n position: relative;\n background: var(--soi-gren-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-gren-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gren-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gren-primary);\n}\n\n.soi-gren-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-gren-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gren-primary);\n border-radius: 50%;\n}\n\n.soi-gren-hero-title {\n display: block;\n color: var(--soi-gren-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-gren-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-gren-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gren-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-gren-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gren-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gren-label-accent {\n background: var(--soi-gren-primary);\n border-color: var(--soi-gren-primary);\n color: var(--soi-gren-white);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gren-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gren-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gren-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-gren-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gren-pomme);\n border-radius: 2px;\n}\n\n.soi-gren-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gren-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-gren-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gren-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gren-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gren-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-gren-card {\n background: var(--soi-gren-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gren-radius);\n border-left: 3px solid var(--soi-gren-pomme);\n}\n\n.soi-gren-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gren-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gren-card p {\n font-size: 14px;\n color: var(--soi-gren-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-gren-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-gren-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gren-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gren-radius);\n border: 1px solid var(--soi-gren-line);\n align-items: flex-start;\n}\n\n.soi-gren-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gren-marine);\n color: var(--soi-gren-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-gren-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gren-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gren-step-content p {\n font-size: 15px;\n color: var(--soi-gren-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-gren-compo {\n background: var(--soi-gren-off-white);\n border-radius: var(--soi-gren-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-gren-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-gren-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-gren-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-gren-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-gren-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-gren-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-gren-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-gren-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gren-pomme-light);\n border-left: 4px solid var(--soi-gren-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gren-radius) var(--soi-gren-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-gren-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gren-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gren-marine);\n margin-bottom: 4px;\n}\n\n.soi-gren-tip p {\n font-size: 15px;\n color: var(--soi-gren-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gren-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gren-accordion-item {\n background: var(--soi-gren-off-white);\n border-radius: var(--soi-gren-radius-sm);\n border: 1px solid var(--soi-gren-line);\n overflow: hidden;\n}\n\n.soi-gren-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gren-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-gren-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gren-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gren-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gren-accordion-item[open] .soi-gren-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gren-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gren-accordion-content p {\n font-size: 14px;\n color: var(--soi-gren-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gren-cta-box {\n background: var(--soi-gren-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gren-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gren-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-gren-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gren-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-gren-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-gren-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gren-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-gren-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gren-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-gren-compo-value {\n text-align: left;\n }\n\n .soi-gren-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gren-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gren-fiche {\n --soi-gren-text-soft: #2C3E50;\n --soi-gren-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"50 g","offer_id":63422385619274,"sku":"AB0035","price":3.98,"currency_code":"EUR","in_stock":true},{"title":"100 g","offer_id":63422385652042,"sku":"AB0040","price":4.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-parfume-grenade-50-g-al-bara-packshot.webp?v=1788532975"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/pour_le_corps.webp?v=1780058464","url":"https:\/\/firmtoaromatherapy.com\/collections\/hygiene-corps.oembed","provider":"Soinature","version":"1.0","type":"link"}