{"title":"Prendre soin de sa peau","description":"","products":[{"product_id":"creme-pieds-secs-propolia","title":"Crème pieds secs réparatrice Bio - Propolia","description":"\u003cdiv class=\"soi-cpied-fiche\"\u003e\n\n\u003csection class=\"soi-cpied-hero\"\u003e\n \u003cdiv class=\"soi-cpied-hero-tag\"\u003e\n \u003cspan class=\"soi-cpied-tag-dot\"\u003e\u003c\/span\u003e\n Soin des pieds · Propolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-cpied-hero-title\"\u003eL'apithérapie au service de vos pieds\u003c\/span\u003e\n \u003cp class=\"soi-cpied-hero-subtitle\"\u003eMiel, propolis et karité bio réunis dans une crème réparatrice à la texture soyeuse, pour retrouver des pieds doux, souples et confortables au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-cpied-hero-labels\"\u003e\n \u003cspan class=\"soi-cpied-label soi-cpied-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-cpied-label\"\u003eFABRIQUÉE EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-cpied-label\"\u003eTESTÉE DERMATOLOGIQUEMENT\u003c\/span\u003e\n \u003cspan class=\"soi-cpied-label\"\u003eBIO\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cpied-section\"\u003e\n \u003ch2\u003ePourquoi cette crème pieds secs est différente ?\u003c\/h2\u003e\n \u003cp class=\"soi-cpied-section-intro\"\u003eLa Crème Pieds Réparatrice Propolia est certifiée COSMOS ORGANIC et fabriquée en Occitanie. Elle repose sur une synergie de 5 actifs issus de la ruche et de la nature, pour traiter en profondeur les pieds secs, rugueux ou abîmés, même les plus récalcitrants.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-cpied-benefits\"\u003e\n \u003cdiv class=\"soi-cpied-benefit\"\u003e\n \u003cdiv class=\"soi-cpied-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMiel bio\u003c\/h3\u003e\n \u003cp\u003eHumectant naturel, il attire et retient l'eau dans la peau pour une hydratation durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cpied-benefit\"\u003e\n \u003cdiv class=\"soi-cpied-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBeurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eAgent relipidant de référence, il nourrit, assouplit et répare les couches supérieures de l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cpied-benefit\"\u003e\n \u003cdiv class=\"soi-cpied-benefit-icon\"\u003e\u003cspan\u003e🐝\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePropolis brute bio\u003c\/h3\u003e\n \u003cp\u003eBouclier naturel de la ruche, elle protège et apaise les zones fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cpied-benefit\"\u003e\n \u003cdiv class=\"soi-cpied-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eJus d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaisant et régénérant, il soutient le renouvellement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cpied-benefit\"\u003e\n \u003cdiv class=\"soi-cpied-benefit-icon\"\u003e\u003cspan\u003e💜\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eLavande bio\u003c\/h3\u003e\n \u003cp\u003eEau florale et huile essentielle au parfum naturel délicat, avec un effet apaisant sur la peau sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003eLes huiles de coco, jojoba et tournesol complètent cette formule pour une texture fondante, absorbée en quelques secondes, sans film gras ni sensation collante.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cpied-section\"\u003e\n \u003ch2\u003ePour qui est cette crème réparatrice pour pieds secs ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-cpied-grid\"\u003e\n \u003cdiv class=\"soi-cpied-card\"\u003e\n \u003ch3\u003e🦶 Talons secs et craquelés\u003c\/h3\u003e\n \u003cp\u003eVous souffrez de crevasses, de rugosités persistantes ou de callosités qui résistent aux soins classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cpied-card\"\u003e\n \u003ch3\u003e☀️ Pieds agressés par les saisons\u003c\/h3\u003e\n \u003cp\u003eAprès l'été en sandales ou l'hiver dans des chaussures fermées, votre peau manque de souplesse et tire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cpied-card\"\u003e\n \u003ch3\u003e🏃 Pieds sollicités au quotidien\u003c\/h3\u003e\n \u003cp\u003eVous restez longtemps debout ou vous pratiquez un sport régulier, vos pieds ont besoin d'un soin réparateur adapté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cpied-section\"\u003e\n \u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-cpied-timeline\"\u003e\n \u003cdiv class=\"soi-cpied-step\"\u003e\n \u003cdiv class=\"soi-cpied-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cpied-step-content\"\u003e\n \u003ch3\u003eAppliquez sur peau propre et sèche\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de crème et massez chaque pied en insistant sur les talons, la plante et les orteils. Laissez absorber complètement avant d'enfiler vos chaussettes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cpied-step\"\u003e\n \u003cdiv class=\"soi-cpied-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cpied-step-content\"\u003e\n \u003ch3\u003eEn soin nocturne pour pieds très secs\u003c\/h3\u003e\n \u003cp\u003ePour des résultats visibles plus rapidement sur les pieds très secs et abîmés, appliquez le soir au coucher avec des chaussettes en coton pour une action réparatrice nocturne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cpied-section\"\u003e\n \u003ch2\u003ePoints forts en un coup d'œil\u003c\/h2\u003e\n \u003cdiv class=\"soi-cpied-grid-compact\"\u003e\n \u003cdiv class=\"soi-cpied-card-mini\"\u003e\n \u003cspan class=\"soi-cpied-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-cpied-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-cpied-card-mini-value\"\u003e99 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cpied-card-mini\"\u003e\n \u003cspan class=\"soi-cpied-card-mini-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"soi-cpied-card-mini-label\"\u003eAgriculture bio\u003c\/span\u003e\n \u003cspan class=\"soi-cpied-card-mini-value\"\u003e51 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cpied-card-mini\"\u003e\n \u003cspan class=\"soi-cpied-card-mini-icon\"\u003e⭐\u003c\/span\u003e\n \u003cspan class=\"soi-cpied-card-mini-label\"\u003eNote INCI Beauty\u003c\/span\u003e\n \u003cspan class=\"soi-cpied-card-mini-value\"\u003e17,3 \/ 20\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cpied-card-mini\"\u003e\n \u003cspan class=\"soi-cpied-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-cpied-card-mini-label\"\u003ePlastique recyclé\u003c\/span\u003e\n \u003cspan class=\"soi-cpied-card-mini-value\"\u003e45 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cpied-tip\"\u003e\n \u003cdiv class=\"soi-cpied-tip-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n \u003cp\u003eCette crème offre une texture non grasse au fini soyeux, avec une absorption rapide. Elle est testée sous contrôle dermatologique et le tube contient 75 ml de soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cpied-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-cpied-compo\"\u003e\n \u003cdiv class=\"soi-cpied-compo-row\"\u003e\n \u003cspan class=\"soi-cpied-compo-label\"\u003eVolume\u003c\/span\u003e\n \u003cspan class=\"soi-cpied-compo-value\"\u003e75 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cpied-compo-row\"\u003e\n \u003cspan class=\"soi-cpied-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-cpied-compo-value\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cpied-compo-row\"\u003e\n \u003cspan class=\"soi-cpied-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-cpied-compo-value\"\u003eFrance, Occitanie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cpied-accordion\"\u003e\n \u003cdetails class=\"soi-cpied-accordion-item\"\u003e\n \u003csummary class=\"soi-cpied-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-cpied-accordion-content\"\u003e\n \u003cp\u003eAQUA (WATER), LAVANDULA ANGUSTIFOLIA FLOWER WATER*, BUTYROSPERMUM PARKII (SHEA) BUTTER*, COCOS NUCIFERA (COCONUT) OIL*, ALOE BARBADENSIS LEAF JUICE*, GLYCERIN**, CETEARYL ALCOHOL, SIMMONDSIA CHINENSIS (JOJOBA) SEED OIL*, GLYCERYL STEARATE, JOJOBA ESTERS, MEL (HONEY)*, PROPOLIS CERA*, LAVANDULA ANGUSTIFOLIA OIL*, HELIANTHUS ANNUUS SEED OIL, HELIANTHUS ANNUUS SEED WAX, XANTHAN GUM, TOCOPHEROL, SODIUM STEAROYL GLUTAMATE, POTASSIUM SORBATE, SODIUM BENZOATE, CITRIC ACID, ALCOHOL**, POLYGLYCERIN-3, BETA-CARYOPHYLLENE, CAMPHOR, GERANIOL, GERANYL ACETATE, LIMONENE, LINALOOL, LINALYL ACETATE, PINENE, TERPINEOL\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'Agriculture Biologique. ** Transformés à partir d'ingrédients biologiques. Contient des allergènes naturellement présents dans les huiles essentielles et l'extrait de propolis (géraniol, linalool, limonène, etc.).\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-cpied-section\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"soi-cpied-accordion\"\u003e\n \u003cdetails class=\"soi-cpied-accordion-item\"\u003e\n \u003csummary class=\"soi-cpied-accordion-header\"\u003e⚠️ Conservation et précautions\u003c\/summary\u003e\n \u003cdiv class=\"soi-cpied-accordion-content\"\u003e\n \u003cp\u003eConserver à température ambiante, à l'abri de la chaleur et de l'humidité. Ce produit est un soin cosmétique : il ne remplace pas un avis médical en cas de problème podologique sévère. En cas de réaction, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cpied-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cpied-cta-box\"\u003e\n \u003cp class=\"soi-cpied-cta-tag\" style=\"color: white;\"\u003eUn rituel simple, naturel et efficace\u003c\/p\u003e\n \u003cp class=\"soi-cpied-cta-text\" style=\"color: white;\"\u003eVos pieds portent votre quotidien. Offrez-leur le meilleur de la ruche et du karité bio : une crème qui répare, hydrate et adoucit en profondeur, avec un délicat parfum de lavande qui invite à ralentir.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-cpied-marine: #1A2D3D;\n --soi-cpied-marine-dark: #0F1E2B;\n --soi-cpied-marine-light: #2C4458;\n --soi-cpied-pomme: #A1C544;\n --soi-cpied-pomme-dark: #84A636;\n --soi-cpied-pomme-light: rgba(161,197,68,0.10);\n --soi-cpied-white: #FFFFFF;\n --soi-cpied-off-white: #F8FAF6;\n --soi-cpied-stone: #F1F3EE;\n --soi-cpied-line: #E5E8E0;\n --soi-cpied-primary: #C4927A;\n --soi-cpied-primary-soft: #E8D5CB;\n --soi-cpied-accent: #D4A82A;\n --soi-cpied-text: #1A2D3D;\n --soi-cpied-text-soft: #4A5B6B;\n --soi-cpied-text-muted: #7B8693;\n --soi-cpied-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cpied-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cpied-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cpied-radius: 12px;\n --soi-cpied-radius-sm: 8px;\n --soi-cpied-radius-pill: 999px;\n}\n\n.soi-cpied-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cpied-fiche img { max-width: 100%; height: auto; }\n\n.soi-cpied-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cpied-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cpied-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-cpied-hero {\n position: relative;\n background: var(--soi-cpied-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-cpied-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-cpied-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-cpied-pomme);\n}\n\n.soi-cpied-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-cpied-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cpied-pomme);\n border-radius: 50%;\n}\n\n.soi-cpied-hero-title {\n display: block;\n color: var(--soi-cpied-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-cpied-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-cpied-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-cpied-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-cpied-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cpied-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-cpied-label-accent {\n background: var(--soi-cpied-pomme);\n border-color: var(--soi-cpied-pomme);\n color: var(--soi-cpied-marine);\n font-weight: 600;\n}\n\n.soi-cpied-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cpied-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cpied-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-cpied-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cpied-pomme);\n border-radius: 2px;\n}\n\n.soi-cpied-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-cpied-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-cpied-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cpied-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-cpied-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-cpied-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-cpied-benefit {\n background: var(--soi-cpied-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cpied-radius);\n border: 1px solid var(--soi-cpied-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cpied-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cpied-shadow-md);\n}\n\n.soi-cpied-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cpied-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-cpied-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cpied-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-cpied-benefit:hover .soi-cpied-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-cpied-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cpied-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cpied-benefit p {\n font-size: 13px;\n color: var(--soi-cpied-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cpied-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-cpied-card {\n background: var(--soi-cpied-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cpied-radius);\n border-left: 3px solid var(--soi-cpied-pomme);\n}\n\n.soi-cpied-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cpied-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cpied-card p {\n font-size: 14px;\n color: var(--soi-cpied-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cpied-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-cpied-card-mini {\n background: var(--soi-cpied-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-cpied-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-cpied-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-cpied-card-mini-label {\n font-size: 11px;\n color: var(--soi-cpied-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-cpied-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cpied-marine);\n}\n\n.soi-cpied-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-cpied-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cpied-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cpied-radius);\n border: 1px solid var(--soi-cpied-line);\n align-items: flex-start;\n}\n\n.soi-cpied-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cpied-marine);\n color: var(--soi-cpied-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-cpied-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cpied-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-cpied-step-content p {\n font-size: 14px;\n color: var(--soi-cpied-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cpied-compo {\n background: var(--soi-cpied-off-white);\n border-radius: var(--soi-cpied-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-cpied-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-cpied-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-cpied-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-cpied-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-cpied-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-cpied-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-cpied-marine);\n text-align: right;\n}\n\n.soi-cpied-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cpied-pomme-light);\n border-left: 4px solid var(--soi-cpied-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cpied-radius) var(--soi-cpied-radius) 0;\n align-items: flex-start;\n}\n\n.soi-cpied-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-cpied-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cpied-marine);\n margin-bottom: 4px;\n}\n\n.soi-cpied-tip p {\n font-size: 14px;\n color: var(--soi-cpied-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cpied-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-cpied-accordion-item {\n background: var(--soi-cpied-off-white);\n border-radius: var(--soi-cpied-radius-sm);\n border: 1px solid var(--soi-cpied-line);\n overflow: hidden;\n}\n\n.soi-cpied-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cpied-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-cpied-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-cpied-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cpied-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-cpied-accordion-item[open] .soi-cpied-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-cpied-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-cpied-accordion-content p {\n font-size: 14px;\n color: var(--soi-cpied-text-soft);\n line-height: 1.6;\n margin: 0 0 0.6rem 0;\n}\n\n.soi-cpied-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.soi-cpied-cta-box {\n background: var(--soi-cpied-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cpied-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-cpied-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-cpied-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-cpied-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-cpied-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-cpied-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-cpied-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-cpied-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-cpied-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-cpied-compo-value {\n text-align: left;\n }\n\n .soi-cpied-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-cpied-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-cpied-fiche {\n --soi-cpied-text-soft: #2C3E50;\n --soi-cpied-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61602996781386,"sku":"AP0066","price":11.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-pieds-secs-bio-miel-karite-et-propolis-propolia-packshot.webp?v=1785257886"},{"product_id":"gel-soin-corps-au-shatavari-certifie-bio-ayurvana","title":"Gel soin corps au Shatavari certifié bio - Ayurvana","description":"\n\u003cdiv class=\"soi-shat-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-shat-hero\"\u003e\n \u003cdiv class=\"soi-shat-hero-tag\"\u003e\n \u003cspan class=\"soi-shat-tag-dot\"\u003e\u003c\/span\u003e\n Soin corps ayurvédique · Ayurvana\n \u003c\/div\u003e\n \u003cspan class=\"soi-shat-hero-title\"\u003eGel soin corps au Shatavari certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-shat-hero-subtitle\"\u003eHydratation profonde, tonicité visible et éclat naturel : la sagesse de l'Ayurveda au service de votre peau, dans un gel certifié Cosmos Organic.\u003c\/p\u003e\n \u003cdiv class=\"soi-shat-hero-labels\"\u003e\n \u003cspan class=\"soi-shat-label soi-shat-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shat-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-shat-label\"\u003eAYURVÉDIQUE\u003c\/span\u003e\n \u003cspan class=\"soi-shat-label\"\u003eECOCERT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 : Gel soin corps au Shatavari bio : hydratation, tonicité et éclat naturel --\u003e\n \u003csection class=\"soi-shat-section\"\u003e\n \u003ch2\u003eGel soin corps au Shatavari bio : hydratation, tonicité et éclat naturel\u003c\/h2\u003e\n \u003cp\u003eSi votre peau manque de souplesse, tire après la douche ou réclame simplement plus de douceur au quotidien, ce gel corps au Shatavari signé Ayurvana mérite toute votre attention. Certifié \u003cstrong\u003eCosmos Organic par Ecocert\u003c\/strong\u003e, il puise dans la sagesse de l'Ayurveda pour offrir à votre peau un soin complet : hydratation profonde, tonicité visible et protection naturelle. Que vous ayez la peau sèche, sensible ou mixte, ce gel s'adapte à vous.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 : Le Shatavari : l'actif phare venu d'Ayurveda --\u003e\n \u003csection class=\"soi-shat-section\"\u003e\n \u003ch2\u003eLe Shatavari : l'actif phare de l'Ayurveda\u003c\/h2\u003e\n \u003cp\u003eLe \u003cstrong\u003eShatavari (Asparagus racemosus)\u003c\/strong\u003e est une plante adaptogène utilisée depuis plus de 3 000 ans en médecine ayurvédique. Côté cosmétique, son extrait de racine est reconnu pour sa richesse en saponines et en mucilages, deux composés qui forment un film protecteur sur la peau et retiennent l'humidité en profondeur.\u003c\/p\u003e\n \u003cdiv class=\"soi-shat-benefits\"\u003e\n \u003cdiv class=\"soi-shat-benefit\"\u003e\n \u003cdiv class=\"soi-shat-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFermeté visible\u003c\/h3\u003e\n \u003cp\u003eLes saponines du Shatavari contribuent à raffermir la peau dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shat-benefit\"\u003e\n \u003cdiv class=\"soi-shat-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation durable\u003c\/h3\u003e\n \u003cp\u003eLes mucilages retiennent l'humidité en profondeur et forment un film protecteur naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shat-benefit\"\u003e\n \u003cdiv class=\"soi-shat-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eConfort immédiat\u003c\/h3\u003e\n \u003cp\u003eUne peau visiblement plus tonifiée et nettement plus confortable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 : Une formule bio complète, pensée pour la peau --\u003e\n \u003csection class=\"soi-shat-section\"\u003e\n \u003ch2\u003eUne formule bio complète, pensée pour la peau\u003c\/h2\u003e\n \u003cp class=\"soi-shat-section-intro\"\u003eLa force de ce gel corps réside dans la synergie de ses ingrédients, tous soigneusement sélectionnés pour leur efficacité et leur tolérance cutanée.\u003c\/p\u003e\n \u003cdiv class=\"soi-shat-grid\"\u003e\n \u003cdiv class=\"soi-shat-card\"\u003e\n \u003ch3\u003e🌱 Extrait de Shatavari bio\u003c\/h3\u003e\n \u003cp\u003eNourrit, repulpe et protège la barrière cutanée pour une peau durablement confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shat-card\"\u003e\n \u003ch3\u003e🪴 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise, hydrate et soutient la régénération cellulaire de l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shat-card\"\u003e\n \u003ch3\u003e🌸 Eau florale d'hamamélis bio\u003c\/h3\u003e\n \u003cp\u003eResserre les pores, tonifie et purifie la peau en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shat-card\"\u003e\n \u003ch3\u003e🌹 Eau florale de rose bio\u003c\/h3\u003e\n \u003cp\u003eAdoucit les peaux sensibles et aide à équilibrer les peaux à tendance grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shat-card\"\u003e\n \u003ch3\u003e🍊 Huiles essentielles d'agrumes\u003c\/h3\u003e\n \u003cp\u003eL'orange douce et la mandarine verte apportent une note fraîche et revitalisante à chaque application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 : Comment utiliser le gel soin corps au Shatavari ? --\u003e\n \u003csection class=\"soi-shat-section\"\u003e\n \u003ch2\u003eComment utiliser le gel soin corps au Shatavari ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shat-timeline\"\u003e\n \u003cdiv class=\"soi-shat-step\"\u003e\n \u003cdiv class=\"soi-shat-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shat-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noix de gel sur peau propre et sèche, après la douche ou le bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shat-step\"\u003e\n \u003cdiv class=\"soi-shat-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shat-step-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires jusqu'à absorption complète. La texture légère, ni grasse ni collante, pénètre rapidement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shat-step\"\u003e\n \u003cdiv class=\"soi-shat-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shat-step-content\"\u003e\n \u003ch3\u003eMatin et soir\u003c\/h3\u003e\n \u003cp\u003eCe soin est idéal à utiliser matin et soir, même en été ou sous les vêtements. Pour les peaux très sèches, vous pouvez l'associer à une huile corps appliquée au préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shat-tip\"\u003e\n \u003cdiv class=\"soi-shat-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe gel convient à tous les types de peau, y compris les peaux sensibles. Il est toutefois déconseillé en cas d'allergie connue aux huiles essentielles d'agrumes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 : Composition INCI complète --\u003e\n \u003csection class=\"soi-shat-section\"\u003e\n \u003ch2\u003eComposition INCI complète\u003c\/h2\u003e\n \u003cdiv class=\"soi-shat-accordion\"\u003e\n \u003cdetails class=\"soi-shat-accordion-item\"\u003e\n \u003csummary class=\"soi-shat-accordion-header\"\u003e📋 Liste INCI détaillée\u003c\/summary\u003e\n \u003cdiv class=\"soi-shat-accordion-content\"\u003e\n \u003cp\u003e\u003cem\u003eAloe Barbadensis Leaf Juice*, Aqua, Hamamelis Virginiana Flower Water*, Rosa Damascena Flower Water*, Glycerin, Asparagus Racemosus Root Extract*, Carbomer, Sodium Hydroxide, Citrus Sinensis Peel Oil*, Citrus Reticulata Peel Oil*, Tocopherol, Helianthus Annuus Seed Oil*, Benzyl Alcohol, Dehydroacetic Acid, Limonene, Linalool.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 6 : Certifié Cosmos Organic : pourquoi c'est important ? --\u003e\n \u003csection class=\"soi-shat-section\"\u003e\n \u003ch2\u003eCertifié Cosmos Organic : pourquoi c'est important ?\u003c\/h2\u003e\n \u003cp\u003eLe label \u003cstrong\u003eCosmos Organic délivré par Ecocert\u003c\/strong\u003e garantit que la majorité des ingrédients sont d'origine naturelle, qu'une part significative provient de l'agriculture biologique certifiée, et que la formule est exempte d'ingrédients controversés (parabènes, silicones, PEG, colorants synthétiques). Vous savez exactement ce que vous appliquez sur votre peau.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 7 : Informations pratiques --\u003e\n \u003csection class=\"soi-shat-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-shat-grid-compact\"\u003e\n \u003cdiv class=\"soi-shat-card-mini\"\u003e\n \u003cspan class=\"soi-shat-card-mini-icon\"\u003e📏\u003c\/span\u003e\n \u003cspan class=\"soi-shat-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-shat-card-mini-value\"\u003e150 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shat-card-mini\"\u003e\n \u003cspan class=\"soi-shat-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-shat-card-mini-label\"\u003eTexture\u003c\/span\u003e\n \u003cspan class=\"soi-shat-card-mini-value\"\u003eGel léger\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shat-card-mini\"\u003e\n \u003cspan class=\"soi-shat-card-mini-icon\"\u003e👥\u003c\/span\u003e\n \u003cspan class=\"soi-shat-card-mini-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"soi-shat-card-mini-value\"\u003eTous types de peau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shat-card-mini\"\u003e\n \u003cspan class=\"soi-shat-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-shat-card-mini-label\"\u003eFabriqué par\u003c\/span\u003e\n \u003cspan class=\"soi-shat-card-mini-value\"\u003eAyurvana, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shat-accordion\"\u003e\n \u003cdetails class=\"soi-shat-accordion-item\"\u003e\n \u003csummary class=\"soi-shat-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-shat-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical et ne se substitue pas à un avis dermatologique. 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 \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-shat-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shat-cta-box\"\u003e\n \u003cp class=\"soi-shat-cta-tag\" style=\"color: white;\"\u003eL'Ayurveda dans votre salle de bain\u003c\/p\u003e\n \u003cp class=\"soi-shat-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau le rituel qu'elle mérite : une hydratation durable, une tonicité visible et un parfum frais qui transforme chaque soin en vrai moment de bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shat-marine: #1A2D3D;\n --soi-shat-marine-dark: #0F1E2B;\n --soi-shat-marine-light: #2C4458;\n --soi-shat-pomme: #A1C544;\n --soi-shat-pomme-dark: #84A636;\n --soi-shat-pomme-light: rgba(161,197,68,0.10);\n --soi-shat-white: #FFFFFF;\n --soi-shat-off-white: #F8FAF6;\n --soi-shat-stone: #F1F3EE;\n --soi-shat-line: #E5E8E0;\n --soi-shat-primary: #D4A0B0;\n --soi-shat-primary-soft: rgba(212,160,176,0.12);\n --soi-shat-accent: #D88542;\n --soi-shat-text: #1A2D3D;\n --soi-shat-text-soft: #4A5B6B;\n --soi-shat-text-muted: #7B8693;\n --soi-shat-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shat-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shat-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shat-radius: 12px;\n --soi-shat-radius-sm: 8px;\n --soi-shat-radius-pill: 999px;\n}\n\n.soi-shat-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shat-fiche img { max-width: 100%; height: auto; }\n\n.soi-shat-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shat-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shat-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shat-hero {\n position: relative;\n background: var(--soi-shat-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-shat-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shat-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shat-pomme);\n}\n\n.soi-shat-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-shat-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shat-pomme);\n border-radius: 50%;\n}\n\n.soi-shat-hero-title {\n display: block;\n color: var(--soi-shat-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-shat-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-shat-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shat-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-shat-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shat-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shat-label-accent {\n background: var(--soi-shat-pomme);\n border-color: var(--soi-shat-pomme);\n color: var(--soi-shat-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shat-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shat-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shat-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-shat-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shat-pomme);\n border-radius: 2px;\n}\n\n.soi-shat-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shat-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shat-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shat-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shat-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shat-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-shat-benefit {\n background: var(--soi-shat-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shat-radius);\n border: 1px solid var(--soi-shat-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shat-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shat-shadow-md);\n}\n\n.soi-shat-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shat-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-shat-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shat-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shat-benefit:hover .soi-shat-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shat-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shat-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shat-benefit p {\n font-size: 13px;\n color: var(--soi-shat-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shat-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shat-card {\n background: var(--soi-shat-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shat-radius);\n border-left: 3px solid var(--soi-shat-pomme);\n}\n\n.soi-shat-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shat-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shat-card p {\n font-size: 14px;\n color: var(--soi-shat-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shat-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-shat-card-mini {\n background: var(--soi-shat-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shat-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shat-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shat-card-mini-label {\n font-size: 11px;\n color: var(--soi-shat-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shat-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shat-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-shat-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-shat-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shat-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shat-radius);\n border: 1px solid var(--soi-shat-line);\n align-items: flex-start;\n}\n\n.soi-shat-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shat-marine);\n color: var(--soi-shat-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-shat-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shat-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shat-step-content p {\n font-size: 14px;\n color: var(--soi-shat-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-shat-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shat-pomme-light);\n border-left: 4px solid var(--soi-shat-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shat-radius) var(--soi-shat-radius) 0;\n align-items: flex-start;\n}\n\n.soi-shat-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shat-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shat-marine);\n margin-bottom: 4px;\n}\n\n.soi-shat-tip p {\n font-size: 14px;\n color: var(--soi-shat-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shat-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shat-accordion-item {\n background: var(--soi-shat-off-white);\n border-radius: var(--soi-shat-radius-sm);\n border: 1px solid var(--soi-shat-line);\n overflow: hidden;\n}\n\n.soi-shat-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shat-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-shat-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shat-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shat-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shat-accordion-item[open] .soi-shat-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shat-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shat-accordion-content p {\n font-size: 14px;\n color: var(--soi-shat-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem 0;\n}\n\n.soi-shat-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shat-cta-box {\n background: var(--soi-shat-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shat-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shat-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-shat-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shat-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-shat-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shat-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shat-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-shat-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shat-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-shat-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shat-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shat-fiche {\n --soi-shat-text-soft: #2C3E50;\n --soi-shat-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603071230282,"sku":"AY9952","price":13.13,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-soin-corps-au-shatavari-certifie-bio-ayurvana-packshot_af2c3cba-ef49-4eef-8119-dd7378df7eff.webp?v=1787478641"},{"product_id":"huile-neem-bio","title":"Huile de Neem bio Ayurvana","description":"\n\n\u003cdiv class=\"soi-neem-fiche\"\u003e\n\n \u003csection class=\"soi-neem-hero\"\u003e\n \u003cdiv class=\"soi-neem-hero-tag\"\u003e\n \u003cspan class=\"soi-neem-tag-dot\"\u003e\u003c\/span\u003e\n Huile de soin ayurvédique · Ayurvana\n \u003c\/div\u003e\n \u003cspan class=\"soi-neem-hero-title\"\u003eL'huile de Neem dans un flacon, pour mille usages\u003c\/span\u003e\n \u003cp class=\"soi-neem-hero-subtitle\"\u003ePurifiante, apaisante et polyvalente, cette huile 100 % pure et pressée à froid concentre tous les actifs naturels du neem pour prendre soin de votre peau, de vos ongles et même de vos plantes.\u003c\/p\u003e\n \u003cdiv class=\"soi-neem-hero-labels\"\u003e\n \u003cspan class=\"soi-neem-label soi-neem-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-neem-label\"\u003eECOCERT · COSMOS\u003c\/span\u003e\n \u003cspan class=\"soi-neem-label\"\u003e100 % PURE\u003c\/span\u003e\n \u003cspan class=\"soi-neem-label\"\u003ePRESSÉE À FROID\u003c\/span\u003e\n \u003cspan class=\"soi-neem-label\"\u003eAYURVÉDIQUE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile de Neem : ce qu'elle fait vraiment pour vous\u003c\/h2\u003e\n \u003cp class=\"soi-neem-section-intro\"\u003eL'huile de neem n'est pas une huile ordinaire. Sa richesse en acides gras (oléique, linoléique, palmitique) et en triterpénoïdes, notamment l'azadirachtine, lui confère un profil d'action unique.\u003c\/p\u003e\n \u003cdiv class=\"soi-neem-benefits\"\u003e\n \u003cdiv class=\"soi-neem-benefit\"\u003e\n \u003cdiv class=\"soi-neem-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaise les irritations\u003c\/h3\u003e\n \u003cp\u003eRougeurs, démangeaisons, petites lésions : l'huile de neem calme rapidement les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-benefit\"\u003e\n \u003cdiv class=\"soi-neem-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePurifie les peaux acnéiques\u003c\/h3\u003e\n \u003cp\u003eSon action antibactérienne naturelle aide à limiter la prolifération des bactéries responsables des imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-benefit\"\u003e\n \u003cdiv class=\"soi-neem-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNourrit en profondeur\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux sèches ou abîmées, elle restaure la barrière cutanée sans occlusion grasse excessive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-benefit\"\u003e\n \u003cdiv class=\"soi-neem-benefit-icon\"\u003e\u003cspan\u003e💅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFortifie ongles et cuticules\u003c\/h3\u003e\n \u003cp\u003eUn massage régulier renforce les ongles fragiles et hydrate les cuticules desséchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-benefit\"\u003e\n \u003cdiv class=\"soi-neem-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eInsecticide naturel\u003c\/h3\u003e\n \u003cp\u003eDiluée dans de l'eau, elle constitue un répulsif efficace contre pucerons, cochenilles, acariens et autres ravageurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de Neem selon vos besoins ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-neem-timeline\"\u003e\n \u003cdiv class=\"soi-neem-step\"\u003e\n \u003cdiv class=\"soi-neem-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-neem-step-content\"\u003e\n \u003ch3\u003eSoin visage et corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes pures ou diluées dans votre huile végétale habituelle (10 à 20 %) sur la zone concernée. Massez doucement jusqu'à absorption. À utiliser de préférence le soir en raison de son odeur caractéristique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-step\"\u003e\n \u003cdiv class=\"soi-neem-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-neem-step-content\"\u003e\n \u003ch3\u003eSoin des ongles\u003c\/h3\u003e\n \u003cp\u003eMassez directement une pompe sur les ongles non vernis et les cuticules, tous les soirs. Résultats visibles en 3 à 4 semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-step\"\u003e\n \u003cdiv class=\"soi-neem-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-neem-step-content\"\u003e\n \u003ch3\u003eInsecticide pour plantes\u003c\/h3\u003e\n \u003cp\u003eDiluez 5 ml d'huile de neem dans 1 litre d'eau tiède avec quelques gouttes de savon liquide. Vaporisez sur les feuilles des plantes, de préférence le soir. Renouvelez tous les 7 à 10 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\"\u003e\n \u003ch2\u003eComposition et caractéristiques du produit\u003c\/h2\u003e\n \u003cdiv class=\"soi-neem-compo\"\u003e\n \u003cdiv class=\"soi-neem-compo-row\"\u003e\n \u003cspan class=\"soi-neem-compo-label\"\u003eIngrédient INCI\u003c\/span\u003e\n \u003cspan class=\"soi-neem-compo-value\"\u003eAzadirachta Indica (Neem) Seed Oil* 100 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-compo-row\"\u003e\n \u003cspan class=\"soi-neem-compo-label\"\u003eExtraction\u003c\/span\u003e\n \u003cspan class=\"soi-neem-compo-value\"\u003ePremière pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-compo-row\"\u003e\n \u003cspan class=\"soi-neem-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-neem-compo-value\"\u003eCosmétique bio Ecocert, charte Cosmos\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-compo-row\"\u003e\n \u003cspan class=\"soi-neem-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-neem-compo-value\"\u003eConservateur, colorant, solvant chimique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-compo-row\"\u003e\n \u003cspan class=\"soi-neem-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-neem-compo-value\"\u003eFlacon en verre 30 ml avec pompe doseuse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-neem-compo-row\"\u003e\n \u003cspan class=\"soi-neem-compo-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"soi-neem-compo-value\"\u003eTous types de peau, y compris peaux sensibles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 0.75rem; font-size: 13px; color: var(--soi-neem-text-muted); font-style: italic;\"\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de Neem Ayurvana plutôt qu'une autre ?\u003c\/h2\u003e\n \u003cp\u003eBeaucoup d'huiles de neem sur le marché sont raffinées ou diluées, ce qui diminue fortement leur efficacité. L'huile de neem bio Ayurvana est pressée à froid, non déodérisée, et conditionnée en flacon verre pour éviter toute dégradation des actifs.\u003c\/p\u003e\n \u003cp\u003eSa texture naturellement épaisse et son odeur terreuse prononcée (tout à fait normale) sont la preuve de son authenticité et de sa haute concentration en principes actifs.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\"\u003e\n \u003ch2\u003eHuile de Neem : y a-t-il des dangers ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-neem-accordion\"\u003e\n \u003cdetails class=\"soi-neem-accordion-item\"\u003e\n \u003csummary class=\"soi-neem-accordion-header\"\u003e🧪 Test cutané recommandé\u003c\/summary\u003e\n \u003cdiv class=\"soi-neem-accordion-content\"\u003e\n \u003cp\u003eRéalisez toujours un test cutané avant la première utilisation : appliquez quelques gouttes à l'intérieur du poignet et patientez 24 heures avant un usage plus étendu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-neem-accordion-item\"\u003e\n \u003csummary class=\"soi-neem-accordion-header\"\u003e🤰 Femmes enceintes et jeunes enfants\u003c\/summary\u003e\n \u003cdiv class=\"soi-neem-accordion-content\"\u003e\n \u003cp\u003eL'huile de neem est déconseillée aux femmes enceintes et aux jeunes enfants en usage pur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-neem-accordion-item\"\u003e\n \u003csummary class=\"soi-neem-accordion-header\"\u003e⚠️ Usage interne\u003c\/summary\u003e\n \u003cdiv class=\"soi-neem-accordion-content\"\u003e\n \u003cp\u003eL'usage interne de l'huile de neem est formellement contre-indiqué sans avis médical. Ce produit est un soin cosmétique, il ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-neem-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-neem-cta-box\"\u003e\n \u003cp class=\"soi-neem-cta-tag\" style=\"color: white;\"\u003eUn flacon, mille usages\u003c\/p\u003e\n \u003cp class=\"soi-neem-cta-text\" style=\"color: white;\"\u003eAncienne dans les traditions ayurvédiques, l'huile de Neem bio Ayurvana s'impose comme un essentiel du soin naturel. Que ce soit pour apaiser votre peau, fortifier vos ongles ou protéger vos plantes sans chimie, elle vous accompagne au quotidien avec pureté et efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-neem-marine: #1A2D3D;\n --soi-neem-marine-dark: #0F1E2B;\n --soi-neem-marine-light: #2C4458;\n --soi-neem-pomme: #A1C544;\n --soi-neem-pomme-dark: #84A636;\n --soi-neem-pomme-light: rgba(161,197,68,0.10);\n\n --soi-neem-white: #FFFFFF;\n --soi-neem-off-white: #F8FAF6;\n --soi-neem-stone: #F1F3EE;\n --soi-neem-line: #E5E8E0;\n\n --soi-neem-primary: #5A8A5A;\n --soi-neem-primary-soft: #EDF3ED;\n --soi-neem-accent: #D88542;\n\n --soi-neem-text: #1A2D3D;\n --soi-neem-text-soft: #4A5B6B;\n --soi-neem-text-muted: #7B8693;\n\n --soi-neem-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-neem-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-neem-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-neem-radius: 12px;\n --soi-neem-radius-sm: 8px;\n --soi-neem-radius-pill: 999px;\n}\n\n.soi-neem-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-neem-fiche img { max-width: 100%; height: auto; }\n\n.soi-neem-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-neem-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-neem-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-neem-hero {\n position: relative;\n background: var(--soi-neem-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-neem-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-neem-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-neem-pomme);\n}\n\n.soi-neem-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-neem-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-neem-pomme);\n border-radius: 50%;\n}\n\n.soi-neem-hero-title {\n display: block;\n color: var(--soi-neem-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-neem-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-neem-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-neem-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-neem-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-neem-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-neem-label-accent {\n background: var(--soi-neem-pomme);\n border-color: var(--soi-neem-pomme);\n color: var(--soi-neem-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-neem-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-neem-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-neem-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-neem-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-neem-pomme);\n border-radius: 2px;\n}\n\n.soi-neem-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-neem-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-neem-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-neem-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-neem-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-neem-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-neem-benefit {\n background: var(--soi-neem-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-neem-radius);\n border: 1px solid var(--soi-neem-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-neem-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-neem-shadow-md);\n}\n\n.soi-neem-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-neem-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-neem-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-neem-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-neem-benefit:hover .soi-neem-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-neem-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-neem-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-neem-benefit p {\n font-size: 13px;\n color: var(--soi-neem-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-neem-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-neem-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-neem-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-neem-radius);\n border: 1px solid var(--soi-neem-line);\n align-items: flex-start;\n}\n\n.soi-neem-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-neem-marine);\n color: var(--soi-neem-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-neem-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-neem-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-neem-step-content p {\n font-size: 14px;\n color: var(--soi-neem-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-neem-compo {\n background: var(--soi-neem-off-white);\n border-radius: var(--soi-neem-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-neem-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-neem-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-neem-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-neem-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-neem-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-neem-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-neem-marine);\n text-align: right;\n}\n\n\/* === ACCORDION === *\/\n.soi-neem-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-neem-accordion-item {\n background: var(--soi-neem-off-white);\n border-radius: var(--soi-neem-radius-sm);\n border: 1px solid var(--soi-neem-line);\n overflow: hidden;\n}\n\n.soi-neem-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-neem-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-neem-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-neem-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-neem-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-neem-accordion-item[open] .soi-neem-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-neem-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-neem-accordion-content p {\n font-size: 14px;\n color: var(--soi-neem-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-neem-cta-box {\n background: var(--soi-neem-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-neem-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-neem-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-neem-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-neem-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-neem-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-neem-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-neem-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-neem-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-neem-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-neem-compo-value {\n text-align: left;\n }\n\n .soi-neem-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-neem-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-neem-fiche {\n --soi-neem-text-soft: #2C3E50;\n --soi-neem-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603079979338,"sku":"AY0102","price":13.31,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-neem-bio-ayurvana-packshot.webp?v=1787478019"},{"product_id":"huile-ricin-bio","title":"Huile de Ricin bio - Ayur-Vana","description":"\u003cdiv class=\"soi-ricn-fiche\"\u003e\n\n \u003csection class=\"soi-ricn-hero\"\u003e\n \u003cdiv class=\"soi-ricn-hero-tag\"\u003e\n \u003cspan class=\"soi-ricn-tag-dot\"\u003e\u003c\/span\u003e\n Huile de soins · Ayur-vana\n \u003c\/div\u003e\n \u003cspan class=\"soi-ricn-hero-title\"\u003eUne huile, Mille usages\u003c\/span\u003e\n \u003cp class=\"soi-ricn-hero-subtitle\"\u003e100 % pure, pressée à froid : une seule huile pour vos cheveux, ongles, cils, sourcils et peau au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-ricn-hero-labels\"\u003e\n \u003cspan class=\"soi-ricn-label soi-ricn-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-ricn-label\"\u003eCOSMEBIO\u003c\/span\u003e\n \u003cspan class=\"soi-ricn-label\"\u003eECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-ricn-label\"\u003e100 % PURE\u003c\/span\u003e\n \u003cspan class=\"soi-ricn-label\"\u003ePRESSÉE À FROID\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ricn-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de ricin est-elle si efficace pour les cheveux ?\u003c\/h2\u003e\n \u003cp\u003eL'huile de ricin doit ses performances capillaires à sa très haute teneur en \u003cstrong\u003eacide ricinoléique\u003c\/strong\u003e, un acide gras oméga-9 rare qui représente près de 90 % de sa composition. Ce composé pénètre la fibre capillaire et le cuir chevelu pour :\u003c\/p\u003e\n \u003cdiv class=\"soi-ricn-benefits\"\u003e\n \u003cdiv class=\"soi-ricn-benefit\"\u003e\n \u003cdiv class=\"soi-ricn-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNutrition profonde\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur les cheveux secs, cassants ou dévitalisés et répare les pointes fourchues sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ricn-benefit\"\u003e\n \u003cdiv class=\"soi-ricn-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRenforcement\u003c\/h3\u003e\n \u003cp\u003eRenforce la fibre capillaire, réduit la casse et apporte brillance, souplesse et douceur dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ricn-benefit\"\u003e\n \u003cdiv class=\"soi-ricn-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCuir chevelu sain\u003c\/h3\u003e\n \u003cp\u003eFavorise un cuir chevelu sain, condition essentielle à une belle pousse de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ricn-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de ricin dans les cheveux ?\u003c\/h2\u003e\n \u003cp\u003eSa texture naturellement dense se travaille mieux réchauffée entre les paumes. Voici les trois usages capillaires les plus efficaces :\u003c\/p\u003e\n \u003cdiv class=\"soi-ricn-timeline\"\u003e\n \u003cdiv class=\"soi-ricn-step\"\u003e\n \u003cdiv class=\"soi-ricn-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-ricn-step-content\"\u003e\n \u003ch3\u003eMasque nourrissant\u003c\/h3\u003e\n \u003cp\u003eAppliquez 3 à 4 pompes sur les longueurs et les pointes, posez un film alimentaire, laissez poser 30 minutes à 1 heure. Rincez abondamment puis shampouinez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ricn-step\"\u003e\n \u003cdiv class=\"soi-ricn-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-ricn-step-content\"\u003e\n \u003ch3\u003eSoin du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eMassez quelques gouttes directement sur le cuir chevelu en mouvements circulaires, 1 à 2 fois par semaine. Idéal pour les cuirs chevelus fragilisés ou secs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ricn-step\"\u003e\n \u003cdiv class=\"soi-ricn-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-ricn-step-content\"\u003e\n \u003ch3\u003eSoin des pointes\u003c\/h3\u003e\n \u003cp\u003eUne micro-noisette réchauffée entre les mains, appliquée sur les pointes après lavage. Un geste rapide pour des cheveux lissés et sans frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ricn-section\"\u003e\n \u003ch2\u003eBien au-delà des cheveux : les autres bienfaits de l'huile de ricin bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-ricn-grid\"\u003e\n \u003cdiv class=\"soi-ricn-card\"\u003e\n \u003ch3\u003e✨ Cils et sourcils\u003c\/h3\u003e\n \u003cp\u003eAppliquez chaque soir avec un pinceau propre pour renforcer et densifier vos cils et sourcils naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ricn-card\"\u003e\n \u003ch3\u003e💅 Ongles cassants\u003c\/h3\u003e\n \u003cp\u003eMassez la cuticule et l'ongle quotidiennement pour les assouplir et les régénérer en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ricn-card\"\u003e\n \u003ch3\u003e🧴 Peau sèche et irritée\u003c\/h3\u003e\n \u003cp\u003eL'acide ricinoléique apaise, adoucit et soutient la régénération cutanée naturelle de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ricn-card\"\u003e\n \u003ch3\u003e💋 Lèvres gercées\u003c\/h3\u003e\n \u003cp\u003eUne goutte suffit pour hydrater et protéger vos lèvres, même par grand froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ricn-section\"\u003e\n \u003ch2\u003eComposition et caractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"soi-ricn-compo\"\u003e\n \u003cdiv class=\"soi-ricn-compo-row\"\u003e\n \u003cspan class=\"soi-ricn-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-ricn-compo-value\"\u003eRicinus Communis (Castor) Seed Oil\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ricn-compo-row\"\u003e\n \u003cspan class=\"soi-ricn-compo-label\"\u003eTeneur en acide ricinoléique\u003c\/span\u003e\n \u003cspan class=\"soi-ricn-compo-value\"\u003eEnviron 85 à 90 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ricn-compo-row\"\u003e\n \u003cspan class=\"soi-ricn-compo-label\"\u003eExtraction\u003c\/span\u003e\n \u003cspan class=\"soi-ricn-compo-value\"\u003ePremière pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ricn-compo-row\"\u003e\n \u003cspan class=\"soi-ricn-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-ricn-compo-value\"\u003eCosmebio, contrôlée par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ricn-compo-row\"\u003e\n \u003cspan class=\"soi-ricn-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-ricn-compo-value\"\u003eFlacon en verre 30 ml avec pompe doseuse hygiénique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ricn-compo-row\"\u003e\n \u003cspan class=\"soi-ricn-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-ricn-compo-value\"\u003eSans conservateur, sans solvant, sans parfum ajouté\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ricn-section\"\u003e\n \u003ch2\u003eConseils pratiques et précautions\u003c\/h2\u003e\n \u003cdiv class=\"soi-ricn-tip\"\u003e\n \u003cdiv class=\"soi-ricn-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour diluer la texture épaisse de l'huile de ricin sur les cheveux, mélangez-la à parts égales avec une huile plus légère (jojoba, argan ou amande douce).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-ricn-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-ricn-accordion-item\"\u003e\n \u003csummary class=\"soi-ricn-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-ricn-accordion-content\"\u003e\n \u003cp\u003eÉvitez le contour des yeux si vous n'utilisez pas un applicateur précis. Faites un test cutané au pli du coude avant première utilisation. Ce produit est un soin cosmétique et ne se substitue à aucun 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-ricn-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur l'huile de ricin\u003c\/h2\u003e\n \u003cdiv class=\"soi-ricn-accordion\"\u003e\n \u003cdetails class=\"soi-ricn-accordion-item\"\u003e\n \u003csummary class=\"soi-ricn-accordion-header\"\u003e⏳ Combien de temps avant de voir des résultats sur les cheveux ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-ricn-accordion-content\"\u003e\n \u003cp\u003eDes résultats visibles sur la brillance et la souplesse apparaissent généralement en 3 à 4 semaines d'utilisation régulière (2 fois par semaine).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-ricn-accordion-item\"\u003e\n \u003csummary class=\"soi-ricn-accordion-header\"\u003e🌙 Peut-on laisser l'huile de ricin toute la nuit ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-ricn-accordion-content\"\u003e\n \u003cp\u003eOui, en protégeant votre oreiller. Un shampoing soigneux le lendemain matin suffit pour rincer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-ricn-accordion-item\"\u003e\n \u003csummary class=\"soi-ricn-accordion-header\"\u003e🌀 Convient-elle aux cheveux bouclés ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-ricn-accordion-content\"\u003e\n \u003cp\u003eAbsolument. Sa richesse en acides gras est particulièrement appréciée des textures bouclées, crépues ou frisées, souvent plus assoiffées en nutrition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-ricn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-ricn-cta-box\"\u003e\n \u003cp class=\"soi-ricn-cta-tag\" style=\"color: white;\"\u003eLa force de la nature dans un seul flacon\u003c\/p\u003e\n \u003cp class=\"soi-ricn-cta-text\" style=\"color: white;\"\u003eDe vos cheveux à vos ongles, en passant par vos cils et votre peau, l'huile de ricin bio Ayur-vana prend soin de vous avec une simplicité désarmante. Pure, certifiée bio, pressée à froid : une routine, mille bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-ricn-marine: #1A2D3D;\n --soi-ricn-marine-dark: #0F1E2B;\n --soi-ricn-marine-light: #2C4458;\n --soi-ricn-pomme: #A1C544;\n --soi-ricn-pomme-dark: #84A636;\n --soi-ricn-pomme-light: rgba(161,197,68,0.10);\n --soi-ricn-white: #FFFFFF;\n --soi-ricn-off-white: #F8FAF6;\n --soi-ricn-stone: #F1F3EE;\n --soi-ricn-line: #E5E8E0;\n --soi-ricn-primary: #C4544A;\n --soi-ricn-primary-soft: rgba(196,84,74,0.08);\n --soi-ricn-accent: #D4A52A;\n --soi-ricn-text: #1A2D3D;\n --soi-ricn-text-soft: #4A5B6B;\n --soi-ricn-text-muted: #7B8693;\n --soi-ricn-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-ricn-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-ricn-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-ricn-radius: 12px;\n --soi-ricn-radius-sm: 8px;\n --soi-ricn-radius-pill: 999px;\n}\n\n.soi-ricn-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ricn-fiche img { max-width: 100%; height: auto; }\n\n.soi-ricn-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-ricn-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-ricn-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-ricn-hero {\n position: relative;\n background: var(--soi-ricn-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-ricn-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-ricn-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-ricn-pomme);\n}\n\n.soi-ricn-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-ricn-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-ricn-pomme);\n border-radius: 50%;\n}\n\n.soi-ricn-hero-title {\n display: block;\n color: var(--soi-ricn-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-ricn-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-ricn-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-ricn-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-ricn-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-ricn-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-ricn-label-accent {\n background: var(--soi-ricn-pomme);\n border-color: var(--soi-ricn-pomme);\n color: var(--soi-ricn-marine);\n font-weight: 600;\n}\n\n.soi-ricn-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-ricn-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-ricn-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-ricn-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-ricn-pomme);\n border-radius: 2px;\n}\n\n.soi-ricn-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-ricn-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-ricn-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-ricn-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-ricn-benefit {\n background: var(--soi-ricn-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-ricn-radius);\n border: 1px solid var(--soi-ricn-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-ricn-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-ricn-shadow-md);\n}\n\n.soi-ricn-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-ricn-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-ricn-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-ricn-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-ricn-benefit:hover .soi-ricn-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-ricn-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-ricn-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-ricn-benefit p {\n font-size: 13px;\n color: var(--soi-ricn-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-ricn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-ricn-card {\n background: var(--soi-ricn-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-ricn-radius);\n border-left: 3px solid var(--soi-ricn-pomme);\n}\n\n.soi-ricn-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-ricn-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-ricn-card p {\n font-size: 14px;\n color: var(--soi-ricn-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-ricn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-ricn-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-ricn-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-ricn-radius);\n border: 1px solid var(--soi-ricn-line);\n align-items: flex-start;\n}\n\n.soi-ricn-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-ricn-marine);\n color: var(--soi-ricn-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-ricn-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-ricn-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-ricn-step-content p {\n font-size: 14px;\n color: var(--soi-ricn-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-ricn-compo {\n background: var(--soi-ricn-off-white);\n border-radius: var(--soi-ricn-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-ricn-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-ricn-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-ricn-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-ricn-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-ricn-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-ricn-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-ricn-marine);\n text-align: right;\n}\n\n.soi-ricn-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-ricn-pomme-light);\n border-left: 4px solid var(--soi-ricn-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-ricn-radius) var(--soi-ricn-radius) 0;\n align-items: flex-start;\n}\n\n.soi-ricn-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-ricn-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-ricn-marine);\n margin-bottom: 4px;\n}\n\n.soi-ricn-tip p {\n font-size: 14px;\n color: var(--soi-ricn-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-ricn-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-ricn-accordion-item {\n background: var(--soi-ricn-off-white);\n border-radius: var(--soi-ricn-radius-sm);\n border: 1px solid var(--soi-ricn-line);\n overflow: hidden;\n}\n\n.soi-ricn-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-ricn-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-ricn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-ricn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-ricn-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-ricn-accordion-item[open] .soi-ricn-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-ricn-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-ricn-accordion-content p {\n font-size: 14px;\n color: var(--soi-ricn-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-ricn-cta-box {\n background: var(--soi-ricn-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-ricn-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-ricn-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-ricn-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-ricn-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-ricn-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-ricn-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-ricn-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-ricn-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-ricn-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-ricn-compo-value {\n text-align: left;\n }\n\n .soi-ricn-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-ricn-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-ricn-fiche {\n --soi-ricn-text-soft: #2C3E50;\n --soi-ricn-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603081290058,"sku":"AY0103","price":13.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-ricin-bio-ayur-vana-packshot.webp?v=1787477983"},{"product_id":"huile-de-calophylle","title":"Huile de Calophylle Bio - Ayurvana","description":"\u003cdiv class=\"soi-calo-fiche\"\u003e\n\n \u003csection class=\"soi-calo-hero\"\u003e\n \u003cdiv class=\"soi-calo-hero-tag\"\u003e\n \u003cspan class=\"soi-calo-tag-dot\"\u003e\u003c\/span\u003e\n Huile de soin · Ayur-Vana\n \u003c\/div\u003e\n \u003cspan class=\"soi-calo-hero-title\"\u003ePression à froid. Pureté inégalée.\u003c\/span\u003e\n \u003cp class=\"soi-calo-hero-subtitle\"\u003e100 % pure et pressée à froid, cette huile végétale d'exception soutient la microcirculation, apaise les peaux fragilisées et favorise le renouvellement cellulaire.\u003c\/p\u003e\n \u003cdiv class=\"soi-calo-hero-labels\"\u003e\n \u003cspan class=\"soi-calo-label soi-calo-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-calo-label\"\u003eCOSMEBIO\u003c\/span\u003e\n \u003cspan class=\"soi-calo-label\"\u003eECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-calo-label\"\u003e100 % PURE\u003c\/span\u003e\n \u003cspan class=\"soi-calo-label\"\u003eCONDITIONNÉE EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-calo-section\"\u003e\n \u003ch2\u003eQu'est-ce que l'huile de calophylle et pourquoi est-elle si précieuse ?\u003c\/h2\u003e\n \u003cp\u003eExtraite des noix du \u003cem\u003eCalophyllum inophyllum\u003c\/em\u003e, un arbre tropical d'Asie du Sud-Est, l'huile végétale de calophylle se distingue par sa richesse exceptionnelle en acides gras insaturés, en calophyllolide (un lactone coumarinique unique) et en inophyllum. C'est cette combinaison rare qui lui confère ses propriétés apaisantes, circulatoires et régénérantes, bien au-delà d'une huile végétale classique.\u003c\/p\u003e\n \u003cp\u003eSa texture légèrement colorée (jaune-vert) et son odeur caractéristique témoignent de sa pureté et de sa concentration en actifs naturels. Elle est souvent utilisée pure ou diluée dans une autre huile végétale, selon la sensibilité de votre peau.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-calo-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de calophylle bio pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"soi-calo-benefits\"\u003e\n \u003cdiv class=\"soi-calo-benefit\"\u003e\n \u003cdiv class=\"soi-calo-benefit-icon\"\u003e\u003cspan\u003e🩸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMicrocirculation cutanée\u003c\/h3\u003e\n \u003cp\u003eIdéale pour atténuer les rougeurs, les éclatements de veinules et les cernes liés à une mauvaise circulation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calo-benefit\"\u003e\n \u003cdiv class=\"soi-calo-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisante et anti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003eSoulage les peaux irritées, tiraillées ou sujettes aux boutons et aux lésions superficielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calo-benefit\"\u003e\n \u003cdiv class=\"soi-calo-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRégénère et protège\u003c\/h3\u003e\n \u003cp\u003eFavorise le renouvellement cellulaire pour un teint unifié et une peau visiblement plus saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calo-benefit\"\u003e\n \u003cdiv class=\"soi-calo-benefit-icon\"\u003e\u003cspan\u003e💎\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDétoxifiante en profondeur\u003c\/h3\u003e\n \u003cp\u003eAide à débarrasser la peau des impuretés accumulées pour retrouver de l'éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calo-benefit\"\u003e\n \u003cdiv class=\"soi-calo-benefit-icon\"\u003e\u003cspan\u003e🦵\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoulage les jambes lourdes\u003c\/h3\u003e\n \u003cp\u003eAppliquée en massage, elle revitalise les zones fatiguées et contribue à réduire la sensation de lourdeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-calo-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile végétale de calophylle ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-calo-timeline\"\u003e\n \u003cdiv class=\"soi-calo-step\"\u003e\n \u003cdiv class=\"soi-calo-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-calo-step-content\"\u003e\n \u003ch3\u003eVisage (rougeurs, veinules, boutons)\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2 à 3 gouttes pures sur les zones ciblées, matin ou soir. Évitez le contour des yeux si vous avez la peau très sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calo-step\"\u003e\n \u003cdiv class=\"soi-calo-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-calo-step-content\"\u003e\n \u003ch3\u003eJambes et circulation\u003c\/h3\u003e\n \u003cp\u003eMassez en remontant vers le cœur, pure ou mélangée à une huile neutre (jojoba, amande douce) pour favoriser la tolérance cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calo-step\"\u003e\n \u003cdiv class=\"soi-calo-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-calo-step-content\"\u003e\n \u003ch3\u003eEn mélange avec votre soin habituel\u003c\/h3\u003e\n \u003cp\u003eAjoutez 2 à 4 gouttes dans votre crème quotidienne ou votre sérum pour enrichir votre routine beauté naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calo-step\"\u003e\n \u003cdiv class=\"soi-calo-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-calo-step-content\"\u003e\n \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n \u003cp\u003ePour des résultats visibles, privilégiez une utilisation régulière sur 4 à 6 semaines, 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-calo-tip\"\u003e\n \u003cdiv class=\"soi-calo-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eFaites toujours un test dans le pli du coude avant la première utilisation, surtout si vous avez la peau très réactive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-calo-section\"\u003e\n \u003ch2\u003eComposition de l'huile de calophylle Ayurvana\u003c\/h2\u003e\n \u003cdiv class=\"soi-calo-compo\"\u003e\n \u003cdiv class=\"soi-calo-compo-row\"\u003e\n \u003cspan class=\"soi-calo-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-calo-compo-value\"\u003e\u003cem\u003eCalophyllum inophyllum seed oil\u003c\/em\u003e (huile de graines de Calophylle)*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calo-compo-row\"\u003e\n \u003cspan class=\"soi-calo-compo-label\"\u003eExtraction\u003c\/span\u003e\n \u003cspan class=\"soi-calo-compo-value\"\u003ePremière pression à froid, sans solvant ni traitement thermique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calo-compo-row\"\u003e\n \u003cspan class=\"soi-calo-compo-label\"\u003ePureté\u003c\/span\u003e\n \u003cspan class=\"soi-calo-compo-value\"\u003e100 % pure, sans conservateur, sans colorant, sans parfum ajouté\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calo-compo-row\"\u003e\n \u003cspan class=\"soi-calo-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-calo-compo-value\"\u003eCosmebio par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calo-compo-row\"\u003e\n \u003cspan class=\"soi-calo-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-calo-compo-value\"\u003eFlacon airless 30 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-calo-compo-row\"\u003e\n \u003cspan class=\"soi-calo-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-calo-compo-value\"\u003eSélectionnée, contrôlée et conditionnée en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 12px; color: var(--soi-calo-text-muted); margin-top: 0.75rem; font-style: italic;\"\u003e* Ingrédient issu de l'agriculture biologique certifiée\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-calo-section\"\u003e\n \u003ch2\u003eHuile de calophylle : y a-t-il des dangers ou précautions à connaître ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-calo-accordion\"\u003e\n \u003cdetails class=\"soi-calo-accordion-item\" open\u003e\n \u003csummary class=\"soi-calo-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-calo-accordion-content\"\u003e\n \u003cp\u003eL'huile de calophylle est déconseillée chez la femme enceinte et les jeunes enfants sans avis médical préalable. Elle peut provoquer une légère sensibilité sur les peaux très réactives : faites toujours un test dans le pli du coude avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-calo-accordion-item\"\u003e\n \u003csummary class=\"soi-calo-accordion-header\"\u003e🧴 Usage recommandé\u003c\/summary\u003e\n \u003cdiv class=\"soi-calo-accordion-content\"\u003e\n \u003cp\u003eCe produit est réservé à un usage cosmétique externe et ne remplace en aucun cas 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-calo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-calo-cta-box\"\u003e\n \u003cp class=\"soi-calo-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n \u003cp class=\"soi-calo-cta-text\" style=\"color: white;\"\u003eRougeurs, imperfections, jambes lourdes : offrez à votre peau toute la richesse d'une huile végétale d'exception, en toute confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-calo-marine: #1A2D3D;\n --soi-calo-marine-dark: #0F1E2B;\n --soi-calo-marine-light: #2C4458;\n --soi-calo-pomme: #A1C544;\n --soi-calo-pomme-dark: #84A636;\n --soi-calo-pomme-light: rgba(161,197,68,0.10);\n --soi-calo-white: #FFFFFF;\n --soi-calo-off-white: #F8FAF6;\n --soi-calo-stone: #F1F3EE;\n --soi-calo-line: #E5E8E0;\n --soi-calo-primary: #5A8A52;\n --soi-calo-primary-soft: #EAF2E6;\n --soi-calo-accent: #C4A94D;\n --soi-calo-text: #1A2D3D;\n --soi-calo-text-soft: #4A5B6B;\n --soi-calo-text-muted: #7B8693;\n --soi-calo-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-calo-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-calo-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-calo-radius: 12px;\n --soi-calo-radius-sm: 8px;\n --soi-calo-radius-pill: 999px;\n}\n\n.soi-calo-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-calo-fiche img { max-width: 100%; height: auto; }\n\n.soi-calo-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-calo-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-calo-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-calo-hero {\n position: relative;\n background: var(--soi-calo-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-calo-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-calo-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-calo-pomme);\n}\n\n.soi-calo-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-calo-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-calo-pomme);\n border-radius: 50%;\n}\n\n.soi-calo-hero-title {\n display: block;\n color: var(--soi-calo-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-calo-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-calo-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-calo-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-calo-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-calo-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-calo-label-accent {\n background: var(--soi-calo-pomme);\n border-color: var(--soi-calo-pomme);\n color: var(--soi-calo-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-calo-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-calo-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-calo-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-calo-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-calo-pomme);\n border-radius: 2px;\n}\n\n.soi-calo-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-calo-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-calo-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-calo-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-calo-benefit {\n background: var(--soi-calo-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-calo-radius);\n border: 1px solid var(--soi-calo-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-calo-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-calo-shadow-md);\n}\n\n.soi-calo-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-calo-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-calo-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-calo-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-calo-benefit:hover .soi-calo-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-calo-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-calo-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-calo-benefit p {\n font-size: 13px;\n color: var(--soi-calo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-calo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-calo-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-calo-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-calo-radius);\n border: 1px solid var(--soi-calo-line);\n align-items: flex-start;\n}\n\n.soi-calo-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-calo-marine);\n color: var(--soi-calo-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-calo-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-calo-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-calo-step-content p {\n font-size: 14px;\n color: var(--soi-calo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-calo-compo {\n background: var(--soi-calo-off-white);\n border-radius: var(--soi-calo-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-calo-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-calo-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-calo-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-calo-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-calo-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-calo-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-calo-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-calo-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-calo-pomme-light);\n border-left: 4px solid var(--soi-calo-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-calo-radius) var(--soi-calo-radius) 0;\n align-items: flex-start;\n}\n\n.soi-calo-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-calo-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-calo-marine);\n margin-bottom: 4px;\n}\n\n.soi-calo-tip p {\n font-size: 14px;\n color: var(--soi-calo-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-calo-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-calo-accordion-item {\n background: var(--soi-calo-off-white);\n border-radius: var(--soi-calo-radius-sm);\n border: 1px solid var(--soi-calo-line);\n overflow: hidden;\n}\n\n.soi-calo-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-calo-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-calo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-calo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-calo-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-calo-accordion-item[open] .soi-calo-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-calo-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-calo-accordion-content p {\n font-size: 14px;\n color: var(--soi-calo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-calo-cta-box {\n background: var(--soi-calo-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-calo-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-calo-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-calo-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-calo-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-calo-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-calo-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-calo-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-calo-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-calo-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-calo-compo-value {\n text-align: left;\n }\n\n .soi-calo-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-calo-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-calo-fiche {\n --soi-calo-text-soft: #2C3E50;\n --soi-calo-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603083387210,"sku":"AY0104","price":15.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-calophylle-bio-ayurvana-packshot_e7880b23-fe3b-4bd7-b6a2-ed873e8af85c.webp?v=1787478107"},{"product_id":"huile-massage-pitta-bio","title":"Huile de massage Pitta bio - Ayurvana","description":"\n\u003cdiv class=\"soi-pitta-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-pitta-hero\"\u003e\n \u003cdiv class=\"soi-pitta-hero-tag\"\u003e\n \u003cspan class=\"soi-pitta-tag-dot\"\u003e\u003c\/span\u003e\n Ayurveda · Ayurvana\n \u003c\/div\u003e\n \u003cspan class=\"soi-pitta-hero-title\"\u003eL'Abhyanga, votre rituel d'équilibre quotidien\u003c\/span\u003e\n \u003cp class=\"soi-pitta-hero-subtitle\"\u003eUne huile ayurvédique certifiée biologique, formulée pour apaiser, nourrir et rééquilibrer les peaux sensibles associées au dosha Pitta.\u003c\/p\u003e\n \u003cdiv class=\"soi-pitta-hero-labels\"\u003e\n \u003cspan class=\"soi-pitta-label soi-pitta-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-pitta-label\"\u003eCOSMEBIO · ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-pitta-label\"\u003eFABRIQUÉE EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-pitta-label\"\u003eAYURVÉDIQUE\u003c\/span\u003e\n \u003cspan class=\"soi-pitta-label\"\u003e100 ML\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 : Pourquoi choisir une huile ayurveda corps adaptée à Pitta ? --\u003e\n \u003csection class=\"soi-pitta-section\"\u003e\n \u003ch2\u003ePourquoi choisir une huile ayurveda corps adaptée à Pitta ?\u003c\/h2\u003e\n \u003cp\u003eEn Ayurveda, le dosha Pitta est associé à la chaleur, l'intensité et la transformation. Lorsqu'il se trouve en excès, la peau le ressent souvent en premier : rougeurs, réactivité, sensations de brûlure ou d'inconfort.\u003c\/p\u003e\n \u003cp\u003eContrairement à une huile de massage classique, une huile ayurvédique corps Pitta intègre des plantes et des synergies botaniques étudiées depuis des siècles pour équilibrer ce dosha. L'objectif n'est pas simplement de nourrir la peau, mais de lui redonner un véritable équilibre : moins de réactivité, plus de confort, une texture apaisée au quotidien.\u003c\/p\u003e\n \u003cp\u003eQue vous l'utilisiez en massage corps ou en soin du visage, cette huile ayurvédique s'adapte aux peaux sensibles avec une grande douceur.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 : Composition complète de l'huile de massage Pitta bio --\u003e\n \u003csection class=\"soi-pitta-section\"\u003e\n \u003ch2\u003eComposition complète de l'huile de massage Pitta bio\u003c\/h2\u003e\n \u003cp class=\"soi-pitta-section-intro\"\u003eChaque ingrédient a été sélectionné pour sa cohérence avec les principes Pitta. Voici ce que contient cette formule :\u003c\/p\u003e\n \u003cdiv class=\"soi-pitta-grid\"\u003e\n \u003cdiv class=\"soi-pitta-card\"\u003e\n \u003ch3\u003e🌾 Huile de sésame bio (base)\u003c\/h3\u003e\n \u003cp\u003eHuile phare de l'Ayurveda, reconnue pour ses propriétés nourrissantes, antioxydantes et protectrices. Elle constitue un véhicule idéal pour les plantes actives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pitta-card\"\u003e\n \u003ch3\u003e🌿 Centella asiatica (Gotu Kola)\u003c\/h3\u003e\n \u003cp\u003ePlante clé de l'Ayurveda, réputée pour ses vertus cicatrisantes, régénérantes et apaisantes sur les peaux irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pitta-card\"\u003e\n \u003ch3\u003e🌱 Shatavari\u003c\/h3\u003e\n \u003cp\u003eAdaptogène doux, il nourrit et adoucit en profondeur tout en soutenant l'élasticité cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pitta-card\"\u003e\n \u003ch3\u003e🍇 Triphala\u003c\/h3\u003e\n \u003cp\u003eMélange de trois fruits ayurvédiques (Amalaki, Bibhitaki, Haritaki), aux propriétés régénérantes et antioxydantes. Il contribue à un teint unifié et une texture lisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pitta-card\"\u003e\n \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydratant naturel de référence, il apaise les rougeurs et renforce le confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pitta-card\"\u003e\n \u003ch3\u003e🍃 Huile essentielle d'arbre à thé\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés antimicrobiennes et anti-inflammatoires, elle complète parfaitement une formule dédiée aux peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 : Comment utiliser l'huile ayurveda corps Pitta ? --\u003e\n \u003csection class=\"soi-pitta-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile ayurveda corps Pitta ?\u003c\/h2\u003e\n \u003cp class=\"soi-pitta-section-intro\"\u003eL'Ayurveda recommande l'Abhyanga, un automassage quotidien à l'huile, idéalement le matin avant la douche. Voici comment procéder simplement :\u003c\/p\u003e\n \u003cdiv class=\"soi-pitta-timeline\"\u003e\n \u003cdiv class=\"soi-pitta-step\"\u003e\n \u003cdiv class=\"soi-pitta-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-pitta-step-content\"\u003e\n \u003ch3\u003ePréparez l'huile\u003c\/h3\u003e\n \u003cp\u003eTiédissez légèrement l'huile entre vos paumes pour activer les actifs et améliorer la pénétration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pitta-step\"\u003e\n \u003cdiv class=\"soi-pitta-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-pitta-step-content\"\u003e\n \u003ch3\u003eMassez le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez en mouvements circulaires sur tout le corps, en insistant sur les zones tendues ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pitta-step\"\u003e\n \u003cdiv class=\"soi-pitta-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-pitta-step-content\"\u003e\n \u003ch3\u003eLaissez poser et rincez\u003c\/h3\u003e\n \u003cp\u003eLaissez poser 10 à 20 minutes avant de rincer à l'eau tiède, sans savon agressif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pitta-tip\"\u003e\n \u003cdiv class=\"soi-pitta-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCette huile peut aussi s'utiliser en soin visage : quelques gouttes suffisent pour un massage facial doux, à intégrer dans votre routine du soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 : Certifications et garanties qualité --\u003e\n \u003csection class=\"soi-pitta-section\"\u003e\n \u003ch2\u003eCertifications et garanties qualité\u003c\/h2\u003e\n \u003cdiv class=\"soi-pitta-grid-compact\"\u003e\n \u003cdiv class=\"soi-pitta-card-mini\"\u003e\n \u003cspan class=\"soi-pitta-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-pitta-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-pitta-card-mini-value\"\u003eCosmebio par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pitta-card-mini\"\u003e\n \u003cspan class=\"soi-pitta-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-pitta-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-pitta-card-mini-value\"\u003eFabriquée en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pitta-card-mini\"\u003e\n \u003cspan class=\"soi-pitta-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-pitta-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-pitta-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pitta-compo\"\u003e\n \u003cdiv class=\"soi-pitta-compo-row\"\u003e\n \u003cspan class=\"soi-pitta-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-pitta-compo-value\"\u003eBiologique, sans conservateurs de synthèse, sans solvants chimiques, sans colorants artificiels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pitta-compo-row\"\u003e\n \u003cspan class=\"soi-pitta-compo-label\"\u003ePeaux adaptées\u003c\/span\u003e\n \u003cspan class=\"soi-pitta-compo-value\"\u003ePeaux sensibles et réactives, y compris en période estivale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 : Avis sur l'huile ayurveda Pitta : ce que disent les utilisateurs --\u003e\n \u003csection class=\"soi-pitta-section\"\u003e\n \u003ch2\u003eAvis sur l'huile ayurveda Pitta : ce que disent les utilisateurs\u003c\/h2\u003e\n \u003cp\u003eLes personnes qui intègrent cette huile à leur routine Abhyanga témoignent d'une peau visiblement plus douce et apaisée après quelques semaines d'utilisation régulière. Les peaux sujettes aux rougeurs ou aux tiraillements semblent particulièrement réceptives à la synergie Centella asiatica et Aloe vera.\u003c\/p\u003e\n \u003cp\u003eComme pour tout soin ayurvédique, la régularité est la clé : les bienfaits se révèlent progressivement, en douceur.\u003c\/p\u003e\n \u003cdiv class=\"soi-pitta-accordion\"\u003e\n \u003cdetails class=\"soi-pitta-accordion-item\"\u003e\n \u003csummary class=\"soi-pitta-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-pitta-accordion-content\"\u003e\n \u003cp\u003eCe produit est un cosmétique. Il ne constitue pas un traitement médical et ne se substitue pas à un avis médical professionnel.\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-pitta-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-pitta-cta-box\"\u003e\n \u003cp class=\"soi-pitta-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un soin ancré dans des millénaires de sagesse ayurvédique. L'huile Pitta bio d'Ayurvana accompagne chaque massage d'une promesse simple : apaiser, nourrir, équilibrer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-pitta-marine: #1A2D3D;\n --soi-pitta-marine-dark: #0F1E2B;\n --soi-pitta-marine-light: #2C4458;\n --soi-pitta-pomme: #A1C544;\n --soi-pitta-pomme-dark: #84A636;\n --soi-pitta-pomme-light: rgba(161,197,68,0.10);\n\n --soi-pitta-white: #FFFFFF;\n --soi-pitta-off-white: #F8FAF6;\n --soi-pitta-stone: #F1F3EE;\n --soi-pitta-line: #E5E8E0;\n\n --soi-pitta-primary: #D88542;\n --soi-pitta-primary-soft: #FFF3E8;\n --soi-pitta-accent: #C96A3B;\n\n --soi-pitta-text: #1A2D3D;\n --soi-pitta-text-soft: #4A5B6B;\n --soi-pitta-text-muted: #7B8693;\n\n --soi-pitta-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-pitta-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-pitta-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-pitta-radius: 12px;\n --soi-pitta-radius-sm: 8px;\n --soi-pitta-radius-pill: 999px;\n}\n\n.soi-pitta-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-pitta-fiche img { max-width: 100%; height: auto; }\n\n.soi-pitta-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-pitta-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-pitta-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-pitta-hero {\n position: relative;\n background: var(--soi-pitta-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-pitta-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-pitta-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-pitta-pomme);\n}\n\n.soi-pitta-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-pitta-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-pitta-pomme);\n border-radius: 50%;\n}\n\n.soi-pitta-hero-title {\n display: block;\n color: var(--soi-pitta-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-pitta-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-pitta-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-pitta-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-pitta-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-pitta-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-pitta-label-accent {\n background: var(--soi-pitta-pomme);\n border-color: var(--soi-pitta-pomme);\n color: var(--soi-pitta-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-pitta-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-pitta-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-pitta-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-pitta-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-pitta-pomme);\n border-radius: 2px;\n}\n\n.soi-pitta-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-pitta-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-pitta-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-pitta-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-pitta-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-pitta-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-pitta-card {\n background: var(--soi-pitta-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-pitta-radius);\n border-left: 3px solid var(--soi-pitta-pomme);\n}\n\n.soi-pitta-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-pitta-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-pitta-card p {\n font-size: 14px;\n color: var(--soi-pitta-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-pitta-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-pitta-card-mini {\n background: var(--soi-pitta-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-pitta-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-pitta-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-pitta-card-mini-label {\n font-size: 11px;\n color: var(--soi-pitta-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-pitta-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-pitta-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-pitta-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-pitta-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-pitta-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-pitta-radius);\n border: 1px solid var(--soi-pitta-line);\n align-items: flex-start;\n}\n\n.soi-pitta-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-pitta-marine);\n color: var(--soi-pitta-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-pitta-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-pitta-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-pitta-step-content p {\n font-size: 14px;\n color: var(--soi-pitta-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-pitta-compo {\n background: var(--soi-pitta-off-white);\n border-radius: var(--soi-pitta-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-pitta-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-pitta-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-pitta-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-pitta-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-pitta-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-pitta-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-pitta-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-pitta-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-pitta-pomme-light);\n border-left: 4px solid var(--soi-pitta-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-pitta-radius) var(--soi-pitta-radius) 0;\n align-items: flex-start;\n}\n\n.soi-pitta-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-pitta-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-pitta-marine);\n margin-bottom: 4px;\n}\n\n.soi-pitta-tip p {\n font-size: 14px;\n color: var(--soi-pitta-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-pitta-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.25rem;\n}\n\n.soi-pitta-accordion-item {\n background: var(--soi-pitta-off-white);\n border-radius: var(--soi-pitta-radius-sm);\n border: 1px solid var(--soi-pitta-line);\n overflow: hidden;\n}\n\n.soi-pitta-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-pitta-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-pitta-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-pitta-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-pitta-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-pitta-accordion-item[open] .soi-pitta-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-pitta-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-pitta-accordion-content p {\n font-size: 14px;\n color: var(--soi-pitta-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-pitta-cta-box {\n background: var(--soi-pitta-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-pitta-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-pitta-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-pitta-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-pitta-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-pitta-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-pitta-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-pitta-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-pitta-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-pitta-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-pitta-compo-value {\n text-align: left;\n }\n\n .soi-pitta-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-pitta-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-pitta-fiche {\n --soi-pitta-text-soft: #2C3E50;\n --soi-pitta-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603092889930,"sku":"AY0106","price":21.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-massage-pitta-bio-ayurvana-packshot_11zon.webp?v=1782371971"},{"product_id":"huile-massage-kapha-bio","title":"Huile de massage Kapha bio Ayurvana","description":"\n\u003cdiv class=\"soi-kapha-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-kapha-hero\"\u003e\n \u003cdiv class=\"soi-kapha-hero-tag\"\u003e\n \u003cspan class=\"soi-kapha-tag-dot\"\u003e\u003c\/span\u003e\n Ayurveda · Ayurvana\n \u003c\/div\u003e\n \u003cspan class=\"soi-kapha-hero-title\"\u003eRituel ayurvédique, énergie retrouvée\u003c\/span\u003e\n \u003cp class=\"soi-kapha-hero-subtitle\"\u003eUne huile ayurvédique corps formulée pour réveiller, stimuler et revitaliser les constitutions Kapha, fidèle aux enseignements millénaires de l'Ayurveda.\u003c\/p\u003e\n \u003cdiv class=\"soi-kapha-hero-labels\"\u003e\n \u003cspan class=\"soi-kapha-label soi-kapha-label-accent\"\u003eCOSMEBIO · ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-kapha-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-kapha-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-kapha-label\"\u003eAYURVÉDIQUE\u003c\/span\u003e\n \u003cspan class=\"soi-kapha-label\"\u003e100 ML\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-kapha-section\"\u003e\n \u003cp class=\"soi-kapha-section-intro\"\u003eVous cherchez une huile de massage ayurvédique corps vraiment adaptée à votre constitution Kapha ? Cette huile bio d'Ayurvana est formulée pour répondre précisément aux besoins des profils Kapha : peaux qui ont tendance à la lourdeur, circulation paresseuse, muscles qui manquent de tonus. Elle réveille, stimule et revitalise, fidèle aux enseignements de l'Ayurveda depuis des millénaires.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 : Dosha Kapha --\u003e\n \u003csection class=\"soi-kapha-section\"\u003e\n \u003ch2\u003eQu'est-ce que le dosha Kapha en Ayurveda ?\u003c\/h2\u003e\n \u003cp\u003eEn médecine ayurvédique, le dosha Kapha est gouverné par les éléments \u003cstrong\u003eterre et eau\u003c\/strong\u003e. Les personnes à dominante Kapha ont souvent une constitution robuste, une peau douce, une grande endurance et un tempérament calme. Mais lorsque Kapha se déséquilibre, un excès de lourdeur, de stagnation et de rétention peut apparaître, tant sur le plan physique qu'énergétique.\u003c\/p\u003e\n \u003cp\u003eL'objectif de cette huile ayurvédique corps est précisément de rééquilibrer cet excès en apportant \u003cstrong\u003echaleur, légèreté et mouvement\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 : Bienfaits --\u003e\n \u003csection class=\"soi-kapha-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de massage Kapha bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-kapha-benefits\"\u003e\n \u003cdiv class=\"soi-kapha-benefit\"\u003e\n \u003cdiv class=\"soi-kapha-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTonifie et raffermit\u003c\/h3\u003e\n \u003cp\u003eSoutient la fermeté musculaire pour une silhouette plus dynamique et tonique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kapha-benefit\"\u003e\n \u003cdiv class=\"soi-kapha-benefit-icon\"\u003e\u003cspan\u003e🌊\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eStimule la circulation\u003c\/h3\u003e\n \u003cp\u003eActive la circulation sanguine et lymphatique, idéale pour les corps qui ont tendance à la lourdeur ou à la rétention.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kapha-benefit\"\u003e\n \u003cdiv class=\"soi-kapha-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRéduit l'aspect peau d'orange\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses actifs tonifiants et drainants, la peau retrouve un grain plus lisse et uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kapha-benefit\"\u003e\n \u003cdiv class=\"soi-kapha-benefit-icon\"\u003e\u003cspan\u003e🔥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRéchauffe en profondeur\u003c\/h3\u003e\n \u003cp\u003eRestitue une énergie vibrante dès les premières applications et nourrit la peau sans l'alourdir grâce à l'huile de sésame bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 : Composition --\u003e\n \u003csection class=\"soi-kapha-section\"\u003e\n \u003ch2\u003eComposition : des plantes ayurvédiques soigneusement sélectionnées\u003c\/h2\u003e\n \u003cp class=\"soi-kapha-section-intro\"\u003eChaque ingrédient de cette huile ayurvédique a été choisi pour son action spécifique sur le dosha Kapha.\u003c\/p\u003e\n \u003cdiv class=\"soi-kapha-grid\"\u003e\n \u003cdiv class=\"soi-kapha-card\"\u003e\n \u003ch3\u003e🌾 Huile de sésame bio (base)\u003c\/h3\u003e\n \u003cp\u003eHuile de référence en Ayurveda, nourrissante et antioxydante. Elle pénètre profondément pour tonifier les tissus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kapha-card\"\u003e\n \u003ch3\u003e🫚 Gingembre\u003c\/h3\u003e\n \u003cp\u003eActif chauffant et stimulant par excellence, il active la circulation et combat la stagnation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kapha-card\"\u003e\n \u003ch3\u003e🌿 Curcuma\u003c\/h3\u003e\n \u003cp\u003eAux propriétés anti-inflammatoires et tonifiantes reconnues, il soutient l'éclat et la fermeté cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kapha-card\"\u003e\n \u003ch3\u003e🌱 Fenugrec\u003c\/h3\u003e\n \u003cp\u003eFavorise le drainage et aide à affiner la silhouette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kapha-card\"\u003e\n \u003ch3\u003e🍃 Centella asiatica (Gotu kola)\u003c\/h3\u003e\n \u003cp\u003ePlante emblématique de l'Ayurveda, elle soutient la microcirculation et la fermeté de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kapha-card\"\u003e\n \u003ch3\u003e🌶️ Poivre noir\u003c\/h3\u003e\n \u003cp\u003ePuissant activateur circulatoire, il amplifie l'action des autres actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kapha-card\"\u003e\n \u003ch3\u003e🪵 Huile essentielle de cannelle\u003c\/h3\u003e\n \u003cp\u003eÉnergisante et équilibrante, elle apporte une chaleur douce et une fragrance enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 : Mode d'emploi --\u003e\n \u003csection class=\"soi-kapha-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de massage Kapha ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-kapha-timeline\"\u003e\n \u003cdiv class=\"soi-kapha-step\"\u003e\n \u003cdiv class=\"soi-kapha-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-kapha-step-content\"\u003e\n \u003ch3\u003ePréparez votre soin\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques pressions de pompe sur la paume de votre main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kapha-step\"\u003e\n \u003cdiv class=\"soi-kapha-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-kapha-step-content\"\u003e\n \u003ch3\u003eMassez avec fermeté\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements fermes et dynamiques, en remontant vers le cœur pour activer la circulation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kapha-step\"\u003e\n \u003cdiv class=\"soi-kapha-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-kapha-step-content\"\u003e\n \u003ch3\u003eIntégrez à votre quotidien\u003c\/h3\u003e\n \u003cp\u003eUtilisez quotidiennement, idéalement le matin pour démarrer la journée avec vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kapha-tip\"\u003e\n \u003cdiv class=\"soi-kapha-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un résultat optimal, pratiquez l'Abhyanga, le massage ayurvédique traditionnel du corps entier, sur peau sèche avant la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 : Garanties --\u003e\n \u003csection class=\"soi-kapha-section\"\u003e\n \u003ch2\u003eGaranties qualité Ayurvana\u003c\/h2\u003e\n \u003cdiv class=\"soi-kapha-grid-compact\"\u003e\n \u003cdiv class=\"soi-kapha-card-mini\"\u003e\n \u003cspan class=\"soi-kapha-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-kapha-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-kapha-card-mini-value\"\u003eCosmebio par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kapha-card-mini\"\u003e\n \u003cspan class=\"soi-kapha-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-kapha-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-kapha-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kapha-card-mini\"\u003e\n \u003cspan class=\"soi-kapha-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-kapha-card-mini-label\"\u003eFormule pure\u003c\/span\u003e\n \u003cspan class=\"soi-kapha-card-mini-value\"\u003eSans conservateur, colorant, solvant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kapha-card-mini\"\u003e\n \u003cspan class=\"soi-kapha-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-kapha-card-mini-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-kapha-card-mini-value\"\u003eFlacon pompe 100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 6 : Pour qui --\u003e\n \u003csection class=\"soi-kapha-section\"\u003e\n \u003ch2\u003ePour qui est conseillée cette huile ayurvédique pour le corps ?\u003c\/h2\u003e\n \u003cp\u003eCette huile convient particulièrement aux personnes à \u003cstrong\u003edominante Kapha\u003c\/strong\u003e souhaitant affiner leur silhouette, retrouver de la légèreté et stimuler leur énergie au quotidien. Elle est également appréciée en \u003cstrong\u003emassage sportif\u003c\/strong\u003e avant l'effort ou en soin anti-cellulite naturel.\u003c\/p\u003e\n \u003cdiv class=\"soi-kapha-accordion\"\u003e\n \u003cdetails class=\"soi-kapha-accordion-item\"\u003e\n \u003csummary class=\"soi-kapha-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-kapha-accordion-content\"\u003e\n \u003cp\u003eEn cas de doute sur votre dosha ou d'utilisation pendant la grossesse, 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 \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-kapha-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-kapha-cta-box\"\u003e\n \u003cp class=\"soi-kapha-cta-text\" style=\"color: white;\"\u003eRedécouvrez la légèreté et la vitalité avec cette huile Kapha bio. Chaque massage devient un rituel ancré dans une tradition millénaire, un moment pour vous reconnecter à votre corps et lui offrir la stimulation dont il a besoin pour rayonner, jour après 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-kapha-marine: #1A2D3D;\n --soi-kapha-marine-dark: #0F1E2B;\n --soi-kapha-marine-light: #2C4458;\n --soi-kapha-pomme: #A1C544;\n --soi-kapha-pomme-dark: #84A636;\n --soi-kapha-pomme-light: rgba(161,197,68,0.10);\n\n --soi-kapha-white: #FFFFFF;\n --soi-kapha-off-white: #F8FAF6;\n --soi-kapha-stone: #F1F3EE;\n --soi-kapha-line: #E5E8E0;\n\n --soi-kapha-primary: #D88542;\n --soi-kapha-primary-soft: #F5E6D4;\n --soi-kapha-accent: #B5C94A;\n\n --soi-kapha-text: #1A2D3D;\n --soi-kapha-text-soft: #4A5B6B;\n --soi-kapha-text-muted: #7B8693;\n\n --soi-kapha-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-kapha-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-kapha-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-kapha-radius: 12px;\n --soi-kapha-radius-sm: 8px;\n --soi-kapha-radius-pill: 999px;\n}\n\n.soi-kapha-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-kapha-fiche img { max-width: 100%; height: auto; }\n\n.soi-kapha-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-kapha-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-kapha-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-kapha-hero {\n position: relative;\n background: var(--soi-kapha-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-kapha-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-kapha-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-kapha-pomme);\n}\n\n.soi-kapha-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-kapha-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-kapha-pomme);\n border-radius: 50%;\n}\n\n.soi-kapha-hero-title {\n display: block;\n color: var(--soi-kapha-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-kapha-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-kapha-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-kapha-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-kapha-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-kapha-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-kapha-label-accent {\n background: var(--soi-kapha-pomme);\n border-color: var(--soi-kapha-pomme);\n color: var(--soi-kapha-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-kapha-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-kapha-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-kapha-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-kapha-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-kapha-pomme);\n border-radius: 2px;\n}\n\n.soi-kapha-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-kapha-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-kapha-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-kapha-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-kapha-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-kapha-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-kapha-benefit {\n background: var(--soi-kapha-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-kapha-radius);\n border: 1px solid var(--soi-kapha-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-kapha-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-kapha-shadow-md);\n}\n\n.soi-kapha-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-kapha-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-kapha-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-kapha-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-kapha-benefit:hover .soi-kapha-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-kapha-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-kapha-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-kapha-benefit p {\n font-size: 13px;\n color: var(--soi-kapha-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-kapha-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-kapha-card {\n background: var(--soi-kapha-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-kapha-radius);\n border-left: 3px solid var(--soi-kapha-pomme);\n}\n\n.soi-kapha-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-kapha-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-kapha-card p {\n font-size: 14px;\n color: var(--soi-kapha-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-kapha-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-kapha-card-mini {\n background: var(--soi-kapha-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-kapha-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-kapha-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-kapha-card-mini-label {\n font-size: 11px;\n color: var(--soi-kapha-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-kapha-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-kapha-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-kapha-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-kapha-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-kapha-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-kapha-radius);\n border: 1px solid var(--soi-kapha-line);\n align-items: flex-start;\n}\n\n.soi-kapha-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-kapha-marine);\n color: var(--soi-kapha-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-kapha-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-kapha-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-kapha-step-content p {\n font-size: 14px;\n color: var(--soi-kapha-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-kapha-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-kapha-pomme-light);\n border-left: 4px solid var(--soi-kapha-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-kapha-radius) var(--soi-kapha-radius) 0;\n align-items: flex-start;\n}\n\n.soi-kapha-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-kapha-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-kapha-marine);\n margin-bottom: 4px;\n}\n\n.soi-kapha-tip p {\n font-size: 14px;\n color: var(--soi-kapha-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-kapha-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.25rem;\n}\n\n.soi-kapha-accordion-item {\n background: var(--soi-kapha-off-white);\n border-radius: var(--soi-kapha-radius-sm);\n border: 1px solid var(--soi-kapha-line);\n overflow: hidden;\n}\n\n.soi-kapha-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-kapha-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-kapha-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-kapha-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-kapha-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-kapha-accordion-item[open] .soi-kapha-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-kapha-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-kapha-accordion-content p {\n font-size: 14px;\n color: var(--soi-kapha-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-kapha-cta-box {\n background: var(--soi-kapha-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-kapha-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-kapha-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-kapha-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-kapha-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-kapha-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-kapha-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-kapha-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-kapha-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-kapha-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .soi-kapha-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-kapha-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-kapha-fiche {\n --soi-kapha-text-soft: #2C3E50;\n --soi-kapha-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603094397258,"sku":"AY0107","price":23.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-massage-kapha-bio-ayurvana-packshot_c7d94ae4-e3b3-45b8-8ae4-18ef25d0723a.webp?v=1787478072"},{"product_id":"lait-corps-centella-bio","title":"Lait Corps à la Centella bio - Ayurvana","description":"\n\u003cdiv class=\"soi-cent-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-cent-hero\"\u003e\n \u003cdiv class=\"soi-cent-hero-tag\"\u003e\n \u003cspan class=\"soi-cent-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique bio · Ayurvana\n \u003c\/div\u003e\n \u003cspan class=\"soi-cent-hero-title\"\u003eLait Corps à la Centella bio\u003c\/span\u003e\n \u003cp class=\"soi-cent-hero-subtitle\"\u003eUn soin hydratant certifié bio, enrichi en Centella Asiatica et en huiles végétales précieuses, pour une peau nourrie, raffermie et apaisée au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-cent-hero-labels\"\u003e\n \u003cspan class=\"soi-cent-label soi-cent-label-accent\"\u003eBIO COSMEBIO\u003c\/span\u003e\n \u003cspan class=\"soi-cent-label\"\u003eCERTIFIÉ ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-cent-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-cent-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003cspan class=\"soi-cent-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-cent-section\"\u003e\n \u003cp class=\"soi-cent-section-intro\"\u003eVous cherchez un lait hydratant bio pour le corps qui fait vraiment la différence, sans compromis sur la naturalité ? Ce lait corps à la Centella bio d'Ayurvana associe l'efficacité d'une plante vieille de plusieurs siècles à une formule douce, certifiée Cosmebio par Ecocert, conçue pour les peaux sèches, sensibles ou qui ont besoin d'un vrai coup de soin.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Centella Asiatica --\u003e\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eCentella Asiatica : pourquoi cette plante est au cœur de la formule\u003c\/h2\u003e\n \u003cp\u003eLa Centella Asiatica, aussi appelée Gotu Kola, est une plante emblématique de la médecine ayurvédique. Elle est reconnue pour sa capacité à stimuler la synthèse de collagène, ce qui se traduit concrètement par une peau plus ferme, plus élastique et visiblement régénérée.\u003c\/p\u003e\n \u003cp\u003eElle apaise les irritations, soutient la microcirculation cutanée et favorise le renouvellement des cellules cutanées. Résultat : votre peau retrouve de la tonicité, de l'éclat et un confort durable.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les actifs naturels --\u003e\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eLes actifs naturels qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-cent-grid\"\u003e\n \u003cdiv class=\"soi-cent-card\"\u003e\n \u003ch3\u003e🌼 Eau florale de bleuet\u003c\/h3\u003e\n \u003cp\u003eApaisante et légèrement tonifiante, elle réconforte les peaux sensibles et favorise une peau visiblement plus lumineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-card\"\u003e\n \u003ch3\u003e🍑 Huile de noyau d'abricot\u003c\/h3\u003e\n \u003cp\u003eLégère et pénétrante, elle nourrit la peau en profondeur sans effet gras, idéale pour les peaux tiraillées ou déshydratées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-card\"\u003e\n \u003ch3\u003e🌿 Huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eReconnue pour son action émolliente, elle assouplit la peau, renforce le film hydrolipidique et soulage les peaux sèches ou rugueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-card\"\u003e\n \u003ch3\u003e🌱 Hamamélis\u003c\/h3\u003e\n \u003cp\u003eAntioxydant naturel, il soutient une circulation sanguine normale et contribue à l'effet drainant et revitalisant de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser --\u003e\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eComment utiliser ce lait corps hydratant bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-cent-timeline\"\u003e\n \u003cdiv class=\"soi-cent-step\"\u003e\n \u003cdiv class=\"soi-cent-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step-content\"\u003e\n \u003ch3\u003eAprès la douche ou le bain\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette généreuse de lait sur peau légèrement humide pour maximiser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step\"\u003e\n \u003cdiv class=\"soi-cent-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step-content\"\u003e\n \u003ch3\u003eMassez en mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003eInsistez sur les zones sèches : coudes, genoux, tibias.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step\"\u003e\n \u003cdiv class=\"soi-cent-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-cent-step-content\"\u003e\n \u003ch3\u003eMatin et soir\u003c\/h3\u003e\n \u003cp\u003eUtilisez matin et soir pour un confort optimal, ou uniquement le soir pour entretenir une hydratation durable toute la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Ce lait corps bio est fait pour vous si... --\u003e\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eCe lait corps bio est fait pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"soi-cent-benefits\"\u003e\n \u003cdiv class=\"soi-cent-benefit\"\u003e\n \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e🤍\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau sèche ou sensible\u003c\/h3\u003e\n \u003cp\u003eVotre peau est sèche, sensible ou réactive et supporte mal les formules conventionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-benefit\"\u003e\n \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eExigence bio\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez un lait hydratant bio pour le corps certifié, sans ingrédients controversés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-benefit\"\u003e\n \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFermeté et élasticité\u003c\/h3\u003e\n \u003cp\u003eVous cherchez à améliorer la fermeté et l'élasticité de votre peau sur le long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-benefit\"\u003e\n \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabrication française\u003c\/h3\u003e\n \u003cp\u003eVous préférez les soins fabriqués en France, avec des actifs traçables et respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Certification et fabrication --\u003e\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eCertification et fabrication\u003c\/h2\u003e\n \u003cp\u003eCe lait corps bio est certifié Cosmebio par Ecocert, l'un des labels les plus exigeants en cosmétique naturelle et biologique. Il est fabriqué en France, avec des ingrédients issus de l'agriculture biologique. Un choix cohérent pour votre peau et pour la planète.\u003c\/p\u003e\n \u003cdiv class=\"soi-cent-compo\"\u003e\n \u003cdiv class=\"soi-cent-compo-row\"\u003e\n \u003cspan class=\"soi-cent-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-cent-compo-value\"\u003eCosmebio par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-compo-row\"\u003e\n \u003cspan class=\"soi-cent-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-cent-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cent-compo-row\"\u003e\n \u003cspan class=\"soi-cent-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-cent-compo-value\"\u003eSulfates, parabènes, colorants synthétiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Questions fréquentes --\u003e\n \u003csection class=\"soi-cent-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le lait corps à la Centella bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-cent-accordion\"\u003e\n \u003cdetails class=\"soi-cent-accordion-item\"\u003e\n \u003csummary class=\"soi-cent-accordion-header\"\u003e🧴 Ce lait convient-il aux peaux très sèches ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cent-accordion-content\"\u003e\n \u003cp\u003eOui, sa formule enrichie en huiles végétales nourrit en profondeur même les peaux les plus déshydratées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cent-accordion-item\"\u003e\n \u003csummary class=\"soi-cent-accordion-header\"\u003e🤰 Peut-on l'utiliser pendant la grossesse ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cent-accordion-content\"\u003e\n \u003cp\u003eConsultez votre médecin ou sage-femme avant toute application, par précaution.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cent-accordion-item\"\u003e\n \u003csummary class=\"soi-cent-accordion-header\"\u003e💧 Quelle est la texture du lait ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cent-accordion-content\"\u003e\n \u003cp\u003eLégère et fondante, elle pénètre rapidement sans film gras résiduel, idéale au quotidien.\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-cent-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cent-cta-box\"\u003e\n \u003cp class=\"soi-cent-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, prendre soin de sa peau durablement\u003c\/p\u003e\n \u003cp class=\"soi-cent-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau le meilleur de la Centella Asiatica : une hydratation profonde, un confort immédiat et les bienfaits d'une plante millénaire dans une formule certifiée bio, fabriquée 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-cent-marine: #1A2D3D;\n --soi-cent-marine-dark: #0F1E2B;\n --soi-cent-marine-light: #2C4458;\n --soi-cent-pomme: #A1C544;\n --soi-cent-pomme-dark: #84A636;\n --soi-cent-pomme-light: rgba(161,197,68,0.10);\n\n --soi-cent-white: #FFFFFF;\n --soi-cent-off-white: #F8FAF6;\n --soi-cent-stone: #F1F3EE;\n --soi-cent-line: #E5E8E0;\n\n --soi-cent-primary: #C8A96E;\n --soi-cent-primary-soft: #E8DCC8;\n --soi-cent-accent: #D88542;\n\n --soi-cent-text: #1A2D3D;\n --soi-cent-text-soft: #4A5B6B;\n --soi-cent-text-muted: #7B8693;\n\n --soi-cent-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cent-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cent-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cent-radius: 12px;\n --soi-cent-radius-sm: 8px;\n --soi-cent-radius-pill: 999px;\n}\n\n.soi-cent-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cent-fiche img { max-width: 100%; height: auto; }\n\n.soi-cent-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cent-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cent-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-cent-hero {\n position: relative;\n background: var(--soi-cent-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-cent-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-cent-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-cent-pomme);\n}\n\n.soi-cent-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-cent-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cent-pomme);\n border-radius: 50%;\n}\n\n.soi-cent-hero-title {\n display: block;\n color: var(--soi-cent-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-cent-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-cent-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-cent-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-cent-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cent-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-cent-label-accent {\n background: var(--soi-cent-pomme);\n border-color: var(--soi-cent-pomme);\n color: var(--soi-cent-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-cent-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cent-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cent-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-cent-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cent-pomme);\n border-radius: 2px;\n}\n\n.soi-cent-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-cent-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-cent-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cent-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-cent-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-cent-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-cent-benefit {\n background: var(--soi-cent-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cent-radius);\n border: 1px solid var(--soi-cent-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cent-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cent-shadow-md);\n}\n\n.soi-cent-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cent-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-cent-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cent-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-cent-benefit:hover .soi-cent-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-cent-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cent-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cent-benefit p {\n font-size: 13px;\n color: var(--soi-cent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-cent-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-cent-card {\n background: var(--soi-cent-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cent-radius);\n border-left: 3px solid var(--soi-cent-pomme);\n}\n\n.soi-cent-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cent-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cent-card p {\n font-size: 14px;\n color: var(--soi-cent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-cent-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-cent-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cent-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cent-radius);\n border: 1px solid var(--soi-cent-line);\n align-items: flex-start;\n}\n\n.soi-cent-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cent-marine);\n color: var(--soi-cent-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-cent-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cent-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-cent-step-content p {\n font-size: 14px;\n color: var(--soi-cent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-cent-compo {\n background: var(--soi-cent-off-white);\n border-radius: var(--soi-cent-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-cent-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-cent-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-cent-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-cent-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-cent-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-cent-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-cent-marine);\n text-align: right;\n}\n\n\/* ACCORDION *\/\n.soi-cent-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-cent-accordion-item {\n background: var(--soi-cent-off-white);\n border-radius: var(--soi-cent-radius-sm);\n border: 1px solid var(--soi-cent-line);\n overflow: hidden;\n}\n\n.soi-cent-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cent-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-cent-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-cent-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cent-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-cent-accordion-item[open] .soi-cent-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-cent-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-cent-accordion-content p {\n font-size: 14px;\n color: var(--soi-cent-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIP *\/\n.soi-cent-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cent-pomme-light);\n border-left: 4px solid var(--soi-cent-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cent-radius) var(--soi-cent-radius) 0;\n align-items: flex-start;\n}\n\n.soi-cent-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-cent-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cent-marine);\n margin-bottom: 4px;\n}\n\n.soi-cent-tip p {\n font-size: 14px;\n color: var(--soi-cent-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-cent-cta-box {\n background: var(--soi-cent-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cent-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-cent-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-cent-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-cent-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-cent-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-cent-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-cent-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-cent-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-cent-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-cent-compo-value {\n text-align: left;\n }\n\n .soi-cent-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-cent-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-cent-fiche {\n --soi-cent-text-soft: #2C3E50;\n --soi-cent-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603138044234,"sku":"AY9953","price":13.05,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/lait-corps-a-la-centella-bio-ayurvana-packshot_a1bc301b-2419-4012-8c6f-130f5e0c292e.webp?v=1787477598"},{"product_id":"huile-seche-sublimante-centifolia","title":"Huile sèche sublimatrice - Centifolia","description":"\n\u003cdiv class=\"soi-hsub-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-hsub-hero\"\u003e\n \u003cdiv class=\"soi-hsub-hero-tag\"\u003e\n \u003cspan class=\"soi-hsub-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique naturelle · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-hsub-hero-title\"\u003eL'éclat d'une huile, la légèreté d'un voile\u003c\/span\u003e\n \u003cp class=\"soi-hsub-hero-subtitle\"\u003eUn soin 3-en-1 visage, corps et cheveux à base de camélia BIO et de 4 huiles végétales précieuses. Texture aérienne, absorption instantanée, fini satiné sans aucun film gras.\u003c\/p\u003e\n \u003cdiv class=\"soi-hsub-hero-labels\"\u003e\n \u003cspan class=\"soi-hsub-label soi-hsub-label-accent\"\u003e97 % D'ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-hsub-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-hsub-label\"\u003eFABRIQUÉE EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-hsub-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003cspan class=\"soi-hsub-label\"\u003eTESTÉE DERMATOLOGIQUEMENT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Qu'est-ce qu'une huile sèche, exactement ? --\u003e\n \u003csection class=\"soi-hsub-section\"\u003e\n \u003ch2\u003eQu'est-ce qu'une huile sèche, exactement ?\u003c\/h2\u003e\n \u003cp\u003eContrairement à une huile grasse classique, une huile sèche est composée d'huiles végétales dites \"siccatives\" ou légères, à haute pénétrabilité cutanée. Elles s'absorbent instantanément sans occlusion à la surface de la peau. Le résultat : un fini satiné, lumineux, sans effet poisseux. C'est ce qui distingue fondamentalement une huile sèche pour le corps d'une huile de massage traditionnelle.\u003c\/p\u003e\n \u003cp\u003eLa formule Centifolia va encore plus loin en associant cinq huiles complémentaires, chacune apportant un bénéfice ciblé pour la peau et les cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les 5 huiles végétales au cœur de la formule --\u003e\n \u003csection class=\"soi-hsub-section\"\u003e\n \u003ch2\u003eLes 5 huiles végétales au cœur de la formule\u003c\/h2\u003e\n \u003cdiv class=\"soi-hsub-grid\"\u003e\n \u003cdiv class=\"soi-hsub-card\"\u003e\n \u003ch3\u003e🌺 Huile de Camélia BIO\u003c\/h3\u003e\n \u003cp\u003eStar de la formule, elle est riche en acide oléique. Elle nourrit en profondeur, renforce la fibre capillaire et donne un éclat remarquable au teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-card\"\u003e\n \u003ch3\u003e🌻 Huile de Tournesol\u003c\/h3\u003e\n \u003cp\u003eLégère et émolliente, elle adoucit la peau et constitue une base \"sèche\" idéale pour une absorption rapide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-card\"\u003e\n \u003ch3\u003e🌿 Huile de Jojoba\u003c\/h3\u003e\n \u003cp\u003eProche du sébum naturel, elle régule, protège et convient aux peaux mixtes comme aux cheveux fins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-card\"\u003e\n \u003ch3\u003e🌰 Huile d'Argan\u003c\/h3\u003e\n \u003cp\u003eAntioxydante et restructurante, elle aide à lisser les pointes abîmées et à redonner de la souplesse aux cheveux secs ou colorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-card\"\u003e\n \u003ch3\u003e🥜 Huile de Macadamia\u003c\/h3\u003e\n \u003cp\u003eUltra-nourrissante, elle apporte la touche veloutée qui rend ce soin si agréable à appliquer sur la peau sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pour qui est-elle faite ? --\u003e\n \u003csection class=\"soi-hsub-section\"\u003e\n \u003ch2\u003ePour qui est-elle faite ?\u003c\/h2\u003e\n \u003cp class=\"soi-hsub-section-intro\"\u003eCette huile sèche pour cheveux et pour le corps convient à pratiquement tous les profils.\u003c\/p\u003e\n \u003cdiv class=\"soi-hsub-benefits\"\u003e\n \u003cdiv class=\"soi-hsub-benefit\"\u003e\n \u003cdiv class=\"soi-hsub-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eElle nourrit sans surcharger, idéale après la douche ou après une exposition au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-benefit\"\u003e\n \u003cdiv class=\"soi-hsub-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux secs, frisés ou colorés\u003c\/h3\u003e\n \u003cp\u003eQuelques pressions sur les longueurs suffisent pour retrouver souplesse et brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-benefit\"\u003e\n \u003cdiv class=\"soi-hsub-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux sensibles\u003c\/h3\u003e\n \u003cp\u003eTestée dermatologiquement, sans phtalates ni bisphénol A, elle respecte les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-benefit\"\u003e\n \u003cdiv class=\"soi-hsub-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProfils vegan et éco-conscients\u003c\/h3\u003e\n \u003cp\u003eFormule 100 % vegan, 97 % d'origine naturelle, flacon recyclable fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser l'huile sèche Centifolia ? --\u003e\n \u003csection class=\"soi-hsub-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile sèche Centifolia ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-hsub-timeline\"\u003e\n \u003cdiv class=\"soi-hsub-step\"\u003e\n \u003cdiv class=\"soi-hsub-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-step-content\"\u003e\n \u003ch3\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur la peau propre et sèche après la douche, massez brièvement jusqu'à absorption complète. Pas de rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-step\"\u003e\n \u003cdiv class=\"soi-hsub-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-step-content\"\u003e\n \u003ch3\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003e2 à 3 pressions sur les longueurs et pointes, avant ou après coiffage. Évitez les racines si vos cheveux ont tendance à graisser vite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-step\"\u003e\n \u003cdiv class=\"soi-hsub-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-step-content\"\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003e1 pression dans le creux de la main, réchauffez et appliquez en effleurage sur le visage pour une touche lumineuse avant le maquillage ou en soin de nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-tip\"\u003e\n \u003cdiv class=\"soi-hsub-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eGrâce au flacon spray, le dosage est précis et l'application uniforme : vous évitez tout gaspillage tout en répartissant le soin de manière homogène.\u003c\/p\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-hsub-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-hsub-compo\"\u003e\n \u003cdiv class=\"soi-hsub-compo-row\"\u003e\n \u003cspan class=\"soi-hsub-compo-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-hsub-compo-value\"\u003eFlacon spray 100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-compo-row\"\u003e\n \u003cspan class=\"soi-hsub-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-hsub-compo-value\"\u003e97 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-compo-row\"\u003e\n \u003cspan class=\"soi-hsub-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-hsub-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-compo-row\"\u003e\n \u003cspan class=\"soi-hsub-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-hsub-compo-value\"\u003eSilicone, paraben, phtalates, bisphénol A\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-accordion\"\u003e\n \u003cdetails class=\"soi-hsub-accordion-item\"\u003e\n \u003csummary class=\"soi-hsub-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-hsub-accordion-content\"\u003e\n \u003cp\u003eHelianthus Annuus Seed Oil, Simmondsia Chinensis Seed Oil, Camellia Sinensis Seed Oil*, Argania Spinosa Kernel Oil, Macadamia Integrifolia Seed Oil, Parfum (Fragrance), Tocopherol. (*Ingrédient issu de l'agriculture biologique)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Ce qui la distingue des autres huiles sèches du marché --\u003e\n \u003csection class=\"soi-hsub-section\"\u003e\n \u003ch2\u003eCe qui la distingue des autres huiles sèches du marché\u003c\/h2\u003e\n \u003cdiv class=\"soi-hsub-grid-compact\"\u003e\n \u003cdiv class=\"soi-hsub-card-mini\"\u003e\n \u003cspan class=\"soi-hsub-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-hsub-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-hsub-card-mini-value\"\u003eMade in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-card-mini\"\u003e\n \u003cspan class=\"soi-hsub-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-hsub-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-hsub-card-mini-value\"\u003e97 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-card-mini\"\u003e\n \u003cspan class=\"soi-hsub-card-mini-icon\"\u003e🔬\u003c\/span\u003e\n \u003cspan class=\"soi-hsub-card-mini-label\"\u003eTolérance\u003c\/span\u003e\n \u003cspan class=\"soi-hsub-card-mini-value\"\u003eTestée dermato.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hsub-card-mini\"\u003e\n \u003cspan class=\"soi-hsub-card-mini-icon\"\u003e🏛️\u003c\/span\u003e\n \u003cspan class=\"soi-hsub-card-mini-label\"\u003eExpertise\u003c\/span\u003e\n \u003cspan class=\"soi-hsub-card-mini-value\"\u003eDepuis 1996\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-hsub-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-hsub-cta-box\"\u003e\n \u003cp class=\"soi-hsub-cta-tag\" style=\"color: white;\"\u003eUn geste, trois zones sublimées\u003c\/p\u003e\n \u003cp class=\"soi-hsub-cta-text\" style=\"color: white;\"\u003eDouce, lumineuse et incroyablement légère : en quelques secondes, votre peau retrouve de l'éclat et vos cheveux de la vie. Un soin simple, une formule honnête, un résultat qui se voit et se ressent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-hsub-marine: #1A2D3D;\n --soi-hsub-marine-dark: #0F1E2B;\n --soi-hsub-marine-light: #2C4458;\n --soi-hsub-pomme: #A1C544;\n --soi-hsub-pomme-dark: #84A636;\n --soi-hsub-pomme-light: rgba(161,197,68,0.10);\n --soi-hsub-white: #FFFFFF;\n --soi-hsub-off-white: #F8FAF6;\n --soi-hsub-stone: #F1F3EE;\n --soi-hsub-line: #E5E8E0;\n --soi-hsub-primary: #C8A96E;\n --soi-hsub-primary-soft: #F5EDD6;\n --soi-hsub-accent: #E84B8A;\n --soi-hsub-text: #1A2D3D;\n --soi-hsub-text-soft: #4A5B6B;\n --soi-hsub-text-muted: #7B8693;\n --soi-hsub-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-hsub-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-hsub-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-hsub-radius: 12px;\n --soi-hsub-radius-sm: 8px;\n --soi-hsub-radius-pill: 999px;\n}\n\n.soi-hsub-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hsub-fiche img { max-width: 100%; height: auto; }\n\n.soi-hsub-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-hsub-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-hsub-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-hsub-hero {\n position: relative;\n background: var(--soi-hsub-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-hsub-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-hsub-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-hsub-pomme);\n}\n\n.soi-hsub-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-hsub-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-hsub-pomme);\n border-radius: 50%;\n}\n\n.soi-hsub-hero-title {\n display: block;\n color: var(--soi-hsub-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-hsub-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-hsub-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-hsub-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-hsub-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-hsub-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-hsub-label-accent {\n background: var(--soi-hsub-pomme);\n border-color: var(--soi-hsub-pomme);\n color: var(--soi-hsub-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-hsub-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hsub-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-hsub-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-hsub-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-hsub-pomme);\n border-radius: 2px;\n}\n\n.soi-hsub-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-hsub-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-hsub-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-hsub-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-hsub-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-hsub-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-hsub-benefit {\n background: var(--soi-hsub-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-hsub-radius);\n border: 1px solid var(--soi-hsub-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hsub-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-hsub-shadow-md);\n}\n\n.soi-hsub-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-hsub-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-hsub-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-hsub-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-hsub-benefit:hover .soi-hsub-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-hsub-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hsub-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-hsub-benefit p {\n font-size: 15px;\n color: var(--soi-hsub-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-hsub-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-hsub-card {\n background: var(--soi-hsub-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-hsub-radius);\n border-left: 3px solid var(--soi-hsub-pomme);\n}\n\n.soi-hsub-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hsub-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-hsub-card p {\n font-size: 14px;\n color: var(--soi-hsub-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-hsub-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-hsub-card-mini {\n background: var(--soi-hsub-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-hsub-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-hsub-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-hsub-card-mini-label {\n font-size: 11px;\n color: var(--soi-hsub-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-hsub-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-hsub-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-hsub-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-hsub-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-hsub-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-hsub-radius);\n border: 1px solid var(--soi-hsub-line);\n align-items: flex-start;\n}\n\n.soi-hsub-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-hsub-marine);\n color: var(--soi-hsub-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-hsub-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hsub-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-hsub-step-content p {\n font-size: 15px;\n color: var(--soi-hsub-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-hsub-compo {\n background: var(--soi-hsub-off-white);\n border-radius: var(--soi-hsub-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.soi-hsub-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-hsub-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-hsub-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-hsub-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-hsub-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-hsub-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-hsub-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-hsub-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-hsub-pomme-light);\n border-left: 4px solid var(--soi-hsub-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-hsub-radius) var(--soi-hsub-radius) 0;\n align-items: flex-start;\n}\n\n.soi-hsub-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-hsub-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-hsub-marine);\n margin-bottom: 4px;\n}\n\n.soi-hsub-tip p {\n font-size: 15px;\n color: var(--soi-hsub-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-hsub-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-hsub-accordion-item {\n background: var(--soi-hsub-off-white);\n border-radius: var(--soi-hsub-radius-sm);\n border: 1px solid var(--soi-hsub-line);\n overflow: hidden;\n}\n\n.soi-hsub-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-hsub-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-hsub-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-hsub-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-hsub-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-hsub-accordion-item[open] .soi-hsub-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-hsub-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-hsub-accordion-content p {\n font-size: 14px;\n color: var(--soi-hsub-text-soft);\n line-height: 1.6;\n margin: 0;\n font-style: italic;\n}\n\n\/* === CTA BOX === *\/\n.soi-hsub-cta-box {\n background: var(--soi-hsub-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-hsub-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-hsub-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-hsub-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-hsub-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-hsub-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-hsub-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-hsub-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-hsub-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-hsub-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-hsub-compo-value {\n text-align: left;\n }\n\n .soi-hsub-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-hsub-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-hsub-fiche {\n --soi-hsub-text-soft: #2C3E50;\n --soi-hsub-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603156296010,"sku":"CE0241","price":21.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-seche-sublimatrice-centifolia-packshot.webp?v=1787475473"},{"product_id":"baume-corps-sos-centifolia","title":"Baume corps SOS certifié bio- Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eDécouvrez le \u003cstrong\u003eBaume Corps SOS de Centifolia\u003c\/strong\u003e, une solution \u003cstrong\u003elabellisé Cosmébio\u003c\/strong\u003e par Ecocert, qui apporte douceur et hydratation pour toute la famille. Ce baume \u003cstrong\u003eultra-riche et délicatement parfumé\u003c\/strong\u003e pénètre rapidement sans laisser de film gras, apportant un confort immédiat aux peaux sèches et fragilisées.\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_CE0407_57e9cdce-3516-46b0-944e-d532a895a449.jpg?v=1776180510\" alt=\"Photo d'une maman qui met de la crème à son enfant\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits du Baume Corps SOS Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation intense :\u003c\/strong\u003e nourrit et hydrate en profondeur les peaux sèches et sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApaisement instantané :\u003c\/strong\u003e réduit les sensations de tiraillement et d'inconfort dès la première application.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAbsorption rapide :\u003c\/strong\u003e sa texture fondante permet une application facile et une absorption rapide sans laisser de résidu gras.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConfort et souplesse :\u003c\/strong\u003e la peau retrouve son confort et sa souplesse naturelle.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédients clés du Baume\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGinkgo Biloba Bio :\u003c\/strong\u003e originaire d'Asie, cet arbre aux mille écus est riche en flavonoïdes, offrant d'importantes propriétés antioxydantes, hydratantes, apaisantes et protectrices.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeurre de Karité :\u003c\/strong\u003e connu pour ses propriétés nourrissantes et régénératrices, idéal pour les peaux sèches et abîmées.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeurre de Cacao :\u003c\/strong\u003e offre une hydratation profonde et protège la peau des agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloe Vera :\u003c\/strong\u003e apaisant et hydratant, il aide à calmer les irritations et à régénérer la peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdapté à toute la famille :\u003c\/strong\u003e convient à tous les types de peaux, y compris les plus sensibles. Recommandé à partir de 3 ans.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormat généreux :\u003c\/strong\u003e disponible en pot de 200 ml, parfait pour un usage quotidien en famille.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEngagement environnemental :\u003c\/strong\u003e produit 100% vegan avec un emballage réduit en plastique (-75%).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eOffrez à votre peau le soin qu'elle mérite avec le \u003cstrong\u003eBaume Corps SOS de Centifolia\u003c\/strong\u003e, pour une \u003cstrong\u003ehydratation\u003c\/strong\u003e et un \u003cstrong\u003econfort\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603261415754,"sku":"CE0407","price":13.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0407_centifolia_baume_276c8de0-102f-4edb-9e03-787e99d6c504.jpg?v=1778842836"},{"product_id":"baume-relipidante-neutre-centifolia","title":"Baume Relipidant Neutre certifié bio - Centifolia","description":"\n\u003cdiv class=\"soi-brlp-fiche\"\u003e\n\n \u003csection class=\"soi-brlp-hero\"\u003e\n \u003cdiv class=\"soi-brlp-hero-tag\"\u003e\n \u003cspan class=\"soi-brlp-tag-dot\"\u003e\u003c\/span\u003e\n Soin corps \u0026amp; visage · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-brlp-hero-title\"\u003eConfort retrouvé pour les peaux les plus sensibles\u003c\/span\u003e\n \u003cp class=\"soi-brlp-hero-subtitle\"\u003eUn baume relipidant certifié bio, formulé pour nourrir, réparer et apaiser les peaux fragilisées de toute la famille, dès la naissance.\u003c\/p\u003e\n \u003cdiv class=\"soi-brlp-hero-labels\"\u003e\n \u003cspan class=\"soi-brlp-label soi-brlp-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-brlp-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-brlp-label\"\u003e100% NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-brlp-label\"\u003eNON PARFUMÉ\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-brlp-section\"\u003e\n \u003ch2\u003ePourquoi ce baume relipidant se démarque-t-il ?\u003c\/h2\u003e\n \u003cp class=\"soi-brlp-section-intro\"\u003eContrairement à de nombreux baumes relipidants du marché, la formule Centifolia mise sur une approche microbiote-compatible. Elle combine deux actifs clés rarement réunis dans un même soin.\u003c\/p\u003e\n \u003cdiv class=\"soi-brlp-grid\"\u003e\n \u003cdiv class=\"soi-brlp-card\"\u003e\n \u003ch3\u003e🦠 Prébiotique actif\u003c\/h3\u003e\n \u003cp\u003eNourrit les bonnes bactéries de la flore cutanée pour prévenir les déséquilibres du microbiote, souvent responsables des poussées d'irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-card\"\u003e\n \u003ch3\u003e🌿 Polysaccharide végétal\u003c\/h3\u003e\n \u003cp\u003eForme un film protecteur sur la peau, limite la perte en eau et soutient activement la reconstruction de la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-tip\"\u003e\n \u003cdiv class=\"soi-brlp-tip-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe résultat\u003c\/strong\u003e\n \u003cp\u003eUne peau mieux défendue, moins sujette aux démangeaisons, visiblement plus douce et confortable après chaque application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-brlp-section\"\u003e\n \u003ch2\u003eComposition complète du Baume Relipidant Neutre Centifolia\u003c\/h2\u003e\n \u003cp class=\"soi-brlp-section-intro\"\u003e100 % des ingrédients sont d'origine naturelle, certifiés bio pour la plupart. La formule est non parfumée, sans colorant, sans phtalate, sans Bisphénol A.\u003c\/p\u003e\n \u003cdiv class=\"soi-brlp-compo\"\u003e\n \u003cdiv class=\"soi-brlp-compo-row\"\u003e\n \u003cspan class=\"soi-brlp-compo-label\"\u003eAqua\u003c\/span\u003e\n \u003cspan class=\"soi-brlp-compo-value\"\u003eEau purifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-compo-row\"\u003e\n \u003cspan class=\"soi-brlp-compo-label\"\u003eGlycerin\u003c\/span\u003e\n \u003cspan class=\"soi-brlp-compo-value\"\u003eGlycérine végétale bio, agent hydratant de référence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-compo-row\"\u003e\n \u003cspan class=\"soi-brlp-compo-label\"\u003eCoco-Caprylate\/Caprate\u003c\/span\u003e\n \u003cspan class=\"soi-brlp-compo-value\"\u003eÉmollient doux d'origine végétale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-compo-row\"\u003e\n \u003cspan class=\"soi-brlp-compo-label\"\u003eButyrospermum Parkii Butter\u003c\/span\u003e\n \u003cspan class=\"soi-brlp-compo-value\"\u003eBeurre de karité bio, nourrissant et réparateur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-compo-row\"\u003e\n \u003cspan class=\"soi-brlp-compo-label\"\u003eInulin\u003c\/span\u003e\n \u003cspan class=\"soi-brlp-compo-value\"\u003ePrébiotique actif, équilibre le microbiote cutané\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-compo-row\"\u003e\n \u003cspan class=\"soi-brlp-compo-label\"\u003eXanthan Gum\u003c\/span\u003e\n \u003cspan class=\"soi-brlp-compo-value\"\u003ePolysaccharide, protège et restructure la barrière cutanée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-compo-row\"\u003e\n \u003cspan class=\"soi-brlp-compo-label\"\u003eTocopherol\u003c\/span\u003e\n \u003cspan class=\"soi-brlp-compo-value\"\u003eVitamine E naturelle, antioxydant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-compo-row\"\u003e\n \u003cspan class=\"soi-brlp-compo-label\"\u003eSodium Levulinate, Sodium Anisate\u003c\/span\u003e\n \u003cspan class=\"soi-brlp-compo-value\"\u003eConservateurs d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-brlp-section\"\u003e\n \u003ch2\u003eComment utiliser ce baume relipidant au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-brlp-timeline\"\u003e\n \u003cdiv class=\"soi-brlp-step\"\u003e\n \u003cdiv class=\"soi-brlp-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-step-content\"\u003e\n \u003ch3\u003eAprès la douche ou le bain\u003c\/h3\u003e\n \u003cp\u003eAppliquez le baume sur une peau propre, encore légèrement humide pour optimiser la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-step\"\u003e\n \u003cdiv class=\"soi-brlp-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-step-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eProcédez en mouvements circulaires jusqu'à absorption complète. La texture fond rapidement, sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-step\"\u003e\n \u003cdiv class=\"soi-brlp-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-step-content\"\u003e\n \u003ch3\u003eRenouvelez matin et soir\u003c\/h3\u003e\n \u003cp\u003eInsistez sur les zones les plus sèches ou réactives (coudes, genoux, joues des nourrissons). Ce baume convient à un usage dès la naissance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-brlp-section\"\u003e\n \u003ch2\u003ePour qui est fait ce baume relipidant bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-brlp-benefits\"\u003e\n \u003cdiv class=\"soi-brlp-benefit\"\u003e\n \u003cdiv class=\"soi-brlp-benefit-icon\"\u003e\u003cspan\u003e🩹\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux atopiques\u003c\/h3\u003e\n \u003cp\u003eContribue à espacer les poussées et à réduire l'inconfort entre deux épisodes d'eczéma.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-benefit\"\u003e\n \u003cdiv class=\"soi-brlp-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eRestaure le film lipidique naturel manquant pour retrouver souplesse et douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-benefit\"\u003e\n \u003cdiv class=\"soi-brlp-benefit-icon\"\u003e\u003cspan\u003e👶\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBébés dès la naissance\u003c\/h3\u003e\n \u003cp\u003eTolérance maximale, testé sous contrôle dermatologique pour les peaux les plus délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-benefit\"\u003e\n \u003cdiv class=\"soi-brlp-benefit-icon\"\u003e\u003cspan\u003e🤰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFemmes enceintes et allaitantes\u003c\/h3\u003e\n \u003cp\u003eFormule sans ingrédients controversés, adaptée aux périodes les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-benefit\"\u003e\n \u003cdiv class=\"soi-brlp-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux sensibles aux parfums\u003c\/h3\u003e\n \u003cp\u003eFormule 100 % non parfumée pour un confort absolu, sans aucun risque de réaction olfactive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-brlp-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-brlp-grid-compact\"\u003e\n \u003cdiv class=\"soi-brlp-card-mini\"\u003e\n \u003cspan class=\"soi-brlp-card-mini-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"soi-brlp-card-mini-label\"\u003eContenu\u003c\/span\u003e\n \u003cspan class=\"soi-brlp-card-mini-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-card-mini\"\u003e\n \u003cspan class=\"soi-brlp-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cspan class=\"soi-brlp-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-brlp-card-mini-value\"\u003eCosmos Organic Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-card-mini\"\u003e\n \u003cspan class=\"soi-brlp-card-mini-icon\"\u003e🙋\u003c\/span\u003e\n \u003cspan class=\"soi-brlp-card-mini-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-brlp-card-mini-value\"\u003eCorps \u0026amp; visage, toute la famille\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-card-mini\"\u003e\n \u003cspan class=\"soi-brlp-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-brlp-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-brlp-card-mini-value\"\u003e30 % de matières recyclées\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-brlp-accordion\"\u003e\n \u003cdetails class=\"soi-brlp-accordion-item\"\u003e\n \u003csummary class=\"soi-brlp-accordion-header\"\u003e🚫 Sans substances indésirables\u003c\/summary\u003e\n \u003cdiv class=\"soi-brlp-accordion-content\"\u003e\n \u003cp\u003eCe baume est formulé sans parfum, sans colorant, sans phtalate et sans Bisphénol A. Une exigence de pureté pour les peaux les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-brlp-accordion-item\"\u003e\n \u003csummary class=\"soi-brlp-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-brlp-accordion-content\"\u003e\n \u003cp\u003eCe produit ne remplace pas un traitement médical. En cas de pathologie cutanée diagnostiquée, 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-brlp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-brlp-cta-box\"\u003e\n \u003cp class=\"soi-brlp-cta-tag\" style=\"color: white;\"\u003ePrendre soin de soi naturellement, dès la naissance\u003c\/p\u003e\n \u003cp class=\"soi-brlp-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau et à celle de vos proches le confort d'une formule bio, non parfumée et haute tolérance. Moins de tiraillements, moins de démangeaisons, une peau enfin apaisée, nourrie et protégée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-brlp-marine: #1A2D3D;\n --soi-brlp-marine-dark: #0F1E2B;\n --soi-brlp-marine-light: #2C4458;\n --soi-brlp-pomme: #A1C544;\n --soi-brlp-pomme-dark: #84A636;\n --soi-brlp-pomme-light: rgba(161,197,68,0.10);\n --soi-brlp-white: #FFFFFF;\n --soi-brlp-off-white: #F8FAF6;\n --soi-brlp-stone: #F1F3EE;\n --soi-brlp-line: #E5E8E0;\n --soi-brlp-primary: #7CBDD4;\n --soi-brlp-primary-soft: #D6EEF5;\n --soi-brlp-accent: #5AA8C0;\n --soi-brlp-text: #1A2D3D;\n --soi-brlp-text-soft: #4A5B6B;\n --soi-brlp-text-muted: #7B8693;\n --soi-brlp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-brlp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-brlp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-brlp-radius: 12px;\n --soi-brlp-radius-sm: 8px;\n --soi-brlp-radius-pill: 999px;\n}\n\n.soi-brlp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-brlp-fiche img { max-width: 100%; height: auto; }\n\n.soi-brlp-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-brlp-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-brlp-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-brlp-hero {\n position: relative;\n background: var(--soi-brlp-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-brlp-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-brlp-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-brlp-pomme);\n}\n\n.soi-brlp-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-brlp-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-brlp-pomme);\n border-radius: 50%;\n}\n\n.soi-brlp-hero-title {\n display: block;\n color: var(--soi-brlp-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-brlp-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-brlp-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-brlp-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-brlp-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-brlp-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-brlp-label-accent {\n background: var(--soi-brlp-pomme);\n border-color: var(--soi-brlp-pomme);\n color: var(--soi-brlp-marine);\n font-weight: 600;\n}\n\n.soi-brlp-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-brlp-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-brlp-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-brlp-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-brlp-pomme);\n border-radius: 2px;\n}\n\n.soi-brlp-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-brlp-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-brlp-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-brlp-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-brlp-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-brlp-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-brlp-benefit {\n background: var(--soi-brlp-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-brlp-radius);\n border: 1px solid var(--soi-brlp-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-brlp-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-brlp-shadow-md);\n}\n\n.soi-brlp-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-brlp-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-brlp-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-brlp-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-brlp-benefit:hover .soi-brlp-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-brlp-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-brlp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-brlp-benefit p {\n font-size: 13px;\n color: var(--soi-brlp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-brlp-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-brlp-card {\n background: var(--soi-brlp-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-brlp-radius);\n border-left: 3px solid var(--soi-brlp-pomme);\n}\n\n.soi-brlp-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-brlp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-brlp-card p {\n font-size: 14px;\n color: var(--soi-brlp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-brlp-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-brlp-card-mini {\n background: var(--soi-brlp-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-brlp-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-brlp-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-brlp-card-mini-label {\n font-size: 11px;\n color: var(--soi-brlp-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-brlp-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-brlp-marine);\n}\n\n.soi-brlp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-brlp-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-brlp-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-brlp-radius);\n border: 1px solid var(--soi-brlp-line);\n align-items: flex-start;\n}\n\n.soi-brlp-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-brlp-marine);\n color: var(--soi-brlp-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-brlp-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-brlp-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-brlp-step-content p {\n font-size: 14px;\n color: var(--soi-brlp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-brlp-compo {\n background: var(--soi-brlp-off-white);\n border-radius: var(--soi-brlp-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-brlp-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-brlp-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-brlp-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-brlp-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-brlp-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-brlp-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-brlp-marine);\n text-align: right;\n}\n\n.soi-brlp-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-brlp-pomme-light);\n border-left: 4px solid var(--soi-brlp-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-brlp-radius) var(--soi-brlp-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-brlp-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-brlp-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-brlp-marine);\n margin-bottom: 4px;\n}\n\n.soi-brlp-tip p {\n font-size: 14px;\n color: var(--soi-brlp-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-brlp-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-brlp-accordion-item {\n background: var(--soi-brlp-off-white);\n border-radius: var(--soi-brlp-radius-sm);\n border: 1px solid var(--soi-brlp-line);\n overflow: hidden;\n}\n\n.soi-brlp-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-brlp-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-brlp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-brlp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-brlp-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-brlp-accordion-item[open] .soi-brlp-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-brlp-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-brlp-accordion-content p {\n font-size: 14px;\n color: var(--soi-brlp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-brlp-cta-box {\n background: var(--soi-brlp-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-brlp-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-brlp-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-brlp-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-brlp-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-brlp-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-brlp-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-brlp-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-brlp-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n .soi-brlp-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n .soi-brlp-compo-value {\n text-align: left;\n }\n .soi-brlp-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-brlp-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-brlp-fiche {\n --soi-brlp-text-soft: #2C3E50;\n --soi-brlp-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603287597386,"sku":"CE0416","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/baume-relipidant-neutre-certifie-bio-centifolia-packshot.webp?v=1782150578"},{"product_id":"manjistha-certifie-bio-en-poudre-ayurvana","title":"Manjistha bio en poudre – Ayurvana","description":"\u003cdiv class=\"soi-manj-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-manj-hero\"\u003e\n \u003cdiv class=\"soi-manj-hero-tag\"\u003e\n \u003cspan class=\"soi-manj-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique ayurvédique · Ayur-vana\n \u003c\/div\u003e\n \u003cspan class=\"soi-manj-hero-title\"\u003eManjistha bio en poudre\u003c\/span\u003e\n \u003cp class=\"soi-manj-hero-subtitle\"\u003eGarance indienne aux reflets acajou pour vos cheveux et votre peau, issue de la tradition ayurvédique et certifiée bio.\u003c\/p\u003e\n \u003cdiv class=\"soi-manj-hero-labels\"\u003e\n \u003cspan class=\"soi-manj-label soi-manj-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-manj-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-manj-label\"\u003eVÉGÉTALIEN\u003c\/span\u003e\n \u003cspan class=\"soi-manj-label\"\u003e100 % VÉGÉTALE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-manj-section\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eManjistha bio en poudre\u003c\/strong\u003e (\u003cem\u003eRubia cordifolia\u003c\/em\u003e), connu en France sous le nom de \u003cstrong\u003eGarance indienne\u003c\/strong\u003e, est l'une des plantes les plus respectées de la tradition ayurvédique. Ses racines aux reflets acajou sont récoltées à la main en Inde, séchées et réduites en poudre fine, prête à être intégrée dans vos soins capillaires et cutanés. Cette version \u003cstrong\u003ecertifiée bio COSMOS Organic\u003c\/strong\u003e, conditionnée en France par Ayur-vana, vous garantit une qualité irréprochable, sans additif ni compromis.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- COULEUR NATURELLE DES CHEVEUX --\u003e\n \u003csection class=\"soi-manj-section\"\u003e\n \u003ch2\u003eManjistha et couleur naturelle des cheveux : ce qu'il faut savoir\u003c\/h2\u003e\n \u003cdiv class=\"soi-manj-grid\"\u003e\n \u003cdiv class=\"soi-manj-card\"\u003e\n \u003ch3\u003e🎨 Reflets roux à acajou\u003c\/h3\u003e\n \u003cp\u003eSi vous cherchez à colorer vos cheveux naturellement, le Manjistha dépose des reflets roux à acajou selon votre couleur de base, sans ammoniaque, sans oxydants agressifs. Résultat : des cheveux gainés, brillants, et une couleur végétale progressive et respectueuse de la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-card\"\u003e\n \u003ch3\u003e🌿 Soin du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eÀ la différence du henné neutre ou du katam, le Manjistha agit également sur le cuir chevelu : ses propriétés astringentes naturelles aident à assainir la surface, à réduire les démangeaisons et à apaiser les irritations, ce que peu de colorants végétaux peuvent revendiquer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS PEAU --\u003e\n \u003csection class=\"soi-manj-section\"\u003e\n \u003ch2\u003eLes bienfaits du Manjistha pour la peau\u003c\/h2\u003e\n \u003cp class=\"soi-manj-section-intro\"\u003eEn cosmétique, la poudre de Manjistha est utilisée depuis des siècles pour tonifier, clarifier et revitaliser la peau. Appliquée en masque facial, elle contribue à :\u003c\/p\u003e\n \u003cdiv class=\"soi-manj-benefits\"\u003e\n \u003cdiv class=\"soi-manj-benefit\"\u003e\n \u003cdiv class=\"soi-manj-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eExfoliation douce\u003c\/h3\u003e\n \u003cp\u003eÉlimine les cellules mortes grâce à son action astringente et exfoliante douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-benefit\"\u003e\n \u003cdiv class=\"soi-manj-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRégénération cellulaire\u003c\/h3\u003e\n \u003cp\u003eFavorise la régénération cellulaire pour un teint plus uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-benefit\"\u003e\n \u003cdiv class=\"soi-manj-benefit-icon\"\u003e\u003cspan\u003e💎\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFermeté et éclat\u003c\/h3\u003e\n \u003cp\u003eRedonne de la fermeté et de l'éclat aux peaux ternes ou fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-benefit\"\u003e\n \u003cdiv class=\"soi-manj-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement\u003c\/h3\u003e\n \u003cp\u003eApaise les peaux sujettes aux rougeurs ou imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-tip\"\u003e\n \u003cdiv class=\"soi-manj-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un masque visage simple : mélangez une cuillère à café de poudre de Manjistha avec de l'eau de rose ou du gel d'aloe vera jusqu'à obtenir une pâte souple. Appliquez 10 à 15 minutes, puis rincez à l'eau tiède. Attention, la poudre teinte légèrement : rincez bien et évitez le linge blanc.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI CHEVEUX --\u003e\n \u003csection class=\"soi-manj-section\"\u003e\n \u003ch2\u003eComment utiliser la poudre de Manjistha bio pour les cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-manj-timeline\"\u003e\n \u003cdiv class=\"soi-manj-step\"\u003e\n \u003cdiv class=\"soi-manj-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-manj-step-content\"\u003e\n \u003ch3\u003ePréparez votre mélange\u003c\/h3\u003e\n \u003cp\u003eVersez 100 à 200 g de poudre dans un bol non métallique. Ajoutez de l'eau tiède (ou du thé noir pour intensifier la couleur) progressivement jusqu'à obtenir une consistance crémeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-step\"\u003e\n \u003cdiv class=\"soi-manj-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-manj-step-content\"\u003e\n \u003ch3\u003eAppliquez sur cheveux humides\u003c\/h3\u003e\n \u003cp\u003eMèche par mèche, depuis les racines jusqu'aux pointes. Couvrez d'une charlotte et laissez poser 1 à 3 heures selon l'intensité colorante souhaitée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-step\"\u003e\n \u003cdiv class=\"soi-manj-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-manj-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède sans shampoing (ou avec un shampoing doux si nécessaire). La couleur se stabilise dans les 24 à 48 heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"soi-manj-section\"\u003e\n \u003ch2\u003eComposition et informations produit\u003c\/h2\u003e\n \u003cdiv class=\"soi-manj-compo\"\u003e\n \u003cdiv class=\"soi-manj-compo-row\"\u003e\n \u003cspan class=\"soi-manj-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-manj-compo-value\"\u003ePoudre de racine de Manjistha biologique (\u003cem\u003eRubia cordifolia\u003c\/em\u003e)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-compo-row\"\u003e\n \u003cspan class=\"soi-manj-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-manj-compo-value\"\u003eInde\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-compo-row\"\u003e\n \u003cspan class=\"soi-manj-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-manj-compo-value\"\u003eConditionné en France par Ayur-vana (Montlignon, 95)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-compo-row\"\u003e\n \u003cspan class=\"soi-manj-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-manj-compo-value\"\u003eCOSMOS Organic (cosmétique bio certifié)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-compo-row\"\u003e\n \u003cspan class=\"soi-manj-compo-label\"\u003ePoids net\u003c\/span\u003e\n \u003cspan class=\"soi-manj-compo-value\"\u003e100 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-compo-row\"\u003e\n \u003cspan class=\"soi-manj-compo-label\"\u003eConvenance\u003c\/span\u003e\n \u003cspan class=\"soi-manj-compo-value\"\u003eConvient aux végétaliens, aucun ingrédient d'origine animale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-manj-compo-row\"\u003e\n \u003cspan class=\"soi-manj-compo-label\"\u003eFormulation\u003c\/span\u003e\n \u003cspan class=\"soi-manj-compo-value\"\u003eSans conservateur, sans colorant artificiel, sans parfum de synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"soi-manj-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-manj-accordion\"\u003e\n \u003cdetails class=\"soi-manj-accordion-item\"\u003e\n \u003csummary class=\"soi-manj-accordion-header\"\u003e⚠️ Usage et précautions\u003c\/summary\u003e\n \u003cdiv class=\"soi-manj-accordion-content\"\u003e\n \u003cp\u003eLa poudre de Manjistha est un produit à \u003cstrong\u003eusage cosmétique exclusivement\u003c\/strong\u003e. Évitez le contact avec les yeux. Réalisez un test cutané 48 heures avant la première utilisation. Ce produit n'est pas un médicament et ne se substitue à aucun traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-manj-accordion-item\"\u003e\n \u003csummary class=\"soi-manj-accordion-header\"\u003e📦 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-manj-accordion-content\"\u003e\n \u003cp\u003eConservez le produit dans un endroit sec, à l'abri de la lumière et de l'humidité.\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-manj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-manj-cta-box\"\u003e\n \u003cp class=\"soi-manj-cta-tag\" style=\"color: white;\"\u003eUn rituel de beauté millénaire, certifié bio\u003c\/p\u003e\n \u003cp class=\"soi-manj-cta-text\" style=\"color: white;\"\u003eDes cheveux aux reflets acajou, un cuir chevelu assaini, une peau tonifiée. Une poudre 100 % végétale, sans détour, pour celles et ceux qui choisissent de prendre soin d'eux sans compromis sur la nature et la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-manj-marine: #1A2D3D;\n --soi-manj-marine-dark: #0F1E2B;\n --soi-manj-marine-light: #2C4458;\n --soi-manj-pomme: #A1C544;\n --soi-manj-pomme-dark: #84A636;\n --soi-manj-pomme-light: rgba(161,197,68,0.10);\n\n --soi-manj-white: #FFFFFF;\n --soi-manj-off-white: #F8FAF6;\n --soi-manj-stone: #F1F3EE;\n --soi-manj-line: #E5E8E0;\n\n --soi-manj-primary: #8B3A2A;\n --soi-manj-primary-soft: #A85C4A;\n --soi-manj-accent: #D88542;\n\n --soi-manj-text: #1A2D3D;\n --soi-manj-text-soft: #4A5B6B;\n --soi-manj-text-muted: #7B8693;\n\n --soi-manj-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-manj-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-manj-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-manj-radius: 12px;\n --soi-manj-radius-sm: 8px;\n --soi-manj-radius-pill: 999px;\n}\n\n.soi-manj-fiche * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.soi-manj-fiche img {\n max-width: 100%;\n height: auto;\n}\n\n.soi-manj-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-manj-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-manj-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-manj-hero {\n position: relative;\n background: var(--soi-manj-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-manj-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-manj-hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--soi-manj-pomme);\n}\n\n.soi-manj-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-manj-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-manj-pomme);\n border-radius: 50%;\n}\n\n.soi-manj-hero-title {\n display: block;\n color: var(--soi-manj-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-manj-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-manj-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-manj-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-manj-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-manj-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-manj-label-accent {\n background: var(--soi-manj-pomme);\n border-color: var(--soi-manj-pomme);\n color: var(--soi-manj-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-manj-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-manj-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-manj-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-manj-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-manj-pomme);\n border-radius: 2px;\n}\n\n.soi-manj-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-manj-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-manj-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-manj-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-manj-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-manj-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-manj-benefit {\n background: var(--soi-manj-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-manj-radius);\n border: 1px solid var(--soi-manj-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-manj-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-manj-shadow-md);\n}\n\n.soi-manj-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-manj-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-manj-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-manj-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-manj-benefit:hover .soi-manj-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-manj-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-manj-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-manj-benefit p {\n font-size: 13px;\n color: var(--soi-manj-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-manj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-manj-card {\n background: var(--soi-manj-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-manj-radius);\n border-left: 3px solid var(--soi-manj-pomme);\n}\n\n.soi-manj-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-manj-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-manj-card p {\n font-size: 14px;\n color: var(--soi-manj-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-manj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-manj-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-manj-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-manj-radius);\n border: 1px solid var(--soi-manj-line);\n align-items: flex-start;\n}\n\n.soi-manj-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-manj-marine);\n color: var(--soi-manj-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-manj-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-manj-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-manj-step-content p {\n font-size: 14px;\n color: var(--soi-manj-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-manj-compo {\n background: var(--soi-manj-off-white);\n border-radius: var(--soi-manj-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-manj-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-manj-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-manj-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-manj-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-manj-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-manj-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-manj-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-manj-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-manj-pomme-light);\n border-left: 4px solid var(--soi-manj-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-manj-radius) var(--soi-manj-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-manj-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-manj-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-manj-marine);\n margin-bottom: 4px;\n}\n\n.soi-manj-tip p {\n font-size: 14px;\n color: var(--soi-manj-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-manj-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-manj-accordion-item {\n background: var(--soi-manj-off-white);\n border-radius: var(--soi-manj-radius-sm);\n border: 1px solid var(--soi-manj-line);\n overflow: hidden;\n}\n\n.soi-manj-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-manj-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-manj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-manj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-manj-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-manj-accordion-item[open] .soi-manj-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-manj-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-manj-accordion-content p {\n font-size: 14px;\n color: var(--soi-manj-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-manj-cta-box {\n background: var(--soi-manj-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-manj-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-manj-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-manj-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-manj-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-manj-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-manj-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-manj-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-manj-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-manj-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-manj-compo-value {\n text-align: left;\n }\n\n .soi-manj-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-manj-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-manj-fiche {\n --soi-manj-text-soft: #2C3E50;\n --soi-manj-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603329737034,"sku":"AY9960","price":5.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/manjistha-certifie-bio-en-poudre-ayurvana-packshot.webp?v=1779635539"},{"product_id":"aloe-vera-en-poudre-certifie-bio-ayurvana","title":"Aloe Vera en poudre certifié bio - Ayurvana","description":"\n\n\u003cdiv class=\"soi-aloe-fiche\"\u003e\n\n \u003csection class=\"soi-aloe-hero\"\u003e\n \u003cdiv class=\"soi-aloe-hero-tag\"\u003e\n \u003cspan class=\"soi-aloe-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique naturelle · Ayurvana\n \u003c\/div\u003e\n \u003cspan class=\"soi-aloe-hero-title\"\u003eAloe Vera en poudre certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-aloe-hero-subtitle\"\u003eToute la richesse du gel d'aloe vera concentrée en poudre pure, sans conservateurs ni additifs. Un actif d'exception pour sublimer votre peau et vos cheveux au naturel.\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-hero-labels\"\u003e\n \u003cspan class=\"soi-aloe-label soi-aloe-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eORIGINE INDE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003ePourquoi choisir la poudre plutôt que le gel d'aloe vera bio ?\u003c\/h2\u003e\n \u003cp\u003eLe gel d'aloe vera bio en tube ou en flacon contient souvent jusqu'à 95 % d'eau et des conservateurs pour stabiliser la formule. La poudre d'aloe vera 100 % pure bio, elle, est simplement la feuille séchée et réduite : rien d'autre. Vous dosez selon vos besoins, vous réhydratez à la demande et vous obtenez un actif concentré dont vous maîtrisez chaque application. Un avantage indéniable pour celles et ceux qui fabriquent leurs propres soins maison.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eLes bienfaits reconnus de l'aloe vera pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"soi-aloe-section-intro\"\u003ePolyvalent et généreux, l'aloe vera bio concentre une multitude de propriétés pour accompagner votre routine de soins naturels.\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-benefits\"\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation profonde\u003c\/h3\u003e\n \u003cp\u003eVéritable réservoir d'eau pour la peau déshydratée et les cheveux secs, grâce à ses polysaccharides filmogènes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement et anti-irritation\u003c\/h3\u003e\n \u003cp\u003eSoulage les cuirs chevelus sensibles, les coups de soleil, les tiraillements et les peaux réactives.\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\u003ePropriétés antiseptiques\u003c\/h3\u003e\n \u003cp\u003eInhibe la prolifération de certaines bactéries, un allié précieux contre les imperfections et les démangeaisons.\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 tenseur et anti-âge\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants (vitamines C et E, bêta-carotène), il contribue à préserver l'élasticité cutanée et à atténuer l'apparence des rides.\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\u003eÉquilibre du sébum\u003c\/h3\u003e\n \u003cp\u003eAstringent naturel, il aide à réguler les peaux mixtes à grasses sans les agresser.\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\u003eSoin capillaire complet\u003c\/h3\u003e\n \u003cp\u003eRenforce la fibre capillaire, apporte brillance et douceur, et favorise un cuir chevelu sain propice à la pousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eComment utiliser la poudre d'aloe vera bio Ayurvana ?\u003c\/h2\u003e\n \u003cp class=\"soi-aloe-section-intro\"\u003eTrois façons simples d'intégrer cet actif concentré à votre routine de soins naturels.\u003c\/p\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\u003eMasque hydratant cheveux\u003c\/h3\u003e\n \u003cp\u003eMélangez 1 à 2 cuillères à café de poudre avec de l'eau tiède (ou un hydrolat) jusqu'à obtenir une texture de gelée. Appliquez sur cheveux humides, laissez poser 20 à 30 minutes, puis rincez. Idéal avant shampoing.\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\u003eSoin apaisant peau\u003c\/h3\u003e\n \u003cp\u003eReconstituez un gel d'aloe vera 100 % pur bio en diluant la poudre dans de l'eau distillée (environ 1 g pour 10 ml). Appliquez sur peau propre en cas d'irritation, de coup de soleil ou comme base de sérum maison.\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\u003eActif dans vos formulations DIY\u003c\/h3\u003e\n \u003cp\u003eIntégrez la poudre directement dans vos crèmes, laits, shampooings ou après-shampooings maison à raison de 0,5 à 2 % du poids total de la préparation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eComposition et informations produit\u003c\/h2\u003e\n \u003cdiv class=\"soi-aloe-compo\"\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eIngrédient INCI\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eAloe Barbadensis Leaf Powder\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eInde, agriculture biologique\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 par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eContrôlé et emballé en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eSachet refermable de 100 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eCosmétique uniquement (application externe)\u003c\/span\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\u003eUne fois réhydratée, la gelée obtenue se conserve 24 à 48 heures au réfrigérateur, sans conservateur ajouté. Préparez uniquement la quantité nécessaire pour garantir une fraîcheur optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-aloe-disclaimer\"\u003eCe produit est destiné à un usage cosmétique externe. Il ne constitue pas un médicament et ne se substitue à aucun traitement médical. En cas de doute ou de condition cutanée particulière, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur la poudre d'aloe vera bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-aloe-accordion\"\u003e\n \u003cdetails class=\"soi-aloe-accordion-item\"\u003e\n \u003csummary class=\"soi-aloe-accordion-header\"\u003e🍹 Peut-on consommer ce produit en jus d'aloe vera bio ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-aloe-accordion-content\"\u003e\n \u003cp\u003eNon. Cette poudre est exclusivement formulée pour un usage cosmétique. Elle ne convient pas à la préparation d'un jus d'aloe vera bio à boire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-aloe-accordion-item\"\u003e\n \u003csummary class=\"soi-aloe-accordion-header\"\u003e📦 Combien de temps se conserve la poudre une fois ouverte ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-aloe-accordion-content\"\u003e\n \u003cp\u003eConservez le sachet bien fermé, à l'abri de l'humidité et de la lumière. Une fois réhydratée, la gelée obtenue se conserve 24 à 48 heures au réfrigérateur, sans conservateur ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-aloe-accordion-item\"\u003e\n \u003csummary class=\"soi-aloe-accordion-header\"\u003e💇 Est-elle compatible avec tous types de cheveux ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-aloe-accordion-content\"\u003e\n \u003cp\u003eOui. La poudre d'aloe vera convient aux cheveux secs, bouclés, colorés ou fragilisés, ainsi qu'aux cuirs chevelus sensibles ou sujets aux pellicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-aloe-section\" 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 sublimer autrement\u003c\/p\u003e\n \u003cp class=\"soi-aloe-cta-text\" style=\"color: white;\"\u003eDerrière ce sachet kraft se cachent des siècles de savoir-faire et un actif d'exception. Que vous cherchiez à sublimer vos cheveux, apaiser votre peau ou enrichir vos soins maison, cette poudre concentrée est le point de départ idéal d'une routine naturelle qui vous ressemble 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-aloe-marine: #1A2D3D;\n --soi-aloe-marine-dark: #0F1E2B;\n --soi-aloe-marine-light: #2C4458;\n --soi-aloe-pomme: #A1C544;\n --soi-aloe-pomme-dark: #84A636;\n --soi-aloe-pomme-light: rgba(161,197,68,0.10);\n --soi-aloe-white: #FFFFFF;\n --soi-aloe-off-white: #F8FAF6;\n --soi-aloe-stone: #F1F3EE;\n --soi-aloe-line: #E5E8E0;\n --soi-aloe-primary: #4A7C4E;\n --soi-aloe-primary-soft: #E8F0E8;\n --soi-aloe-accent: #D4A52A;\n --soi-aloe-text: #1A2D3D;\n --soi-aloe-text-soft: #4A5B6B;\n --soi-aloe-text-muted: #7B8693;\n --soi-aloe-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-aloe-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-aloe-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-aloe-radius: 12px;\n --soi-aloe-radius-sm: 8px;\n --soi-aloe-radius-pill: 999px;\n}\n\n.soi-aloe-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-aloe-fiche img { max-width: 100%; height: auto; }\n\n.soi-aloe-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-aloe-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-aloe-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-aloe-hero {\n position: relative;\n background: var(--soi-aloe-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-aloe-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-aloe-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-aloe-pomme);\n}\n\n.soi-aloe-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-aloe-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-aloe-pomme);\n border-radius: 50%;\n}\n\n.soi-aloe-hero-title {\n display: block;\n color: var(--soi-aloe-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-aloe-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-aloe-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-aloe-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-aloe-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-aloe-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-aloe-label-accent {\n background: var(--soi-aloe-pomme);\n border-color: var(--soi-aloe-pomme);\n color: var(--soi-aloe-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-aloe-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-aloe-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-aloe-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-aloe-pomme);\n border-radius: 2px;\n}\n\n.soi-aloe-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-aloe-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-aloe-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-aloe-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-aloe-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-aloe-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-aloe-benefit {\n background: var(--soi-aloe-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-aloe-radius);\n border: 1px solid var(--soi-aloe-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-aloe-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-aloe-shadow-md);\n}\n\n.soi-aloe-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-aloe-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-aloe-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-aloe-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-aloe-benefit:hover .soi-aloe-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-aloe-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-aloe-benefit p {\n font-size: 13px;\n color: var(--soi-aloe-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-aloe-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-aloe-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-aloe-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-aloe-radius);\n border: 1px solid var(--soi-aloe-line);\n align-items: flex-start;\n}\n\n.soi-aloe-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-aloe-marine);\n color: var(--soi-aloe-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-aloe-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-aloe-step-content p {\n font-size: 14px;\n color: var(--soi-aloe-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-aloe-compo {\n background: var(--soi-aloe-off-white);\n border-radius: var(--soi-aloe-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-aloe-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-aloe-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-aloe-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-aloe-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-aloe-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-aloe-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-aloe-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-aloe-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-aloe-pomme-light);\n border-left: 4px solid var(--soi-aloe-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-aloe-radius) var(--soi-aloe-radius) 0;\n align-items: flex-start;\n margin-bottom: 1.25rem;\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\/* === DISCLAIMER === *\/\n.soi-aloe-disclaimer {\n font-size: 12px;\n color: var(--soi-aloe-text-muted);\n line-height: 1.6;\n padding: 1rem 0 0;\n border-top: 1px solid var(--soi-aloe-line);\n margin-top: 0.5rem;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-aloe-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-aloe-accordion-item {\n background: var(--soi-aloe-off-white);\n border-radius: var(--soi-aloe-radius-sm);\n border: 1px solid var(--soi-aloe-line);\n overflow: hidden;\n}\n\n.soi-aloe-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-aloe-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-aloe-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-aloe-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-aloe-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-aloe-accordion-item[open] .soi-aloe-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-aloe-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-aloe-accordion-content p {\n font-size: 14px;\n color: var(--soi-aloe-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-aloe-cta-box {\n background: var(--soi-aloe-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-aloe-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-aloe-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-aloe-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-aloe-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-aloe-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-aloe-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 500;\n color: var(--soi-aloe-white);\n line-height: 1.5;\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\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":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603331539274,"sku":"AY9961","price":9.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/aloe-vera-en-poudre-certifie-bio-ayurvana-packshot_dad414d8-46c7-4e8b-9438-8dbad71cda6e.webp?v=1787479710"},{"product_id":"lait-corps-hydratant-pour-toute-la-famille-certifie-bio","title":"Lait corps hydratant pour toute la famille certifié bio","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003cp\u003e\u003cstrong\u003eLe Lait Corps Hydratant pour Toute la Famille de Centifolia\u003c\/strong\u003e est un soin spécialement formulé pour apporter une hydratation optimale et une douceur incomparable à la peau. Disponible en flacon de 500 ml, ce lait corporel fluide est conçu pour une absorption rapide, convenant à divers types de peaux, y compris les plus sensibles.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédient principal du Lait Corps hydratant Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eEnrichi en Ginkgo Biloba d'origine biologique et française, ce lait corporel utilise les propriétés reconnues de cet ingrédient pour améliorer l'hydratation de la peau, l'apaiser et la protéger des dommages liés aux rayons UV.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0021_05a20471-cac7-471e-acec-ffd53122d140.jpg?v=1776180676\" alt=\"Photo d'une personne qui se met de la crème sur ses mains\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eEfficacité prouvée du Lait Corps\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eDes études ont démontré qu'après seulement 8 heures d'application, ce lait corporel augmente l'hydratation de la peau de 55 %, offrant une sensation de confort durable. Sa texture légère et fluide permet une absorption rapide sans laisser de film gras, laissant la peau douce et sans résidus désagréables.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eLes nombreux avantage du Lait Corps de Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation Intense:\u003c\/strong\u003e Augmente l'hydratation de la peau de 55 % en 8 heures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdapté à Tous:\u003c\/strong\u003e Convient à tous les types de peaux, y compris les plus sensibles, et est adapté pour les enfants à partir de trois ans.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAbsorption Rapide:\u003c\/strong\u003e Ne laisse pas de film gras, pour une peau douce et confortable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉco-responsabilité:\u003c\/strong\u003e Flacon recyclable à 50 %, sans phtalates ni Bisphénol A.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifications:\u003c\/strong\u003e Fabriqué en France et certifié COSMOS ORGANIC par Ecocert Greenlife.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum Délicat:\u003c\/strong\u003e Formules délicatement parfumées pour une utilisation agréable au quotidien.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLe Lait Corps Hydratant pour Toute la Famille de Centifolia\u003c\/strong\u003e est la solution idéale pour ceux qui recherchent\u003cstrong\u003e un soin hydratant efficace et doux\u003c\/strong\u003e, adapté à tous les membres de la famille, et respectueux de l'environnement.\u003c\/p\u003e\n\u003cp\u003eFaites l'expérience d'une peau hydratée, apaisée et protégée avec Centifolia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603376398666,"sku":"CE0021","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0021_lait_corps_hydratant_famille_f242e064-0ffb-42c3-a8ed-7dded2dcd25f.jpg?v=1778842898"},{"product_id":"gel-daloe-vera-bio-et-equitable-certifie-bio-centifolia","title":"Gel d'Aloe Vera bio et équitable certifié Bio - Centifolia","description":"\u003cdiv class=\"soi-aloe-fiche\"\u003e\n\n\u003csection class=\"soi-aloe-hero\"\u003e\n \u003cdiv class=\"soi-aloe-hero-tag\"\u003e\n \u003cspan class=\"soi-aloe-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique bio · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-aloe-hero-title\"\u003eL'hydratation végétale pure, du visage aux cheveux\u003c\/span\u003e\n \u003cp class=\"soi-aloe-hero-subtitle\"\u003eUn gel d'aloe vera équitable et biologique, certifié Cosmos Organic, à 99 % d'ingrédients d'origine naturelle. Hydratant, apaisant et protecteur pour le corps et les cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-hero-labels\"\u003e\n \u003cspan class=\"soi-aloe-label soi-aloe-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003e100 % VÉGAN\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eÉQUITABLE\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel aloe vera bio ?\u003c\/h2\u003e\n \u003cp\u003eTous les gels d'aloe vera ne se valent pas. Ce qui distingue la formule Centifolia, c'est la qualité de son aloe vera équitable : issu de l'agriculture biologique, il est récolté dans des conditions respectueuses des producteurs et de l'environnement. Le résultat est un gel à la texture légère, non grasse, qui pénètre rapidement et convient même aux peaux les plus sensibles.\u003c\/p\u003e\n\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 intense\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera forme un film protecteur qui retient l'eau dans l'épiderme, idéal après le soleil ou sous la climatisation.\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\u003eAction apaisante\u003c\/h3\u003e\n \u003cp\u003eIl soulage les rougeurs, les irritations et les légères brûlures (soleil, épilation). Un réflexe naturel à garder dans votre salle de bain.\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\u003eRevitalisation cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliqué sur les longueurs, il redonne brillance et légèreté aux cheveux ternes ou fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eComment l'utiliser au quotidien ?\u003c\/h2\u003e\n\n \u003cdiv class=\"soi-aloe-grid\"\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🌸 Visage et corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de gel sur la peau propre, matin ou soir. Il peut s'utiliser seul comme soin hydratant léger, ou en base avant votre crème habituelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e💆 Cheveux\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite quantité sur les longueurs humides pour démêler, nourrir et apporter de la légèreté. Vous pouvez aussi l'utiliser en masque express 10 minutes avant le shampooing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🧴 Cosmétique maison\u003c\/h3\u003e\n \u003cp\u003eCe gel remplace l'eau dans vos préparations DIY (crèmes, sérums, shampooings solides). Sa texture neutre s'intègre facilement à toutes les formules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e❄️ Astuce fraîcheur\u003c\/h3\u003e\n \u003cp\u003eConservez le tube au réfrigérateur pour un effet coup de froid instantané après l'exposition au soleil ou une séance de sport.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cp\u003eLa formule est à 99 % d'ingrédients d'origine naturelle et 100 % végane, certifiée Cosmos Organic par Ecocert. Elle ne contient ni paraben, ni silicone, ni colorant synthétique.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédient principal :\u003c\/strong\u003e \u003cem\u003eAloe barbadensis leaf juice\u003c\/em\u003e (gel de feuille d'aloe vera biologique équitable), complété par des agents gélifiants naturels, un conservateur d'origine naturelle et un ajusteur de pH doux.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-aloe-compo\"\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 par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eIngrédients d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003e99 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eIngrédients biologiques\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003e98 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003e100 % végane\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eTube allégé, 55 % moins de plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\u003eL'aloe vera utilisé dans ce gel est issu de l'agriculture biologique et du commerce équitable, pour un soin qui respecte autant votre peau que les producteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003ePour qui est fait ce gel à l'aloe vera ?\u003c\/h2\u003e\n \u003cp\u003eCe soin convient à toutes les peaux, y compris les peaux réactives, sèches ou exposées au soleil. Il est particulièrement apprécié des personnes qui recherchent un soin naturel multifonction, sans liste d'ingrédients à rallonge, et qui souhaitent réduire leur impact environnemental sans compromis sur l'efficacité.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-aloe-accordion\"\u003e\n \u003cdetails class=\"soi-aloe-accordion-item\"\u003e\n \u003csummary class=\"soi-aloe-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-aloe-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne remplace pas un avis médical en cas de problème cutané persistant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-aloe-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-aloe-cta-box\"\u003e\n \u003cp class=\"soi-aloe-cta-tag\" style=\"color: white;\"\u003eHydratation, apaisement, légèreté\u003c\/p\u003e\n \u003cp class=\"soi-aloe-cta-text\" style=\"color: white;\"\u003eDoux, efficace et respectueux de la planète, le Gel d'Aloe Vera Bio Centifolia s'invite dans votre routine comme un geste simple qui fait vraiment la différence.\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: #4BA89C;\n --soi-aloe-primary-soft: #E8F5F2;\n --soi-aloe-accent: #2E9E8F;\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.soi-aloe-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-aloe-fiche img { max-width: 100%; height: auto; }\n\n.soi-aloe-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-aloe-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-aloe-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-aloe-hero {\n position: relative;\n background: var(--soi-aloe-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-aloe-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-aloe-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-aloe-pomme);\n}\n\n.soi-aloe-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-aloe-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-aloe-pomme);\n border-radius: 50%;\n}\n\n.soi-aloe-hero-title {\n display: block;\n color: var(--soi-aloe-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(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-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 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 margin-top: 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: 15px;\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\/* === COMPOSITION === *\/\n.soi-aloe-compo {\n background: var(--soi-aloe-off-white);\n border-radius: var(--soi-aloe-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-aloe-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-aloe-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-aloe-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-aloe-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-aloe-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-aloe-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-aloe-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-aloe-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-aloe-pomme-light);\n border-left: 4px solid var(--soi-aloe-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-aloe-radius) var(--soi-aloe-radius) 0;\n align-items: flex-start;\n}\n\n.soi-aloe-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-aloe-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-aloe-marine);\n margin-bottom: 4px;\n}\n\n.soi-aloe-tip p {\n font-size: 15px;\n color: var(--soi-aloe-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-aloe-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.25rem;\n}\n\n.soi-aloe-accordion-item {\n background: var(--soi-aloe-off-white);\n border-radius: var(--soi-aloe-radius-sm);\n border: 1px solid var(--soi-aloe-line);\n overflow: hidden;\n}\n\n.soi-aloe-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-aloe-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-aloe-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-aloe-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-aloe-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-aloe-accordion-item[open] .soi-aloe-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-aloe-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-aloe-accordion-content p {\n font-size: 14px;\n color: var(--soi-aloe-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-aloe-cta-box {\n background: var(--soi-aloe-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-aloe-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-aloe-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-aloe-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-aloe-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-aloe-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-aloe-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-aloe-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-aloe-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\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":"Centifolia","offers":[{"title":"Default Title","offer_id":61603399336266,"sku":"CE0540","price":6.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-daloe-vera-bio-et-equitable-certifie-bio-centifolia-packshot.webp?v=1792053299"},{"product_id":"pate-prete-a-lemploi-250ml-argile-eau-thermale","title":"Pâte prête à l'emploi - 250ml - Argile \u0026 Eau Thermale","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLa pâte à l'argile verte Montmorillonite de Argile et Eau Thermale est un incontournable pour une utilisation à la maison. Le format en tube permet une utilisation immédiate et pratique, vous apportant confort et bien-être au quotidien. Sa formule, \u003cstrong\u003eenrichie en eau thermale de Digne-les-Bains \u003c\/strong\u003e(Provence), est spécialement adaptée pour les applications en \u003cstrong\u003ecataplasme ou emplâtre\u003c\/strong\u003e. Parfaite pour apaiser les douleurs musculaires, elle aide également à régénérer et revitaliser la peau grâce à sa \u003cstrong\u003erichesse naturelle en sels minéraux\u003c\/strong\u003e. \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_ET0035_1_443fd77c-e8df-451b-983b-5799bc4ee3e0.jpg?v=1776180810\" alt=\"argile verte étalée sur un genou avec un coeur\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques de la pâte à l'argile verte Montmorillonite de Argile et Eau Thermale :\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients clés\u003c\/strong\u003e : Argile verte Montmorillonite et eau thermale de Digne-les-Bains\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUtilisation\u003c\/strong\u003e : Application directe sur la zone douloureuse en cataplasme ou emplâtre. Laisser agir, puis retirer et laver à grande eau\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNaturel\u003c\/strong\u003e : 99,2% d'ingrédients d'origine naturelle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits de l'argile verte Montmorillonite et de l'eau thermale :\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003eApaise les \u003cstrong\u003einflammations et tensions musculaires\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrate\u003c\/strong\u003e et revitalise la peau\u003c\/li\u003e\n\u003cli\u003eFavorise la \u003cstrong\u003eréparation tissulaire\u003c\/strong\u003e grâce à ses minéraux\u003c\/li\u003e\n\u003cli\u003eStimule la \u003cstrong\u003erégénération cutanée\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eEngagements qualité de la pâte Argile Verte Montmorillonite :\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifiée Cosmos Natural\u003c\/strong\u003e, garantissant une formulation respectueuse de l’environnement\u003c\/li\u003e\n\u003cli\u003eProduit \u003cstrong\u003e100% vegan\u003c\/strong\u003e, sans ingrédients d’origine animale\u003c\/li\u003e\n\u003cli\u003eFormulée \u003cstrong\u003esans huile de palme\u003c\/strong\u003e, pour un respect maximal de la biodiversité\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEmballage recyclable\u003c\/strong\u003e, participant à la réduction des déchets\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLa pâte à l'argile verte Montmorillonite de Argile et Eau Thermale est l'alliée idéale pour les personnes à la recherche d’un \u003cstrong\u003esoin naturel et efficace\u003c\/strong\u003e pour soulager leurs douleurs musculaires et revitaliser leur peau. Grâce à sa formulation riche en ingrédients naturels et à ses engagements écologiques, elle offre une solution respectueuse de l’environnement tout en garantissant un \u003cstrong\u003ebien-être durable\u003c\/strong\u003e.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Argile \u0026 Eau Thermale","offers":[{"title":"Default Title","offer_id":61603440984394,"sku":"ET0035","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_argile_eau_thermale_et0035_pate-prete-a-lemploi.jpg?v=1776160432"},{"product_id":"baume-au-souci-dr-theiss","title":"Baume au Souci - Dr Theiss","description":"\n\n\u003cdiv class=\"soi-bsou-fiche\"\u003e\n\n \u003csection class=\"soi-bsou-hero\"\u003e\n \u003cdiv class=\"soi-bsou-hero-tag\"\u003e\n \u003cspan class=\"soi-bsou-tag-dot\"\u003e\u003c\/span\u003e\n Soin naturel · Dr Theiss\n \u003c\/div\u003e\n \u003cspan class=\"soi-bsou-hero-title\"\u003eLa douceur du Calendula pour toute la famille\u003c\/span\u003e\n \u003cp class=\"soi-bsou-hero-subtitle\"\u003eIssu du jardin d'herbes de Maria, ce baume apaisant et réparateur prend soin des peaux fragiles, sèches et irritées, du nourrisson à l'adulte.\u003c\/p\u003e\n \u003cdiv class=\"soi-bsou-hero-labels\"\u003e\n \u003cspan class=\"soi-bsou-label soi-bsou-label-accent\"\u003eSANS PARABÈNE\u003c\/span\u003e\n \u003cspan class=\"soi-bsou-label\"\u003e50 ML\u003c\/span\u003e\n \u003cspan class=\"soi-bsou-label\"\u003eTOUTE LA FAMILLE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bsou-section\"\u003e\n \u003ch2\u003ePourquoi le Calendula est-il si précieux pour la peau ?\u003c\/h2\u003e\n \u003cp\u003eLa fleur de Souci, ou \u003cem\u003eCalendula officinalis\u003c\/em\u003e, est utilisée en phytothérapie depuis des siècles. Ses principes actifs, notamment les flavonoïdes et les triterpènes, lui confèrent des propriétés adoucissantes, cicatrisantes et anti-irritantes reconnues. Concrètement, elle aide votre peau à se régénérer après une agression, qu'il s'agisse du froid, du soleil, des frottements ou d'une sécheresse persistante.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bsou-section\"\u003e\n \u003ch2\u003eLes bienfaits du Baume au Souci Dr Theiss\u003c\/h2\u003e\n \u003cdiv class=\"soi-bsou-benefits\"\u003e\n \u003cdiv class=\"soi-bsou-benefit\"\u003e\n \u003cdiv class=\"soi-bsou-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaise rougeurs et irritations\u003c\/h3\u003e\n \u003cp\u003eSoulagement rapide des peaux réactives ou sensibilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-benefit\"\u003e\n \u003cdiv class=\"soi-bsou-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydrate et nourrit en profondeur\u003c\/h3\u003e\n \u003cp\u003eSa texture onctueuse crée un film protecteur qui limite la perte en eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-benefit\"\u003e\n \u003cdiv class=\"soi-bsou-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAide à la cicatrisation\u003c\/h3\u003e\n \u003cp\u003eFavorise la régénération cutanée sur les petites plaies, gerçures et zones abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-benefit\"\u003e\n \u003cdiv class=\"soi-bsou-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux très sèches\u003c\/h3\u003e\n \u003cp\u003eLèvres gercées, talons, coudes, mains rugueuses : il répond à chaque besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-benefit\"\u003e\n \u003cdiv class=\"soi-bsou-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDoux pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eUtilisable sur le visage et le corps, y compris pour le change des bébés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-benefit\"\u003e\n \u003cdiv class=\"soi-bsou-benefit-icon\"\u003e\u003cspan\u003e☀️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoin post-soleil\u003c\/h3\u003e\n \u003cp\u003eApaise et répare la peau après une exposition prolongée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bsou-section\"\u003e\n \u003ch2\u003ePour qui, et dans quelles situations ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-bsou-grid\"\u003e\n \u003cdiv class=\"soi-bsou-card\"\u003e\n \u003ch3\u003e👶 Bébés et jeunes enfants\u003c\/h3\u003e\n \u003cp\u003eÉrythème fessier, rougeurs du change, peau du visage sèche en hiver : le baume au souci est particulièrement adapté à leur épiderme délicat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-card\"\u003e\n \u003ch3\u003e🙋 Adultes aux peaux sèches\u003c\/h3\u003e\n \u003cp\u003eGerçures des lèvres, mains abîmées, talons craquelés, eczéma localisé : ce baume devient vite un indispensable du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-card\"\u003e\n \u003ch3\u003e☀️ Après soleil ou froid intense\u003c\/h3\u003e\n \u003cp\u003eCoups de soleil, froid hivernal, vent : le baume au souci Dr Theiss répare et calme l'inconfort cutané en quelques applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-card\"\u003e\n \u003ch3\u003e🌿 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eSa formule naturelle et douce convient aux épidermes intolérants aux cosmétiques classiques, y compris sur le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bsou-section\"\u003e\n \u003ch2\u003eComment utiliser le Baume au Souci du jardin d'herbes de Maria ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-bsou-timeline\"\u003e\n \u003cdiv class=\"soi-bsou-step\"\u003e\n \u003cdiv class=\"soi-bsou-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-step-content\"\u003e\n \u003ch3\u003ePrélevez une noisette de baume\u003c\/h3\u003e\n \u003cp\u003eAvec le bout des doigts propres ou une spatule, prélevez une petite quantité de produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-step\"\u003e\n \u003cdiv class=\"soi-bsou-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-step-content\"\u003e\n \u003ch3\u003eAppliquez en massage doux\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement la zone concernée (visage, corps, lèvres, zones irritées) jusqu'à absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-step\"\u003e\n \u003cdiv class=\"soi-bsou-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-step-content\"\u003e\n \u003ch3\u003eRenouvelez selon vos besoins\u003c\/h3\u003e\n \u003cp\u003eAutant de fois que nécessaire dans la journée. Aucune contre-indication à un usage fréquent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bsou-section\"\u003e\n \u003ch2\u003eComposition du Baume au Souci Dr Theiss\u003c\/h2\u003e\n \u003cp class=\"soi-bsou-section-intro\"\u003eCe baume mise sur une formule naturelle et sobre, centrée sur des ingrédients reconnus pour leur affinité avec la peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-bsou-compo\"\u003e\n \u003cdiv class=\"soi-bsou-compo-row\"\u003e\n \u003cspan class=\"soi-bsou-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-bsou-compo-value\"\u003eExtrait de fleur de Souci (Calendula officinalis)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-compo-row\"\u003e\n \u003cspan class=\"soi-bsou-compo-label\"\u003eAgent émollient\u003c\/span\u003e\n \u003cspan class=\"soi-bsou-compo-value\"\u003eCire d'abeille (Cera Alba)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-compo-row\"\u003e\n \u003cspan class=\"soi-bsou-compo-label\"\u003eHuile nourrissante\u003c\/span\u003e\n \u003cspan class=\"soi-bsou-compo-value\"\u003eHuile de tournesol (Helianthus Annuus Seed Oil)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-compo-row\"\u003e\n \u003cspan class=\"soi-bsou-compo-label\"\u003eAgent conditionneur\u003c\/span\u003e\n \u003cspan class=\"soi-bsou-compo-value\"\u003eLanoline\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-tip\"\u003e\n \u003cdiv class=\"soi-bsou-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePrécaution\u003c\/strong\u003e\n \u003cp\u003ePour toute allergie connue à la lanoline ou aux Astéracées, consultez un professionnel de santé avant utilisation. Ce soin ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bsou-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-bsou-grid-compact\"\u003e\n \u003cdiv class=\"soi-bsou-card-mini\"\u003e\n \u003cspan class=\"soi-bsou-card-mini-icon\"\u003e🫙\u003c\/span\u003e\n \u003cspan class=\"soi-bsou-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-bsou-card-mini-value\"\u003e50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-card-mini\"\u003e\n \u003cspan class=\"soi-bsou-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-bsou-card-mini-label\"\u003eForme\u003c\/span\u003e\n \u003cspan class=\"soi-bsou-card-mini-value\"\u003eBaume solide en pot verre ambré\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-card-mini\"\u003e\n \u003cspan class=\"soi-bsou-card-mini-icon\"\u003e👨‍👩‍👧\u003c\/span\u003e\n \u003cspan class=\"soi-bsou-card-mini-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-bsou-card-mini-value\"\u003eVisage et corps, toute la famille\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bsou-card-mini\"\u003e\n \u003cspan class=\"soi-bsou-card-mini-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cspan class=\"soi-bsou-card-mini-label\"\u003eConservation\u003c\/span\u003e\n \u003cspan class=\"soi-bsou-card-mini-value\"\u003eÀ l'abri de la chaleur et de la lumière\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bsou-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-bsou-cta-box\"\u003e\n \u003cp class=\"soi-bsou-cta-tag\" style=\"color: white;\"\u003eLe soin multi-usage de toute la famille\u003c\/p\u003e\n \u003cp class=\"soi-bsou-cta-text\" style=\"color: white;\"\u003eDes joues rouges de bébé aux lèvres gercées des parents, le Baume au Souci Dr Theiss répond présent à chaque besoin, avec la douceur du Calendula et la fiabilité d'une formule éprouvée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-bsou-marine: #1A2D3D;\n --soi-bsou-marine-dark: #0F1E2B;\n --soi-bsou-marine-light: #2C4458;\n --soi-bsou-pomme: #A1C544;\n --soi-bsou-pomme-dark: #84A636;\n --soi-bsou-pomme-light: rgba(161,197,68,0.10);\n --soi-bsou-white: #FFFFFF;\n --soi-bsou-off-white: #F8FAF6;\n --soi-bsou-stone: #F1F3EE;\n --soi-bsou-line: #E5E8E0;\n --soi-bsou-primary: #E8872B;\n --soi-bsou-primary-soft: #FFF4E8;\n --soi-bsou-accent: #5A8C3C;\n --soi-bsou-text: #1A2D3D;\n --soi-bsou-text-soft: #4A5B6B;\n --soi-bsou-text-muted: #7B8693;\n --soi-bsou-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-bsou-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-bsou-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-bsou-radius: 12px;\n --soi-bsou-radius-sm: 8px;\n --soi-bsou-radius-pill: 999px;\n}\n\n.soi-bsou-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-bsou-fiche img { max-width: 100%; height: auto; }\n\n.soi-bsou-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-bsou-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-bsou-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-bsou-hero {\n position: relative;\n background: var(--soi-bsou-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-bsou-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-bsou-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-bsou-pomme);\n}\n\n.soi-bsou-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-bsou-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-bsou-pomme);\n border-radius: 50%;\n}\n\n.soi-bsou-hero-title {\n display: block;\n color: var(--soi-bsou-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-bsou-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-bsou-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-bsou-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-bsou-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-bsou-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-bsou-label-accent {\n background: var(--soi-bsou-pomme);\n border-color: var(--soi-bsou-pomme);\n color: var(--soi-bsou-marine);\n font-weight: 600;\n}\n\n.soi-bsou-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bsou-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-bsou-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-bsou-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-bsou-pomme);\n border-radius: 2px;\n}\n\n.soi-bsou-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-bsou-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-bsou-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-bsou-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-bsou-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-bsou-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-bsou-benefit {\n background: var(--soi-bsou-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-bsou-radius);\n border: 1px solid var(--soi-bsou-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bsou-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-bsou-shadow-md);\n}\n\n.soi-bsou-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-bsou-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-bsou-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-bsou-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-bsou-benefit:hover .soi-bsou-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-bsou-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bsou-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bsou-benefit p {\n font-size: 13px;\n color: var(--soi-bsou-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bsou-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-bsou-card {\n background: var(--soi-bsou-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-bsou-radius);\n border-left: 3px solid var(--soi-bsou-pomme);\n}\n\n.soi-bsou-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bsou-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bsou-card p {\n font-size: 14px;\n color: var(--soi-bsou-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bsou-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-bsou-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-bsou-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-bsou-radius);\n border: 1px solid var(--soi-bsou-line);\n align-items: flex-start;\n}\n\n.soi-bsou-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-bsou-marine);\n color: var(--soi-bsou-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-bsou-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-bsou-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-bsou-step-content p {\n font-size: 14px;\n color: var(--soi-bsou-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bsou-compo {\n background: var(--soi-bsou-off-white);\n border-radius: var(--soi-bsou-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.soi-bsou-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-bsou-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-bsou-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-bsou-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-bsou-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-bsou-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-bsou-marine);\n text-align: right;\n}\n\n.soi-bsou-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-bsou-pomme-light);\n border-left: 4px solid var(--soi-bsou-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-bsou-radius) var(--soi-bsou-radius) 0;\n align-items: flex-start;\n}\n\n.soi-bsou-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-bsou-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-bsou-marine);\n margin-bottom: 4px;\n}\n\n.soi-bsou-tip p {\n font-size: 14px;\n color: var(--soi-bsou-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bsou-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-bsou-card-mini {\n background: var(--soi-bsou-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-bsou-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-bsou-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-bsou-card-mini-label {\n font-size: 11px;\n color: var(--soi-bsou-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-bsou-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-bsou-marine);\n}\n\n.soi-bsou-cta-box {\n background: var(--soi-bsou-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-bsou-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-bsou-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-bsou-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-bsou-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-bsou-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-bsou-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-bsou-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-bsou-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n .soi-bsou-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n .soi-bsou-compo-value {\n text-align: left;\n }\n .soi-bsou-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-bsou-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-bsou-fiche {\n --soi-bsou-text-soft: #2C3E50;\n --soi-bsou-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Naturwaren","offers":[{"title":"Default Title","offer_id":61603443900746,"sku":"NA0020","price":16.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/baume-au-souci-dr-theiss-packshot.webp?v=1783601516"},{"product_id":"baume-a-la-grande-consoude-dr-theiss","title":"Baume à la Grande Consoude - Dr Theiss","description":"\u003cdiv class=\"soi-cons-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-cons-hero\"\u003e\n \u003cdiv class=\"soi-cons-hero-tag\"\u003e\n \u003cspan class=\"soi-cons-tag-dot\"\u003e\u003c\/span\u003e\n Phytothérapie · Dr Theiss\n \u003c\/div\u003e\n \u003cspan class=\"soi-cons-hero-title\"\u003eL'héritage apaisant de la grande consoude\u003c\/span\u003e\n \u003cp class=\"soi-cons-hero-subtitle\"\u003eUn baume concentré à 10 % d'extrait de rhizome, pensé pour le massage des muscles, des articulations et des jambes fatiguées. La phytothérapie traditionnelle au service de votre confort quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-cons-hero-labels\"\u003e\n \u003cspan class=\"soi-cons-label soi-cons-label-accent\"\u003eUSAGE EXTERNE\u003c\/span\u003e\n \u003cspan class=\"soi-cons-label\"\u003eSANS CORTISONE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Intro --\u003e\n \u003csection class=\"soi-cons-section\"\u003e\n \u003cp\u003eLa \u003cstrong\u003egrande consoude\u003c\/strong\u003e (Symphytum officinale) est l'une des plantes les plus utilisées en phytothérapie traditionnelle depuis des siècles. Avec le \u003cstrong\u003eBaume à la Grande Consoude Dr Theiss\u003c\/strong\u003e, vous bénéficiez de ses vertus concentrées dans une texture riche, idéale pour le massage des jambes, des muscles et des articulations. Un produit naturel, pratique, et pensé aussi bien pour les sportifs que pour celles et ceux qui cherchent à soulager leur corps au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pourquoi choisir --\u003e\n \u003csection class=\"soi-cons-section\"\u003e\n \u003ch2\u003ePourquoi choisir le baume de consoude Dr Theiss ?\u003c\/h2\u003e\n \u003cp class=\"soi-cons-section-intro\"\u003eCe qui distingue ce baume de nombreuses préparations du marché, c'est la concentration : \u003cstrong\u003e10 % d'extrait de rhizome de grande consoude\u003c\/strong\u003e, associé à de la vitamine E. Le rhizome est la partie la plus riche en allantoïne, le composé actif clé reconnu pour ses propriétés apaisantes et régénérantes sur les tissus.\u003c\/p\u003e\n \u003cdiv class=\"soi-cons-benefits\"\u003e\n \u003cdiv class=\"soi-cons-benefit\"\u003e\n \u003cdiv class=\"soi-cons-benefit-icon\"\u003e\u003cspan\u003e🦵\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaise muscles et articulations\u003c\/h3\u003e\n \u003cp\u003eAprès l'effort ou une journée chargée, le baume favorise le confort des zones sollicitées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cons-benefit\"\u003e\n \u003cdiv class=\"soi-cons-benefit-icon\"\u003e\u003cspan\u003e🏃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFavorise la récupération\u003c\/h3\u003e\n \u003cp\u003eIdéal après le sport pour accompagner la récupération des muscles et des articulations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cons-benefit\"\u003e\n \u003cdiv class=\"soi-cons-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNourrit et protège la peau\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'action antioxydante de la vitamine E, votre peau est protégée et nourrie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cons-benefit\"\u003e\n \u003cdiv class=\"soi-cons-benefit-icon\"\u003e\u003cspan\u003e✋\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTexture idéale pour le massage\u003c\/h3\u003e\n \u003cp\u003eGlisse longue, pénétration progressive : convient aux genoux, chevilles, coudes et poignets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Comment utiliser --\u003e\n \u003csection class=\"soi-cons-section\"\u003e\n \u003ch2\u003eComment utiliser le baume à la grande consoude ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-cons-timeline\"\u003e\n \u003cdiv class=\"soi-cons-step\"\u003e\n \u003cdiv class=\"soi-cons-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cons-step-content\"\u003e\n \u003ch3\u003eAppliquez une noisette de baume\u003c\/h3\u003e\n \u003cp\u003eDéposez le baume sur la zone à traiter : mollets, genoux, chevilles, épaules ou dos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cons-step\"\u003e\n \u003cdiv class=\"soi-cons-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cons-step-content\"\u003e\n \u003ch3\u003eMassez en mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003ePendant 2 à 3 minutes jusqu'à légère absorption. La texture grasse prolonge le contact pour un effet maximal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cons-step\"\u003e\n \u003cdiv class=\"soi-cons-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-cons-step-content\"\u003e\n \u003ch3\u003eRenouvelez 2 à 3 fois par jour\u003c\/h3\u003e\n \u003cp\u003eSelon vos besoins. Pour les sportifs, une application avant et après l'effort est recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cons-tip\"\u003e\n \u003cdiv class=\"soi-cons-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePrécaution d'emploi\u003c\/strong\u003e\n \u003cp\u003eNe pas appliquer sur une plaie ouverte, une peau lésée ou sur les muqueuses. Réservé à l'usage externe.\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-cons-section\"\u003e\n \u003ch2\u003eComposition du Baume à la Grande Consoude Dr Theiss\u003c\/h2\u003e\n \u003cp class=\"soi-cons-section-intro\"\u003eLa formule repose sur des ingrédients soigneusement sélectionnés pour leur efficacité et leur tolérance cutanée.\u003c\/p\u003e\n \u003cdiv class=\"soi-cons-compo\"\u003e\n \u003cdiv class=\"soi-cons-compo-row\"\u003e\n \u003cspan class=\"soi-cons-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-cons-compo-value\"\u003eExtrait de rhizome de grande consoude (Symphytum officinale) : 10 %, riche en allantoïne naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cons-compo-row\"\u003e\n \u003cspan class=\"soi-cons-compo-label\"\u003eVitamine\u003c\/span\u003e\n \u003cspan class=\"soi-cons-compo-value\"\u003eVitamine E (tocophérol) : action antioxydante, protège et nourrit la peau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cons-compo-row\"\u003e\n \u003cspan class=\"soi-cons-compo-label\"\u003eBase\u003c\/span\u003e\n \u003cspan class=\"soi-cons-compo-value\"\u003eBase émolliente (cire, huiles végétales) pour une texture adaptée au massage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1rem; font-size: 13px; color: var(--soi-cons-text-muted);\"\u003eCe produit est disponible en pharmacie et parapharmacie. Il ne contient pas de cortisone ni de principes actifs médicamenteux. Il ne remplace pas un avis médical ni un traitement prescrit.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Pour qui --\u003e\n \u003csection class=\"soi-cons-section\"\u003e\n \u003ch2\u003ePour qui est fait ce baume de consoude ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-cons-grid\"\u003e\n \u003cdiv class=\"soi-cons-card\"\u003e\n \u003ch3\u003e🏅 Sportifs et sportives\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez soutenir votre récupération musculaire après l'effort ? Ce baume vous accompagne avant et après chaque séance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cons-card\"\u003e\n \u003ch3\u003e🦴 Articulations sensibles\u003c\/h3\u003e\n \u003cp\u003eGenoux, chevilles, coudes, poignets : si vos articulations sont inconfortables au quotidien, le massage au baume de consoude vous apporte un réel confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cons-card\"\u003e\n \u003ch3\u003e🧍 Longues heures debout\u003c\/h3\u003e\n \u003cp\u003eVous ressentez une lourdeur dans les jambes en fin de journée ? Un massage ciblé vous aide à retrouver une sensation de légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cons-card\"\u003e\n \u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un baume naturel à la consoude, efficace et facile à utiliser, sans cortisone ni principes actifs médicamenteux.\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-cons-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le baume grande consoude\u003c\/h2\u003e\n \u003cdiv class=\"soi-cons-accordion\"\u003e\n \u003cdetails class=\"soi-cons-accordion-item\"\u003e\n \u003csummary class=\"soi-cons-accordion-header\"\u003e🌿 Quels sont les bienfaits du baume de consoude ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cons-accordion-content\"\u003e\n \u003cp\u003eIl aide à apaiser les tensions musculaires et articulaires, favorise le confort des zones sollicitées et nourrit la peau grâce à la vitamine E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cons-accordion-item\"\u003e\n \u003csummary class=\"soi-cons-accordion-header\"\u003e🛒 Où trouver le baume à la grande consoude ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cons-accordion-content\"\u003e\n \u003cp\u003eCe baume Dr Theiss est disponible en pharmacie, parapharmacie et sur des boutiques spécialisées en ligne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cons-accordion-item\"\u003e\n \u003csummary class=\"soi-cons-accordion-header\"\u003e👶 Peut-on l'utiliser sur les enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cons-accordion-content\"\u003e\n \u003cp\u003ePar précaution, réservez son usage aux adultes et demandez conseil à un professionnel de santé avant utilisation chez l'enfant.\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-cons-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cons-cta-box\"\u003e\n \u003cp class=\"soi-cons-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n \u003cp class=\"soi-cons-cta-text\" style=\"color: white;\"\u003ePrenez soin de votre corps avec l'un des baumes les plus réputés en phytothérapie. 10 % d'extrait de rhizome pour apaiser muscles et articulations : votre rituel bien-être au naturel, enfin accessible.\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-cons-marine: #1A2D3D;\n --soi-cons-marine-dark: #0F1E2B;\n --soi-cons-marine-light: #2C4458;\n --soi-cons-pomme: #A1C544;\n --soi-cons-pomme-dark: #84A636;\n --soi-cons-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-cons-white: #FFFFFF;\n --soi-cons-off-white: #F8FAF6;\n --soi-cons-stone: #F1F3EE;\n --soi-cons-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging : blanc, vert feuille, jaune souci, bleu bourrache, brun pot) === *\/\n --soi-cons-primary: #4A7A3E;\n --soi-cons-primary-soft: rgba(74,122,62,0.10);\n --soi-cons-accent: #D4A52A;\n\n \/* === Textes === *\/\n --soi-cons-text: #1A2D3D;\n --soi-cons-text-soft: #4A5B6B;\n --soi-cons-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-cons-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cons-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cons-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cons-radius: 12px;\n --soi-cons-radius-sm: 8px;\n --soi-cons-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-cons-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cons-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-cons-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cons-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cons-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-cons-hero {\n position: relative;\n background: var(--soi-cons-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-cons-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-cons-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-cons-pomme);\n}\n\n.soi-cons-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-cons-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cons-pomme);\n border-radius: 50%;\n}\n\n.soi-cons-hero-title {\n display: block;\n color: var(--soi-cons-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-cons-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-cons-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-cons-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-cons-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cons-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-cons-label-accent {\n background: var(--soi-cons-pomme);\n border-color: var(--soi-cons-pomme);\n color: var(--soi-cons-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-cons-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cons-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cons-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-cons-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cons-pomme);\n border-radius: 2px;\n}\n\n.soi-cons-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-cons-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-cons-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cons-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-cons-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-cons-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-cons-benefit {\n background: var(--soi-cons-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cons-radius);\n border: 1px solid var(--soi-cons-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cons-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cons-shadow-md);\n}\n\n.soi-cons-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cons-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-cons-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cons-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-cons-benefit:hover .soi-cons-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-cons-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cons-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cons-benefit p {\n font-size: 13px;\n color: var(--soi-cons-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-cons-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-cons-card {\n background: var(--soi-cons-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cons-radius);\n border-left: 3px solid var(--soi-cons-pomme);\n}\n\n.soi-cons-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cons-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cons-card p {\n font-size: 14px;\n color: var(--soi-cons-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-cons-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-cons-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cons-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cons-radius);\n border: 1px solid var(--soi-cons-line);\n align-items: flex-start;\n}\n\n.soi-cons-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cons-marine);\n color: var(--soi-cons-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-cons-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cons-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-cons-step-content p {\n font-size: 14px;\n color: var(--soi-cons-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-cons-compo {\n background: var(--soi-cons-off-white);\n border-radius: var(--soi-cons-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-cons-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-cons-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-cons-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-cons-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-cons-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-cons-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-cons-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-cons-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cons-pomme-light);\n border-left: 4px solid var(--soi-cons-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cons-radius) var(--soi-cons-radius) 0;\n align-items: flex-start;\n}\n\n.soi-cons-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-cons-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cons-marine);\n margin-bottom: 4px;\n}\n\n.soi-cons-tip p {\n font-size: 14px;\n color: var(--soi-cons-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-cons-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-cons-accordion-item {\n background: var(--soi-cons-off-white);\n border-radius: var(--soi-cons-radius-sm);\n border: 1px solid var(--soi-cons-line);\n overflow: hidden;\n}\n\n.soi-cons-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cons-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-cons-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-cons-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cons-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-cons-accordion-item[open] .soi-cons-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-cons-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-cons-accordion-content p {\n font-size: 14px;\n color: var(--soi-cons-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-cons-cta-box {\n background: var(--soi-cons-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cons-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-cons-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-cons-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-cons-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-cons-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-cons-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-cons-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-cons-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-cons-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-cons-compo-value {\n text-align: left;\n }\n\n .soi-cons-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-cons-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-cons-fiche {\n --soi-cons-text-soft: #2C3E50;\n --soi-cons-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Naturwaren","offers":[{"title":"Default Title","offer_id":61603444490570,"sku":"NA0025","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/baume-a-la-grande-consoude-dr-theiss-packshot.webp?v=1783601451"},{"product_id":"creme-au-souci-bio-calendula-dr-theiss","title":"Crème au Souci Bio Calendula – Dr. Theiss","description":"\u003cdiv class=\"soi-cale-fiche\"\u003e\n\n\u003csection class=\"soi-cale-hero\"\u003e\n \u003cdiv class=\"soi-cale-hero-tag\"\u003e\n \u003cspan class=\"soi-cale-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique · Dr. Theiss\n \u003c\/div\u003e\n \u003cspan class=\"soi-cale-hero-title\"\u003eLe réconfort du souci pour les peaux assoiffées\u003c\/span\u003e\n \u003cp class=\"soi-cale-hero-subtitle\"\u003eExtrait de calendula biologique, texture fondante et formule certifiée : retrouvez confort et souplesse au quotidien, même sur les peaux les plus fragilisées.\u003c\/p\u003e\n \u003cdiv class=\"soi-cale-hero-labels\"\u003e\n \u003cspan class=\"soi-cale-label soi-cale-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-cale-label\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n \u003cspan class=\"soi-cale-label\"\u003eTESTÉ DERMATOLOGIQUEMENT\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cale-section\"\u003e\n \u003ch2\u003eCrème au Souci Calendula : l'alliée pour l'hydratation et apaisement des peaux sèches\u003c\/h2\u003e\n \u003cp\u003eVous cherchez une crème au calendula vraiment efficace, sans ingrédients inutiles ni promesses vides ? La \u003cstrong\u003eCrème au Souci Bio Calendula Dr. Theiss\u003c\/strong\u003e mise sur l'essentiel : un extrait de calendula biologique soigneusement sélectionné, une texture fondante et une formule certifiée, pour redonner confort et souplesse aux peaux sèches, déshydratées ou fragilisées au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cale-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème au calendula plutôt qu'une autre ?\u003c\/h2\u003e\n \u003cp class=\"soi-cale-section-intro\"\u003eSur le marché des crèmes au calendula, plusieurs références existent. Ce qui distingue la formule Dr. Theiss, c'est son positionnement : une crème testée dermatologiquement, certifiée bio, pensée spécifiquement pour les peaux sèches et déshydratées, adultes comme enfants. Elle ne se contente pas d'hydrater en surface : sa texture riche pénètre sans laisser de film gras, pour un confort ressenti dès la première application.\u003c\/p\u003e\n \u003cdiv class=\"soi-cale-benefits\"\u003e\n \u003cdiv class=\"soi-cale-benefit\"\u003e\n \u003cdiv class=\"soi-cale-benefit-icon\"\u003e\u003cspan\u003e🌼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eExtrait de souci biologique\u003c\/h3\u003e\n \u003cp\u003eCalendula officinalis, actif apaisant et réparateur reconnu, qui réduit les sensations de tiraillement et calme les irritations légères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cale-benefit\"\u003e\n \u003cdiv class=\"soi-cale-benefit-icon\"\u003e\u003cspan\u003e✅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifiée Cosmos Natural\u003c\/h3\u003e\n \u003cp\u003eFormule testée dermatologiquement, sans ingrédients controversés, pour une confiance totale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cale-benefit\"\u003e\n \u003cdiv class=\"soi-cale-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTexture non grasse\u003c\/h3\u003e\n \u003cp\u003eAbsorption rapide, idéale aussi bien le matin que le soir, sans film gras résiduel sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cale-benefit\"\u003e\n \u003cdiv class=\"soi-cale-benefit-icon\"\u003e\u003cspan\u003e👜\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormat tube 100 ml pratique\u003c\/h3\u003e\n \u003cp\u003eÀ glisser dans votre sac pour une application ciblée à tout moment de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cale-section\"\u003e\n \u003ch2\u003ePour qui est-elle faite ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-cale-grid\"\u003e\n \u003cdiv class=\"soi-cale-card\"\u003e\n \u003ch3\u003e🏜️ Peau sèche ou très sèche\u003c\/h3\u003e\n \u003cp\u003eTiraillements, squames légères, manque de souplesse : cette crème nourrit en profondeur pour restaurer le confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cale-card\"\u003e\n \u003ch3\u003e💦 Peau déshydratée\u003c\/h3\u003e\n \u003cp\u003eVotre peau \"boit\" les soins sans jamais sembler rassasiée ? Le calendula et la glycérine retiennent l'hydratation là où elle est nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cale-card\"\u003e\n \u003ch3\u003e🌸 Peau sensible ou fragilisée\u003c\/h3\u003e\n \u003cp\u003eAprès une épilation, en cas de rougeurs dues au froid ou aux frottements, cette formule douce apaise sans agresser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cale-card\"\u003e\n \u003ch3\u003e🤲 Peau gercée\u003c\/h3\u003e\n \u003cp\u003eMains, coudes, talons : les zones qui ont besoin d'un soin nourrissant ciblé retrouvent souplesse et douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cale-tip\"\u003e\n \u003cdiv class=\"soi-cale-tip-icon\"\u003e👶\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCette crème peut aussi s'utiliser sur les peaux des nourrissons et jeunes enfants, grâce à sa composition douce et sa certification bio. Si vous avez un doute sur une allergie aux astéracées (famille du souci), consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cale-section\"\u003e\n \u003ch2\u003eComment utiliser cette crème au Souci Bio Calendula ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-cale-timeline\"\u003e\n \u003cdiv class=\"soi-cale-step\"\u003e\n \u003cdiv class=\"soi-cale-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cale-step-content\"\u003e\n \u003ch3\u003eAppliquez une noisette de crème\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite quantité sur les zones à traiter, matin et\/ou soir selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cale-step\"\u003e\n \u003cdiv class=\"soi-cale-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cale-step-content\"\u003e\n \u003ch3\u003eMassez doucement\u003c\/h3\u003e\n \u003cp\u003eFaites pénétrer en massant jusqu'à absorption complète. Elle s'adapte aussi bien en soin visage quotidien qu'en application ciblée sur les coudes, les mains ou les pieds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cale-step\"\u003e\n \u003cdiv class=\"soi-cale-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-cale-step-content\"\u003e\n \u003ch3\u003eSoin intensif pour les zones abîmées\u003c\/h3\u003e\n \u003cp\u003ePour les zones particulièrement abîmées, une application en couche plus généreuse le soir, sous des gants de coton, peut accélérer la récupération cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cale-section\"\u003e\n \u003ch2\u003eComposition : que contient cette crème calendula ?\u003c\/h2\u003e\n \u003cp class=\"soi-cale-section-intro\"\u003eLa Crème au Souci Bio Dr. Theiss est formulée autour d'ingrédients d'origine naturelle. Formule sans colorants synthétiques, certifiée Cosmos Natural, testée dermatologiquement.\u003c\/p\u003e\n \u003cdiv class=\"soi-cale-compo\"\u003e\n \u003cdiv class=\"soi-cale-compo-row\"\u003e\n \u003cspan class=\"soi-cale-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-cale-compo-value\"\u003eCalendula officinalis (extrait de fleurs de souci bio) : apaisant, réparateur et anti-irritant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cale-compo-row\"\u003e\n \u003cspan class=\"soi-cale-compo-label\"\u003eHuile végétale\u003c\/span\u003e\n \u003cspan class=\"soi-cale-compo-value\"\u003eHuile de tournesol : nourrissante, riche en acides gras essentiels pour renforcer la barrière cutanée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cale-compo-row\"\u003e\n \u003cspan class=\"soi-cale-compo-label\"\u003eÉmollient\u003c\/span\u003e\n \u003cspan class=\"soi-cale-compo-value\"\u003eAlcool cétylique : contribue à la texture onctueuse sans alourdir\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cale-compo-row\"\u003e\n \u003cspan class=\"soi-cale-compo-label\"\u003eHumectant\u003c\/span\u003e\n \u003cspan class=\"soi-cale-compo-value\"\u003eGlycérine : retient l'eau dans les couches superficielles de la peau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cale-grid-compact\"\u003e\n \u003cdiv class=\"soi-cale-card-mini\"\u003e\n \u003cspan class=\"soi-cale-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-cale-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-cale-card-mini-value\"\u003eCosmos Natural\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cale-card-mini\"\u003e\n \u003cspan class=\"soi-cale-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-cale-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-cale-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cale-card-mini\"\u003e\n \u003cspan class=\"soi-cale-card-mini-icon\"\u003e🔬\u003c\/span\u003e\n \u003cspan class=\"soi-cale-card-mini-label\"\u003eTest\u003c\/span\u003e\n \u003cspan class=\"soi-cale-card-mini-value\"\u003eDermatologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-cale-section\"\u003e\n \u003ch2\u003eVos interrogations sur la crème au calendula\u003c\/h2\u003e\n \u003cdiv class=\"soi-cale-accordion\"\u003e\n \u003cdetails class=\"soi-cale-accordion-item\"\u003e\n \u003csummary class=\"soi-cale-accordion-header\"\u003e🔄 Quelle différence avec la crème au calendula Boiron ou Weleda ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cale-accordion-content\"\u003e\n \u003cp\u003eLa crème Boiron est classée comme médicament homéopathique, indiquée en appoint des peaux irritées. La crème Weleda au calendula est surtout connue pour les soins bébé. La version Dr. Theiss se positionne comme un soin cosmétique quotidien certifié bio, adapté aux peaux sèches et déshydratées de toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cale-accordion-item\"\u003e\n \u003csummary class=\"soi-cale-accordion-header\"\u003e🧴 Peut-on l'utiliser sur le visage ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cale-accordion-content\"\u003e\n \u003cp\u003eOui, sa formule douce convient au visage, en particulier pour les peaux sèches ou sensibles. Évitez le contour des yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cale-accordion-item\"\u003e\n \u003csummary class=\"soi-cale-accordion-header\"\u003e⚕️ Ce produit remplace-t-il un traitement médical ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cale-accordion-content\"\u003e\n \u003cp\u003eNon. Cette crème est un soin cosmétique. En cas de problème cutané persistant, inflammatoire ou infectieux, 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-cale-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cale-cta-box\"\u003e\n \u003cp class=\"soi-cale-cta-tag\" style=\"color: white;\"\u003eLe calendula au service de votre peau\u003c\/p\u003e\n \u003cp class=\"soi-cale-cta-text\" style=\"color: white;\"\u003eDouce, naturelle et véritablement efficace sur les peaux sèches et fragilisées, cette crème vous offre un actif noble issu de l'agriculture biologique, une texture qui fond sur la peau et un confort retrouvé dès les premiers jours. Une routine simple, une peau apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-cale-marine: #1A2D3D;\n --soi-cale-marine-dark: #0F1E2B;\n --soi-cale-marine-light: #2C4458;\n --soi-cale-pomme: #A1C544;\n --soi-cale-pomme-dark: #84A636;\n --soi-cale-pomme-light: rgba(161,197,68,0.10);\n --soi-cale-white: #FFFFFF;\n --soi-cale-off-white: #F8FAF6;\n --soi-cale-stone: #F1F3EE;\n --soi-cale-line: #E5E8E0;\n --soi-cale-primary: #D88542;\n --soi-cale-primary-soft: #F5E6D0;\n --soi-cale-accent: #E8A830;\n --soi-cale-text: #1A2D3D;\n --soi-cale-text-soft: #4A5B6B;\n --soi-cale-text-muted: #7B8693;\n --soi-cale-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cale-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cale-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cale-radius: 12px;\n --soi-cale-radius-sm: 8px;\n --soi-cale-radius-pill: 999px;\n}\n\n.soi-cale-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cale-fiche img { max-width: 100%; height: auto; }\n\n.soi-cale-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cale-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cale-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-cale-hero {\n position: relative;\n background: var(--soi-cale-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-cale-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-cale-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-cale-pomme);\n}\n\n.soi-cale-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-cale-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cale-pomme);\n border-radius: 50%;\n}\n\n.soi-cale-hero-title {\n display: block;\n color: var(--soi-cale-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-cale-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-cale-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-cale-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-cale-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cale-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-cale-label-accent {\n background: var(--soi-cale-pomme);\n border-color: var(--soi-cale-pomme);\n color: var(--soi-cale-marine);\n font-weight: 600;\n}\n\n.soi-cale-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cale-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cale-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-cale-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cale-pomme);\n border-radius: 2px;\n}\n\n.soi-cale-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-cale-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-cale-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cale-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-cale-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-cale-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-cale-benefit {\n background: var(--soi-cale-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cale-radius);\n border: 1px solid var(--soi-cale-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cale-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cale-shadow-md);\n}\n\n.soi-cale-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cale-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-cale-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cale-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-cale-benefit:hover .soi-cale-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-cale-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cale-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cale-benefit p {\n font-size: 13px;\n color: var(--soi-cale-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cale-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-cale-card {\n background: var(--soi-cale-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cale-radius);\n border-left: 3px solid var(--soi-cale-pomme);\n}\n\n.soi-cale-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cale-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cale-card p {\n font-size: 14px;\n color: var(--soi-cale-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cale-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-cale-card-mini {\n background: var(--soi-cale-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-cale-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-cale-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-cale-card-mini-label {\n font-size: 11px;\n color: var(--soi-cale-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-cale-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cale-marine);\n}\n\n.soi-cale-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-cale-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cale-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cale-radius);\n border: 1px solid var(--soi-cale-line);\n align-items: flex-start;\n}\n\n.soi-cale-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cale-marine);\n color: var(--soi-cale-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-cale-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cale-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-cale-step-content p {\n font-size: 14px;\n color: var(--soi-cale-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cale-compo {\n background: var(--soi-cale-off-white);\n border-radius: var(--soi-cale-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-cale-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-cale-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-cale-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-cale-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-cale-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-cale-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-cale-marine);\n text-align: right;\n}\n\n.soi-cale-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cale-pomme-light);\n border-left: 4px solid var(--soi-cale-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cale-radius) var(--soi-cale-radius) 0;\n align-items: flex-start;\n}\n\n.soi-cale-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-cale-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cale-marine);\n margin-bottom: 4px;\n}\n\n.soi-cale-tip p {\n font-size: 14px;\n color: var(--soi-cale-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cale-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-cale-accordion-item {\n background: var(--soi-cale-off-white);\n border-radius: var(--soi-cale-radius-sm);\n border: 1px solid var(--soi-cale-line);\n overflow: hidden;\n}\n\n.soi-cale-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cale-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-cale-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-cale-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cale-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-cale-accordion-item[open] .soi-cale-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-cale-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-cale-accordion-content p {\n font-size: 14px;\n color: var(--soi-cale-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-cale-cta-box {\n background: var(--soi-cale-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cale-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-cale-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-cale-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-cale-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-cale-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-cale-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-cale-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-cale-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-cale-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-cale-compo-value {\n text-align: left;\n }\n\n .soi-cale-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-cale-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-cale-fiche {\n --soi-cale-text-soft: #2C3E50;\n --soi-cale-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Dr Theiss","offers":[{"title":"Default Title","offer_id":61603532472650,"sku":"NA1400","price":15.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-au-souci-bio-calendula-dr-theiss-packshot.webp?v=1784883441"},{"product_id":"creme-onagre3","title":"Crème Onagre Réparatrice 3+ – Dr. Theiss","description":"\n\u003cdiv class=\"soi-onag-fiche\"\u003e\n\n\u003csection class=\"soi-onag-hero\"\u003e\n \u003cdiv class=\"soi-onag-hero-tag\"\u003e\n \u003cspan class=\"soi-onag-tag-dot\"\u003e\u003c\/span\u003e\n Soin réparateur · Dr. Theiss\n \u003c\/div\u003e\n \u003cspan class=\"soi-onag-hero-title\"\u003eLe pouvoir concentré de l'onagre pour les peaux fragilisées\u003c\/span\u003e\n \u003cp class=\"soi-onag-hero-subtitle\"\u003eFormulée avec 3,5 fois plus d'huile d'onagre, cette crème issue du Jardin d'herbes de Maria offre un soin ciblé et concentré aux peaux très sèches, réactives et en quête de confort durable.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-onag-section\"\u003e\n \u003ch2\u003ePourquoi choisir la Crème Onagre 3+ Dr. Theiss ?\u003c\/h2\u003e\n \u003cp\u003eParmi les crèmes réparatrices corps disponibles en pharmacie ou parapharmacie, peu affichent une concentration aussi élevée en huile d'onagre. C'est justement ce qui distingue cette formule des alternatives classiques : ici, l'actif principal est présent en quantité vraiment significative, et non à dose symbolique.\u003c\/p\u003e\n \u003cp\u003eL'huile d'onagre est naturellement riche en acide gamma-linolénique (GLA), un acide gras essentiel que la peau ne sait pas synthétiser seule. Ce GLA joue un rôle clé dans la restauration de la barrière cutanée, la réduction des rougeurs et le maintien de l'élasticité, notamment sur les peaux matures ou dévitalisées.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-onag-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets sur votre peau\u003c\/h2\u003e\n \u003cdiv class=\"soi-onag-benefits\"\u003e\n \u003cdiv class=\"soi-onag-benefit\"\u003e\n \u003cdiv class=\"soi-onag-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRéparation en profondeur\u003c\/h3\u003e\n \u003cp\u003eL'huile d'onagre reconstruit le film lipidique et contribue à lutter contre la déshydratation persistante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onag-benefit\"\u003e\n \u003cdiv class=\"soi-onag-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement des irritations\u003c\/h3\u003e\n \u003cp\u003eLes peaux réactives, sujettes aux rougeurs ou à l'inconfort chronique, retrouvent un vrai confort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onag-benefit\"\u003e\n \u003cdiv class=\"soi-onag-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation longue durée\u003c\/h3\u003e\n \u003cp\u003eLa texture fond sur la peau sans laisser de film gras, pour une hydratation maintenue toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onag-benefit\"\u003e\n \u003cdiv class=\"soi-onag-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoin des zones très sèches\u003c\/h3\u003e\n \u003cp\u003eCoudes, talons, mains abîmées, visage sensible, zones délicates : ce soin cible les zones les plus fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-onag-section\"\u003e\n \u003ch2\u003eComment utiliser la Crème Onagre 3+ ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-onag-timeline\"\u003e\n \u003cdiv class=\"soi-onag-step\"\u003e\n \u003cdiv class=\"soi-onag-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-onag-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eMatin et\/ou soir sur les zones sèches ou réactives, visage et corps, après nettoyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onag-step\"\u003e\n \u003cdiv class=\"soi-onag-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-onag-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eDoucement jusqu'à absorption complète, en insistant sur les coudes, talons et mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onag-step\"\u003e\n \u003cdiv class=\"soi-onag-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-onag-step-content\"\u003e\n \u003ch3\u003eRenouvelez\u003c\/h3\u003e\n \u003cp\u003eChaque jour pour un résultat durable, surtout en période hivernale ou de grand froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-onag-section\"\u003e\n \u003ch2\u003eComposition et ingrédients clés\u003c\/h2\u003e\n \u003cp class=\"soi-onag-section-intro\"\u003eLa force de cette crème réparatrice repose sur une sélection d'actifs issus du Jardin d'herbes de Maria, l'héritage botanique de la marque Dr. Theiss.\u003c\/p\u003e\n \u003cdiv class=\"soi-onag-grid\"\u003e\n \u003cdiv class=\"soi-onag-card\"\u003e\n \u003ch3\u003e🌼 Huile d'onagre concentrée 3,5x\u003c\/h3\u003e\n \u003cp\u003eSource naturelle d'acide gamma-linolénique (GLA), elle nourrit, répare et renforce la barrière cutanée. L'actif signature de cette formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onag-card\"\u003e\n \u003ch3\u003e💦 Agents émollients et humectants\u003c\/h3\u003e\n \u003cp\u003eRetiennent l'eau dans les couches superficielles de l'épiderme pour une hydratation continue et un toucher soyeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onag-card\"\u003e\n \u003ch3\u003e🍃 Actifs apaisants d'origine végétale\u003c\/h3\u003e\n \u003cp\u003eCalment les réactions cutanées et réduisent la sensation de tiraillement pour un confort retrouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-onag-card\"\u003e\n \u003ch3\u003e☁️ Texture légère non comédogène\u003c\/h3\u003e\n \u003cp\u003eConvient au visage comme au corps, sans effet occlusif lourd. Une pénétration rapide pour un fini tout en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-onag-section\"\u003e\n \u003ch2\u003ePour qui est vraiment faite cette crème ?\u003c\/h2\u003e\n \u003cp\u003eCette crème s'adresse à vous si vous cherchez un soin réparateur sans hormones, sans parfum agressif, et avec une vraie concentration en actifs naturels. Elle convient particulièrement aux personnes souffrant de sécheresse cutanée chronique, aux peaux matures qui manquent de souplesse, ou à celles qui réagissent mal aux formules classiques. Elle est également compatible avec les peaux fragiles des bébés, sous surveillance parentale.\u003c\/p\u003e\n \u003cdiv class=\"soi-onag-accordion\"\u003e\n \u003cdetails class=\"soi-onag-accordion-item\"\u003e\n \u003csummary class=\"soi-onag-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-onag-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne remplace pas un avis ou un traitement médical 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-onag-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-onag-cta-box\"\u003e\n \u003cp class=\"soi-onag-cta-tag\" style=\"color: white;\"\u003eDu jardin d'herbes de Maria jusqu'à votre peau\u003c\/p\u003e\n \u003cp class=\"soi-onag-cta-text\" style=\"color: white;\"\u003eRedonnez confort, souplesse et éclat aux peaux les plus fragilisées grâce à la concentration exceptionnelle en huile d'onagre de cette crème Dr. Theiss.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-onag-marine: #1A2D3D;\n --soi-onag-marine-dark: #0F1E2B;\n --soi-onag-marine-light: #2C4458;\n --soi-onag-pomme: #A1C544;\n --soi-onag-pomme-dark: #84A636;\n --soi-onag-pomme-light: rgba(161,197,68,0.10);\n --soi-onag-white: #FFFFFF;\n --soi-onag-off-white: #F8FAF6;\n --soi-onag-stone: #F1F3EE;\n --soi-onag-line: #E5E8E0;\n --soi-onag-primary: #7B8EB5;\n --soi-onag-primary-soft: #C8D0E2;\n --soi-onag-accent: #D89A4A;\n --soi-onag-text: #1A2D3D;\n --soi-onag-text-soft: #4A5B6B;\n --soi-onag-text-muted: #7B8693;\n --soi-onag-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-onag-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-onag-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-onag-radius: 12px;\n --soi-onag-radius-sm: 8px;\n --soi-onag-radius-pill: 999px;\n}\n\n.soi-onag-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-onag-fiche img { max-width: 100%; height: auto; }\n\n.soi-onag-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-onag-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-onag-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-onag-hero {\n position: relative;\n background: var(--soi-onag-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-onag-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-onag-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-onag-pomme);\n}\n\n.soi-onag-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-onag-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-onag-pomme);\n border-radius: 50%;\n}\n\n.soi-onag-hero-title {\n display: block;\n color: var(--soi-onag-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-onag-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-onag-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-onag-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-onag-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-onag-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-onag-pomme);\n border-radius: 2px;\n}\n\n.soi-onag-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-onag-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-onag-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-onag-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-onag-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-onag-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-onag-benefit {\n background: var(--soi-onag-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-onag-radius);\n border: 1px solid var(--soi-onag-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-onag-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-onag-shadow-md);\n}\n\n.soi-onag-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-onag-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-onag-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-onag-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-onag-benefit:hover .soi-onag-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-onag-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-onag-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-onag-benefit p {\n font-size: 13px;\n color: var(--soi-onag-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-onag-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-onag-card {\n background: var(--soi-onag-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-onag-radius);\n border-left: 3px solid var(--soi-onag-pomme);\n}\n\n.soi-onag-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-onag-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-onag-card p {\n font-size: 14px;\n color: var(--soi-onag-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-onag-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-onag-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-onag-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-onag-radius);\n border: 1px solid var(--soi-onag-line);\n align-items: flex-start;\n}\n\n.soi-onag-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-onag-marine);\n color: var(--soi-onag-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-onag-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-onag-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-onag-step-content p {\n font-size: 14px;\n color: var(--soi-onag-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-onag-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.25rem;\n}\n\n.soi-onag-accordion-item {\n background: var(--soi-onag-off-white);\n border-radius: var(--soi-onag-radius-sm);\n border: 1px solid var(--soi-onag-line);\n overflow: hidden;\n}\n\n.soi-onag-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-onag-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-onag-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-onag-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-onag-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-onag-accordion-item[open] .soi-onag-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-onag-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-onag-accordion-content p {\n font-size: 14px;\n color: var(--soi-onag-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-onag-cta-box {\n background: var(--soi-onag-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-onag-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-onag-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-onag-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-onag-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-onag-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-onag-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-onag-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-onag-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-onag-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-onag-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-onag-fiche {\n --soi-onag-text-soft: #2C3E50;\n --soi-onag-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Naturwaren","offers":[{"title":"Default Title","offer_id":61603574153546,"sku":"NA0035","price":21.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-onagre-reparatrice-3-dr-theiss-packshot.webp?v=1784730406"},{"product_id":"spray-argent-colloidal-20ppm-dr-theiss","title":"Spray Argent Colloïdal 20ppm – Dr.Theiss","description":"\n\u003cdiv class=\"soi-argc-fiche\"\u003e\n\n \u003csection class=\"soi-argc-hero\"\u003e\n \u003cdiv class=\"soi-argc-hero-tag\"\u003e\n \u003cspan class=\"soi-argc-tag-dot\"\u003e\u003c\/span\u003e\n Soin cutané · Dr. Theiss\n \u003c\/div\u003e\n \u003cspan class=\"soi-argc-hero-title\"\u003eSpray Argent Colloïdal 20 ppm\u003c\/span\u003e\n \u003cp class=\"soi-argc-hero-subtitle\"\u003eDeux ingrédients, zéro compromis : une solution pure d'eau purifiée et de microparticules d'argent pour apaiser, purifier et prendre soin de votre peau au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-argc-hero-labels\"\u003e\n \u003cspan class=\"soi-argc-label soi-argc-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-argc-label\"\u003e20 PPM\u003c\/span\u003e\n \u003cspan class=\"soi-argc-label\"\u003eSANS CONSERVATEUR\u003c\/span\u003e\n \u003cspan class=\"soi-argc-label\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003cspan class=\"soi-argc-label\"\u003eSANS ALCOOL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-argc-section\"\u003e\n \u003ch2\u003eQu'est-ce que l'argent colloïdal 20ppm et pourquoi cette concentration ?\u003c\/h2\u003e\n \u003cp\u003eL'argent colloïdal est une suspension de microparticules d'argent pur dans de l'eau ultra-purifiée. Contrairement aux solutions ioniques basiques, ce spray contient de véritables particules colloïdales obtenues selon un procédé conforme à la \u003cstrong\u003ePharmacopée Européenne\u003c\/strong\u003e, garantissant pureté, homogénéité et stabilité.\u003c\/p\u003e\n \u003cp\u003eLa concentration de \u003cstrong\u003e20 ppm\u003c\/strong\u003e (parties par million) offre un équilibre optimal entre efficacité et tolérance cutanée, même sur les peaux les plus réactives.\u003c\/p\u003e\n \u003cp\u003eAucun métal lourd (plomb, nickel, chrome) n'est présent dans la formule : le produit est contrôlé et certifié exempt de toute contamination indésirable.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-argc-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'argent colloïdal pour la peau\u003c\/h2\u003e\n \u003cdiv class=\"soi-argc-benefits\"\u003e\n \u003cdiv class=\"soi-argc-benefit\"\u003e\n \u003cdiv class=\"soi-argc-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction purifiante\u003c\/h3\u003e\n \u003cp\u003eAide à nettoyer la surface cutanée et à limiter la prolifération des impuretés, particulièrement utile sur les peaux à tendance acnéique ou irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argc-benefit\"\u003e\n \u003cdiv class=\"soi-argc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEffet apaisant\u003c\/h3\u003e\n \u003cp\u003eAppliqué sur une rougeur, une légère irritation ou une peau inconfortable, il contribue à calmer rapidement la zone concernée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argc-benefit\"\u003e\n \u003cdiv class=\"soi-argc-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation de surface\u003c\/h3\u003e\n \u003cp\u003eApporte un voile d'eau active sur la peau, idéal en brumisation après le soleil ou pour rafraîchir un teint terne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argc-benefit\"\u003e\n \u003cdiv class=\"soi-argc-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTolérance maximale\u003c\/h3\u003e\n \u003cp\u003eSans parfum, sans alcool, sans conservateur : convient aux peaux sensibles, aux peaux atopiques et même aux peaux d'enfants (sur avis parental).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-argc-section\"\u003e\n \u003ch2\u003eUtilisations pratiques : bien plus qu'un soin visage\u003c\/h2\u003e\n \u003cp class=\"soi-argc-section-intro\"\u003eCe spray polyvalent s'adapte à de nombreuses situations du quotidien :\u003c\/p\u003e\n \u003cdiv class=\"soi-argc-grid\"\u003e\n \u003cdiv class=\"soi-argc-card\"\u003e\n \u003ch3\u003e🌸 Visage\u003c\/h3\u003e\n \u003cp\u003eEn brume apaisante matin et soir, avant ou après vos soins habituels, pour rafraîchir et purifier votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argc-card\"\u003e\n \u003ch3\u003e👁️ Yeux et paupières\u003c\/h3\u003e\n \u003cp\u003eEn brumisation légère autour des yeux pour apaiser les paupières irritées. Évitez le contact direct avec l'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argc-card\"\u003e\n \u003ch3\u003e🩹 Petites imperfections\u003c\/h3\u003e\n \u003cp\u003eSur les rougeurs localisées, les légères irritations, ou la peau après rasage ou épilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argc-card\"\u003e\n \u003ch3\u003e🐾 Usage animal\u003c\/h3\u003e\n \u003cp\u003eUtilisable ponctuellement sur la peau de votre chien ou chat pour les petites irritations cutanées. Sans composants toxiques. Demandez conseil à votre vétérinaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-argc-section\"\u003e\n \u003ch2\u003eComposition et mode d'emploi du spray\u003c\/h2\u003e\n\n \u003cdiv class=\"soi-argc-compo\"\u003e\n \u003cdiv class=\"soi-argc-compo-row\"\u003e\n \u003cspan class=\"soi-argc-compo-label\"\u003eIngrédients\u003c\/span\u003e\n \u003cspan class=\"soi-argc-compo-value\"\u003eEau purifiée, Argent colloïdal 20 ppm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argc-compo-row\"\u003e\n \u003cspan class=\"soi-argc-compo-label\"\u003eConcentration\u003c\/span\u003e\n \u003cspan class=\"soi-argc-compo-value\"\u003e20 ppm (parties par million)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argc-compo-row\"\u003e\n \u003cspan class=\"soi-argc-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-argc-compo-value\"\u003e100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argc-compo-row\"\u003e\n \u003cspan class=\"soi-argc-compo-label\"\u003eForme\u003c\/span\u003e\n \u003cspan class=\"soi-argc-compo-value\"\u003eSpray (flacon en verre teinté)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argc-compo-row\"\u003e\n \u003cspan class=\"soi-argc-compo-label\"\u003eAdditifs\u003c\/span\u003e\n \u003cspan class=\"soi-argc-compo-value\"\u003eAucun conservateur, adjuvant ou allergène ajouté\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"height: 1.5rem;\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"soi-argc-timeline\"\u003e\n \u003cdiv class=\"soi-argc-step\"\u003e\n \u003cdiv class=\"soi-argc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-argc-step-content\"\u003e\n \u003ch3\u003eAgitez légèrement\u003c\/h3\u003e\n \u003cp\u003eSecouez doucement le flacon avant chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argc-step\"\u003e\n \u003cdiv class=\"soi-argc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-argc-step-content\"\u003e\n \u003ch3\u003eVaporisez\u003c\/h3\u003e\n \u003cp\u003ePulvérisez à une distance de 15 à 20 cm de la zone à traiter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argc-step\"\u003e\n \u003cdiv class=\"soi-argc-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-argc-step-content\"\u003e\n \u003ch3\u003eLaissez agir\u003c\/h3\u003e\n \u003cp\u003eLaissez sécher naturellement ou tamponnez doucement. Ne rincez pas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argc-step\"\u003e\n \u003cdiv class=\"soi-argc-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-argc-step-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003ePeut être utilisé plusieurs fois par jour selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"height: 1rem;\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"soi-argc-tip\"\u003e\n \u003cdiv class=\"soi-argc-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eConservez votre spray à l'abri de la lumière et de la chaleur dans son flacon en verre teinté protecteur. Son format 100 ml est pratique à glisser dans votre sac ou votre trousse de voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-argc-section\"\u003e\n \u003ch2\u003eArgent colloïdal en pharmacie vs. ce spray : quelle différence ?\u003c\/h2\u003e\n \u003cp\u003eOn trouve de l'argent colloïdal en pharmacie sous diverses formes et concentrations. Ce qui distingue le spray Dr. Theiss, c'est la \u003cstrong\u003etransparence totale de la formule\u003c\/strong\u003e, la \u003cstrong\u003efabrication française\u003c\/strong\u003e, et la concentration de \u003cstrong\u003e20 ppm réelle et vérifiée\u003c\/strong\u003e, là où certains produits affichent des concentrations surestimées.\u003c\/p\u003e\n \u003cp\u003eLe flacon en verre teinté préserve l'intégrité des particules d'argent, contrairement aux flacons plastique translucides qui peuvent altérer la qualité de la solution.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-argc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-argc-accordion\"\u003e\n \u003cdetails class=\"soi-argc-accordion-item\"\u003e\n \u003csummary class=\"soi-argc-accordion-header\"\u003e⚠️ Usage et limites\u003c\/summary\u003e\n \u003cdiv class=\"soi-argc-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cutané externe, pas un médicament. Il ne remplace en aucun cas un traitement médical prescrit. En cas de doute sur une affection cutanée, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-argc-accordion-item\"\u003e\n \u003csummary class=\"soi-argc-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"soi-argc-accordion-content\"\u003e\n \u003cp\u003eÉvitez le contact direct avec les yeux. En cas de projection, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-argc-accordion-item\"\u003e\n \u003csummary class=\"soi-argc-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"soi-argc-accordion-content\"\u003e\n \u003cp\u003eTenir hors de portée des enfants en bas âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-argc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-argc-cta-box\"\u003e\n \u003cp class=\"soi-argc-cta-tag\" style=\"color: white;\"\u003eDeux ingrédients, zéro compromis\u003c\/p\u003e\n \u003cp class=\"soi-argc-cta-text\" style=\"color: white;\"\u003eAvec seulement de l'eau purifiée et des microparticules d'argent, offrez à votre peau un réflexe naturel pour l'apaiser, la purifier et la chouchouter au quotidien. Simple, efficace, honnê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-argc-marine: #1A2D3D;\n --soi-argc-marine-dark: #0F1E2B;\n --soi-argc-marine-light: #2C4458;\n --soi-argc-pomme: #A1C544;\n --soi-argc-pomme-dark: #84A636;\n --soi-argc-pomme-light: rgba(161,197,68,0.10);\n\n --soi-argc-white: #FFFFFF;\n --soi-argc-off-white: #F8FAF6;\n --soi-argc-stone: #F1F3EE;\n --soi-argc-line: #E5E8E0;\n\n --soi-argc-primary: #4A4A4A;\n --soi-argc-primary-soft: #6B6B6B;\n --soi-argc-accent: #A8B5D4;\n\n --soi-argc-text: #1A2D3D;\n --soi-argc-text-soft: #4A5B6B;\n --soi-argc-text-muted: #7B8693;\n\n --soi-argc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-argc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-argc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-argc-radius: 12px;\n --soi-argc-radius-sm: 8px;\n --soi-argc-radius-pill: 999px;\n}\n\n.soi-argc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-argc-fiche img { max-width: 100%; height: auto; }\n\n.soi-argc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-argc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-argc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-argc-hero {\n position: relative;\n background: var(--soi-argc-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-argc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-argc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-argc-pomme);\n}\n\n.soi-argc-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-argc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-argc-pomme);\n border-radius: 50%;\n}\n\n.soi-argc-hero-title {\n display: block;\n color: var(--soi-argc-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-argc-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-argc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-argc-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-argc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-argc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-argc-label-accent {\n background: var(--soi-argc-pomme);\n border-color: var(--soi-argc-pomme);\n color: var(--soi-argc-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-argc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-argc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-argc-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-argc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-argc-pomme);\n border-radius: 2px;\n}\n\n.soi-argc-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-argc-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-argc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-argc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-argc-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-argc-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-argc-benefit {\n background: var(--soi-argc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-argc-radius);\n border: 1px solid var(--soi-argc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-argc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-argc-shadow-md);\n}\n\n.soi-argc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-argc-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-argc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-argc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-argc-benefit:hover .soi-argc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-argc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-argc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-argc-benefit p {\n font-size: 13px;\n color: var(--soi-argc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-argc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-argc-card {\n background: var(--soi-argc-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-argc-radius);\n border-left: 3px solid var(--soi-argc-pomme);\n}\n\n.soi-argc-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-argc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-argc-card p {\n font-size: 14px;\n color: var(--soi-argc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-argc-compo {\n background: var(--soi-argc-off-white);\n border-radius: var(--soi-argc-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-argc-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-argc-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-argc-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-argc-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-argc-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-argc-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-argc-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-argc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-argc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-argc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-argc-radius);\n border: 1px solid var(--soi-argc-line);\n align-items: flex-start;\n}\n\n.soi-argc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-argc-marine);\n color: var(--soi-argc-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-argc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-argc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-argc-step-content p {\n font-size: 14px;\n color: var(--soi-argc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-argc-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-argc-pomme-light);\n border-left: 4px solid var(--soi-argc-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-argc-radius) var(--soi-argc-radius) 0;\n align-items: flex-start;\n}\n\n.soi-argc-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-argc-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-argc-marine);\n margin-bottom: 4px;\n}\n\n.soi-argc-tip p {\n font-size: 14px;\n color: var(--soi-argc-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-argc-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-argc-accordion-item {\n background: var(--soi-argc-off-white);\n border-radius: var(--soi-argc-radius-sm);\n border: 1px solid var(--soi-argc-line);\n overflow: hidden;\n}\n\n.soi-argc-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-argc-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-argc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-argc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-argc-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-argc-accordion-item[open] .soi-argc-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-argc-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-argc-accordion-content p {\n font-size: 14px;\n color: var(--soi-argc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-argc-cta-box {\n background: var(--soi-argc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-argc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-argc-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-argc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-argc-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-argc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-argc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-argc-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-argc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-argc-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-argc-compo-value {\n text-align: left;\n }\n\n .soi-argc-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-argc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-argc-fiche {\n --soi-argc-text-soft: #2C3E50;\n --soi-argc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Naturwaren","offers":[{"title":"Default Title","offer_id":61603574415690,"sku":"NA0046","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-argent-colloidal-20ppm-drtheiss-packshot.webp?v=1779192008"},{"product_id":"spray-solaire-spf-50-certifie-bio-acorelle","title":"Spray Solaire SPF 50 Bio – Acorelle","description":"\n\n\u003cdiv class=\"soi-spray-fiche\"\u003e\n\n \u003csection class=\"soi-spray-hero\"\u003e\n \u003cdiv class=\"soi-spray-hero-tag\"\u003e\n \u003cspan class=\"soi-spray-tag-dot\"\u003e\u003c\/span\u003e\n Protection solaire · Acorelle\n \u003c\/div\u003e\n \u003cspan class=\"soi-spray-hero-title\"\u003eSpray Solaire SPF 50 Certifié Bio\u003c\/span\u003e\n \u003cp class=\"soi-spray-hero-subtitle\"\u003eHaute protection minérale, texture invisible et formule respectueuse des océans. Élu meilleure crème solaire bio par 60 Millions de Consommateurs. Pour les peaux sensibles, adultes et enfants dès 3 ans.\u003c\/p\u003e\n \u003cdiv class=\"soi-spray-hero-labels\"\u003e\n \u003cspan class=\"soi-spray-label soi-spray-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-spray-label\"\u003eSPF 50\u003c\/span\u003e\n \u003cspan class=\"soi-spray-label\"\u003eOCEAN RESPECT\u003c\/span\u003e\n \u003cspan class=\"soi-spray-label\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003cspan class=\"soi-spray-label\"\u003ePEAUX SENSIBLES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-spray-section\"\u003e\n \u003ch2\u003ePourquoi ce spray solaire minéral SPF 50 se distingue de la concurrence ?\u003c\/h2\u003e\n \u003cp\u003eLà où d'autres sprays solaires haute protection laissent une sensation grasse ou un voile blanc difficile à estomper, la formule d'Acorelle joue une carte différente : un filtre minéral d'origine 100 % naturelle qui agit en surface, sans jamais pénétrer la barrière cutanée. Résultat : une protection immédiate contre les rayons UVA et UVB, une texture fluide qui s'étale en quelques secondes, et aucune trace visible sur la peau.\u003c\/p\u003e\n \u003cp\u003eC'est exactement ce que vous attendez d'un spray solaire invisible SPF 50 : efficace, discret, agréable au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-spray-section\"\u003e\n \u003ch2\u003eLes actifs clés de la formule Acorelle\u003c\/h2\u003e\n \u003cdiv class=\"soi-spray-grid\"\u003e\n \u003cdiv class=\"soi-spray-card\"\u003e\n \u003ch3\u003e🌿 Filtre minéral naturel (Dioxyde de titane)\u003c\/h3\u003e\n \u003cp\u003eReste en surface de la peau, réfléchit les UV sans interaction chimique avec l'épiderme. Idéal pour les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spray-card\"\u003e\n \u003ch3\u003e🐝 Api Oléo Actif™ (pollen et propolis bio)\u003c\/h3\u003e\n \u003cp\u003eComplexe breveté antioxydant qui neutralise les radicaux libres générés par l'exposition solaire. Votre peau vieillit moins vite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spray-card\"\u003e\n \u003ch3\u003e🌱 Huile de Karanja bio\u003c\/h3\u003e\n \u003cp\u003eIssue de la médecine ayurvédique, elle renforce les propriétés antioxydantes et hydratantes. La peau reste nourrie après le soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spray-card\"\u003e\n \u003ch3\u003e🌊 Formule biodégradable Ocean Respect\u003c\/h3\u003e\n \u003cp\u003eSans oxybenzone, sans dérivés pétrochimiques. Le filtre reste en surface de l'eau, préservant récifs coralliens et écosystèmes marins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-spray-section\"\u003e\n \u003ch2\u003eComment appliquer votre spray solaire SPF 50 correctement ?\u003c\/h2\u003e\n \u003cp class=\"soi-spray-section-intro\"\u003eMême le meilleur spray solaire haute protection SPF 50 ne sera efficace que bien appliqué. Voici les gestes à adopter :\u003c\/p\u003e\n \u003cdiv class=\"soi-spray-timeline\"\u003e\n \u003cdiv class=\"soi-spray-step\"\u003e\n \u003cdiv class=\"soi-spray-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-spray-step-content\"\u003e\n \u003ch3\u003eAppliquez 20 minutes avant l'exposition\u003c\/h3\u003e\n \u003cp\u003eSur peau sèche et propre, visage et corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spray-step\"\u003e\n \u003cdiv class=\"soi-spray-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-spray-step-content\"\u003e\n \u003ch3\u003eRéappliquez toutes les 2 heures\u003c\/h3\u003e\n \u003cp\u003eAprès chaque baignade ou transpiration importante, même si le spray résiste à l'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spray-step\"\u003e\n \u003cdiv class=\"soi-spray-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-spray-step-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eAvant chaque utilisation pour homogénéiser la formule et garantir une application uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spray-step\"\u003e\n \u003cdiv class=\"soi-spray-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-spray-step-content\"\u003e\n \u003ch3\u003eÉvitez les heures les plus chaudes\u003c\/h3\u003e\n \u003cp\u003eEntre 12h et 16h : aucune protection solaire, aussi haute soit-elle, ne remplace les bons réflexes au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-spray-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"soi-spray-compo\"\u003e\n \u003cdiv class=\"soi-spray-compo-row\"\u003e\n \u003cspan class=\"soi-spray-compo-label\"\u003eProtection\u003c\/span\u003e\n \u003cspan class=\"soi-spray-compo-value\"\u003eSPF 50 (UVA + UVB)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spray-compo-row\"\u003e\n \u003cspan class=\"soi-spray-compo-label\"\u003eType de filtre\u003c\/span\u003e\n \u003cspan class=\"soi-spray-compo-value\"\u003eMinéral d'origine 100 % naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spray-compo-row\"\u003e\n \u003cspan class=\"soi-spray-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-spray-compo-value\"\u003eCOSMOS Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spray-compo-row\"\u003e\n \u003cspan class=\"soi-spray-compo-label\"\u003eForme\u003c\/span\u003e\n \u003cspan class=\"soi-spray-compo-value\"\u003eSpray\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spray-compo-row\"\u003e\n \u003cspan class=\"soi-spray-compo-label\"\u003eZone d'application\u003c\/span\u003e\n \u003cspan class=\"soi-spray-compo-value\"\u003eVisage et corps\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spray-accordion\" style=\"margin-top: 1rem;\"\u003e\n \u003cdetails class=\"soi-spray-accordion-item\"\u003e\n \u003csummary class=\"soi-spray-accordion-header\"\u003e🧪 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-spray-accordion-content\"\u003e\n \u003cp\u003eAqua, Titanium Dioxide, Caprylic\/Capric Triglyceride, Glycerin, Pentylene Glycol, Pongamia Glabra Seed Oil (Karanja bio), Butyrospermum Parkii Butter, Cetearyl Alcohol, Sodium Stearoyl Glutamate, Xanthan Gum, Propolis Cera (Propolis bio), Pollen Extract (Pollen bio), Tocopherol, Citric Acid. \u003cem\u003eIngrédients susceptibles de varier, référez-vous à l'étiquetage du produit.\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-spray-section\"\u003e\n \u003ch2\u003ePour qui est fait ce spray solaire bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-spray-grid\"\u003e\n \u003cdiv class=\"soi-spray-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eFormulé pour les peaux intolérantes aux filtres chimiques, sans parfum et sans oxybenzone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spray-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Adultes et enfants dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eUn spray convenant à toute la famille, adapté aux peaux fragiles des plus jeunes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spray-card\"\u003e\n \u003ch3\u003e✨ Adeptes d'un fini invisible\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un spray solaire SPF 50 sans effet masque ? La texture fluide s'estompe en quelques secondes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spray-card\"\u003e\n \u003ch3\u003e🌍 Amoureux de la nature\u003c\/h3\u003e\n \u003cp\u003eSoucieux de l'impact de votre cosmétique sur les océans, vous adoptez une formule biodégradable labellisée Ocean Respect.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spray-card\"\u003e\n \u003ch3\u003e☀️ Visage et corps, toute l'année\u003c\/h3\u003e\n \u003cp\u003eÉté comme hiver, mer comme montagne, ce spray vous accompagne partout où le soleil vous suit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-spray-section\"\u003e\n \u003cdiv class=\"soi-spray-accordion\"\u003e\n \u003cdetails class=\"soi-spray-accordion-item\"\u003e\n \u003csummary class=\"soi-spray-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-spray-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin solaire cosmétique. Il ne constitue pas un traitement médical. Consultez un dermatologue en cas de doute sur votre type de peau ou votre sensibilité au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-spray-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-spray-cta-box\"\u003e\n \u003cp class=\"soi-spray-cta-tag\" style=\"color: white;\"\u003eSe protéger naturellement\u003c\/p\u003e\n \u003cp class=\"soi-spray-cta-text\" style=\"color: white;\"\u003eProtéger votre peau sans compromis, c'est exactement ce que vous propose Acorelle. Texture invisible, formule minérale naturelle, engagement pour les océans : profitez du soleil l'esprit léger, en prenant 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-spray-marine: #1A2D3D;\n --soi-spray-marine-dark: #0F1E2B;\n --soi-spray-marine-light: #2C4458;\n --soi-spray-pomme: #A1C544;\n --soi-spray-pomme-dark: #84A636;\n --soi-spray-pomme-light: rgba(161,197,68,0.10);\n --soi-spray-white: #FFFFFF;\n --soi-spray-off-white: #F8FAF6;\n --soi-spray-stone: #F1F3EE;\n --soi-spray-line: #E5E8E0;\n --soi-spray-primary: #F5A623;\n --soi-spray-primary-soft: #FDF0D5;\n --soi-spray-accent: #E8941A;\n --soi-spray-text: #1A2D3D;\n --soi-spray-text-soft: #4A5B6B;\n --soi-spray-text-muted: #7B8693;\n --soi-spray-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-spray-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-spray-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-spray-radius: 12px;\n --soi-spray-radius-sm: 8px;\n --soi-spray-radius-pill: 999px;\n}\n\n.soi-spray-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-spray-fiche img { max-width: 100%; height: auto; }\n\n.soi-spray-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-spray-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-spray-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-spray-hero {\n position: relative;\n background: var(--soi-spray-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-spray-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-spray-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-spray-primary);\n}\n\n.soi-spray-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-spray-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-spray-primary);\n border-radius: 50%;\n}\n\n.soi-spray-hero-title {\n display: block;\n color: var(--soi-spray-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-spray-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: 620px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-spray-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-spray-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-spray-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-spray-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-spray-label-accent {\n background: var(--soi-spray-primary);\n border-color: var(--soi-spray-primary);\n color: var(--soi-spray-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-spray-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-spray-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-spray-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-spray-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-spray-primary);\n border-radius: 2px;\n}\n\n.soi-spray-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-spray-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-spray-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-spray-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-spray-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-spray-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-spray-card {\n background: var(--soi-spray-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-spray-radius);\n border-left: 3px solid var(--soi-spray-primary);\n}\n\n.soi-spray-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-spray-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-spray-card p {\n font-size: 14px;\n color: var(--soi-spray-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-spray-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-spray-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-spray-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-spray-radius);\n border: 1px solid var(--soi-spray-line);\n align-items: flex-start;\n}\n\n.soi-spray-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-spray-marine);\n color: var(--soi-spray-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-spray-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-spray-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-spray-step-content p {\n font-size: 14px;\n color: var(--soi-spray-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-spray-compo {\n background: var(--soi-spray-off-white);\n border-radius: var(--soi-spray-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-spray-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-spray-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-spray-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-spray-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-spray-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-spray-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-spray-marine);\n text-align: right;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-spray-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-spray-accordion-item {\n background: var(--soi-spray-off-white);\n border-radius: var(--soi-spray-radius-sm);\n border: 1px solid var(--soi-spray-line);\n overflow: hidden;\n}\n\n.soi-spray-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-spray-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-spray-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-spray-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-spray-primary);\n transition: transform 0.2s ease;\n}\n\n.soi-spray-accordion-item[open] .soi-spray-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-spray-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-spray-accordion-content p {\n font-size: 14px;\n color: var(--soi-spray-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-spray-cta-box {\n background: var(--soi-spray-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-spray-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-spray-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-spray-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-spray-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-spray-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-spray-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-spray-white);\n line-height: 1.4;\n margin: 0;\n max-width: 620px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-spray-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-spray-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-spray-compo-value {\n text-align: left;\n }\n\n .soi-spray-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-spray-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-spray-fiche {\n --soi-spray-text-soft: #2C3E50;\n --soi-spray-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Acorelle","offers":[{"title":"Default Title","offer_id":61603584082250,"sku":"LL0055","price":26.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-solaire-spf-50-certifie-bio-acorelle-packshot.webp?v=1779188003"},{"product_id":"savon-dalep-a-la-rose-de-damas-bio-najel","title":"Savon d'Alep à la rose de Damas bio – Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène \u0026amp; soin · Najel Méditerranée\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep à la rose de Damas bio\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003ePurifiant, nourrissant et naturel : un soin ancestral enrichi à l'eau florale de rose de Damas certifiée bio, pour le visage, le corps et les cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS SILICONES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSAVON SOLIDE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Qu'est-ce que le savon d'Alep ? Un savoir-faire vieux de 3 000 ans --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eQu'est-ce que le savon d'Alep ? Un savoir-faire vieux de 3 000 ans\u003c\/h2\u003e\n \u003cp\u003eOriginaire de la ville d'Alep en Syrie, le savon d'Alep est considéré comme l'un des premiers savons solides jamais fabriqués. Sa recette repose sur deux huiles emblématiques de la région méditerranéenne : l'huile d'olive et l'huile de baies de laurier.\u003c\/p\u003e\n \u003cp\u003eNajel perpétue ce savoir-faire artisanal en y intégrant des actifs naturels soigneusement sélectionnés, comme ici l'eau florale de rose de Damas bio, pour répondre aux besoins contemporains de votre peau.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition du savon d'Alep Najel rose de Damas bio --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel rose de Damas bio\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLa force de ce savon réside dans la qualité et la simplicité de ses ingrédients.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels et en antioxydants (vitamine E), elle nourrit et protège la peau des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eL'actif signature du savon d'Alep. Reconnue pour ses vertus apaisantes, purifiantes et désinfectantes, elle est particulièrement précieuse pour les peaux irritées, acnéiques ou sujettes à l'eczéma ou au psoriasis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌹 Eau florale de rose de Damas bio\u003c\/h3\u003e\n \u003cp\u003eAstringente naturelle, elle resserre les pores, tonifie la peau et contribue à son renouvellement cellulaire. Son parfum délicat et floral est un vrai bonheur sensoriel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e🧼\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormulé dans le respect de votre peau\u003c\/strong\u003e\n \u003cp\u003eSans silicone, sans parabène, sans colorant artificiel. Une composition pure et respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Bienfaits du savon d'Alep à la rose de Damas : ce qu'il fait concrètement pour votre peau --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eBienfaits du savon d'Alep à la rose de Damas : ce qu'il fait concrètement pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePurifie en profondeur\u003c\/h3\u003e\n \u003cp\u003eIdéal pour nettoyer le visage sans agresser la barrière cutanée, il élimine impuretés et excès de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaise les peaux réactives\u003c\/h3\u003e\n \u003cp\u003eLes propriétés apaisantes de l'huile de baies de laurier soulagent les rougeurs, démangeaisons et inconforts liés à l'eczéma ou au psoriasis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydrate et régénère\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive et la rose de Damas agissent en synergie pour préserver le film hydrolipidique et favoriser le renouvellement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUtilisation polyvalente\u003c\/h3\u003e\n \u003cp\u003eVisage, corps, cheveux : un seul savon pour toute votre routine, même quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum naturel et enveloppant\u003c\/h3\u003e\n \u003cp\u003eLa rose de Damas diffuse un sillage floral discret et authentique, loin des parfums synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser le savon d'Alep Najel au quotidien ? --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep Najel au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos paumes ou directement sur une peau humide. Appliquez en massages circulaires doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. Pour le visage, évitez les frottements excessifs et terminez par une eau froide pour refermer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eConservez au sec\u003c\/h3\u003e\n \u003cp\u003eEntre deux utilisations, laissez le savon sécher à l'air libre sur un porte-savon drainant pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Avis dermatologue et peaux sensibles : le savon d'Alep est-il recommandé ? --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eAvis dermatologue et peaux sensibles : le savon d'Alep est-il recommandé ?\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep est souvent cité par les dermatologues comme une alternative douce aux savons surgras classiques, notamment pour les peaux atopiques ou réactives. Sa composition minimaliste, sans perturbateurs endocriniens ni conservateurs agressifs, en fait un choix pertinent pour les personnes cherchant à simplifier leur routine tout en prenant soin de leur peau efficacement.\u003c\/p\u003e\n \u003cp\u003eIl ne remplace pas un traitement médical prescrit, mais peut s'intégrer dans une routine apaisante au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Informations pratiques --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eNajel Méditerranée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSavon solide\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eTous types, peaux sensibles, mixtes, à imperfections\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eRose de Damas certifiée bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eParabènes, silicones, colorants artificiels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eUn geste ancestral, chaque matin\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eUne composition pure, un parfum floral envoûtant et une peau visiblement plus nette, apaisée et lumineuse. Prendre soin de vous, aussi simplement et naturellement que cela.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n\n --soi-alep-primary: #C47A7A;\n --soi-alep-primary-soft: #E8B5B0;\n --soi-alep-accent: #8B6D4A;\n\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603632611658,"sku":"NJ0060","price":2.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-a-la-rose-de-damas-bio-najel-packshot.webp?v=1779627736"},{"product_id":"savon-dalep-au-jasmin-bio-najel","title":"Savon d'Alep au jasmin bio – Najel","description":"\n\u003cdiv class=\"soi-jasp-fiche\"\u003e\n\n \u003csection class=\"soi-jasp-hero\"\u003e\n \u003cdiv class=\"soi-jasp-hero-tag\"\u003e\n \u003cspan class=\"soi-jasp-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-jasp-hero-title\"\u003eSavon d'Alep au jasmin bio\u003c\/span\u003e\n \u003cp class=\"soi-jasp-hero-subtitle\"\u003eUn savoir-faire millénaire enrichi à l'eau florale de jasmin bio pour un soin revitalisant du visage, du corps et des cheveux, adapté à tous les types de peaux.\u003c\/p\u003e\n \u003cdiv class=\"soi-jasp-hero-labels\"\u003e\n \u003cspan class=\"soi-jasp-label soi-jasp-label-accent\"\u003eJASMIN BIO\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-label\"\u003e100 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eSavon d'Alep au jasmin bio Najel : le soin revitalisant à l'ancienne\u003c\/h2\u003e\n \u003cp\u003eIl existe des savons que l'on garde toute la vie. Le savon d'Alep au jasmin bio de Najel en fait partie. Né d'un savoir-faire vieux de plus de 3 000 ans, perfectionné par des artisans syriens de génération en génération, ce savon naturel allie la richesse de l'huile d'olive, la puissance de l'huile de baies de laurier et la douceur florale de l'eau de jasmin bio. Le résultat : un soin complet pour le visage, le corps et les cheveux, adapté à tous les types de peaux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003ePourquoi ce savon d'Alep est différent\u003c\/h2\u003e\n \u003cp\u003eContrairement à un simple savon surgras, le savon d'Alep repose sur une recette unique : une cuisson lente des huiles à l'eau chaude, suivie d'un séchage naturel en entrepôt pendant \u003cstrong\u003eneuf mois minimum\u003c\/strong\u003e. C'est ce repos prolongé qui lui confère sa texture dense, son cœur vert caractéristique et son efficacité reconnue, y compris par les dermatologues pour les peaux réactives.\u003c\/p\u003e\n \u003cp\u003eLa version au jasmin bio de Najel va plus loin : l'eau florale de jasmin intégrée à la formule apporte des propriétés revitalisantes supplémentaires et un parfum floral subtil qui transforme chaque douche en un vrai moment de bien-être.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"soi-jasp-compo\"\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eHuile d'olive (Olea Europaea Fruit Oil)\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003eBase nourrissante et protectrice, riche en acides gras essentiels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eHuile de baies de laurier (Laurus Nobilis Fruit Oil)\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003ePurifiante et régénérante, idéale pour les peaux à tendance acnéique, eczémateuse ou sujettes au psoriasis\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eEau florale de jasmin bio (Jasminum Officinale Flower Water)\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003eApaisante, revitalisante, délicatement parfumée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eHydroxyde de sodium\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003eAgent saponifiant naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eEau\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003eSolvant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-tip\"\u003e\n \u003cdiv class=\"soi-jasp-tip-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormule 100 % naturelle\u003c\/strong\u003e\n \u003cp\u003eSans conservateur synthétique, sans sulfate, sans paraben, sans colorant artificiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"soi-jasp-benefits\"\u003e\n \u003cdiv class=\"soi-jasp-benefit\"\u003e\n \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage en profondeur\u003c\/h3\u003e\n \u003cp\u003eÉlimine impuretés et excès de sébum tout en respectant le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-benefit\"\u003e\n \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation durable\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive pénètre les couches supérieures de l'épiderme et limite la perte en eau, même sur peau sèche ou déshydratée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-benefit\"\u003e\n \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement des peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eRecommandé par de nombreux dermatologues comme alternative douce aux nettoyants conventionnels pour les peaux atopiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-benefit\"\u003e\n \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTeint revitalisé\u003c\/h3\u003e\n \u003cp\u003eLe jasmin bio stimule l'éclat naturel de la peau et atténue la sensation de fatigue cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-grid\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-jasp-card\"\u003e\n \u003ch3\u003e💆 Utilisable sur le corps et les cheveux\u003c\/h3\u003e\n \u003cp\u003eNettoie le cuir chevelu en douceur, réduit les démangeaisons et apporte de la légèreté aux cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep au jasmin bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-jasp-timeline\"\u003e\n \u003cdiv class=\"soi-jasp-step\"\u003e\n \u003cdiv class=\"soi-jasp-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez le savon entre vos mains mouillées pour former une mousse crémeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step\"\u003e\n \u003cdiv class=\"soi-jasp-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step-content\"\u003e\n \u003ch3\u003eAppliquez et massez\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le visage, le corps ou les cheveux en massant délicatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step\"\u003e\n \u003cdiv class=\"soi-jasp-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. Pour les peaux très sensibles, commencez par une utilisation trois fois par semaine avant d'adopter un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-jasp-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePosez le savon sur un porte-savon aéré entre chaque utilisation pour prolonger sa durée de vie. Un pain correctement entretenu dure plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eCe que disent les utilisateurs (et les dermatologues)\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep bénéficie d'un avis dermatologique globalement très positif : sa composition simple, sans allergènes majeurs, en fait un choix de référence pour les peaux à problèmes. Les utilisateurs témoignent d'une peau plus douce dès les premières semaines, d'une réduction des rougeurs et d'un confort retrouvé, même en hiver.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003cdiv class=\"soi-jasp-accordion\"\u003e\n \u003cdetails class=\"soi-jasp-accordion-item\"\u003e\n \u003csummary class=\"soi-jasp-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-jasp-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne remplace pas un traitement médical prescrit par un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-jasp-cta-box\"\u003e\n \u003cp class=\"soi-jasp-cta-tag\" style=\"color: white;\"\u003eUn geste artisanal, un parfum floral, une tradition millénaire\u003c\/p\u003e\n \u003cp class=\"soi-jasp-cta-text\" style=\"color: white;\"\u003eAvec Najel, vous choisissez une formule pure et un savoir-faire ancestral. Le jasmin bio fait du bien à la peau autant qu'à l'âme. La tradition au service de votre quotidien, tout simplement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-jasp-marine: #1A2D3D;\n --soi-jasp-marine-dark: #0F1E2B;\n --soi-jasp-marine-light: #2C4458;\n --soi-jasp-pomme: #A1C544;\n --soi-jasp-pomme-dark: #84A636;\n --soi-jasp-pomme-light: rgba(161,197,68,0.10);\n --soi-jasp-white: #FFFFFF;\n --soi-jasp-off-white: #F8FAF6;\n --soi-jasp-stone: #F1F3EE;\n --soi-jasp-line: #E5E8E0;\n --soi-jasp-primary: #B5A44A;\n --soi-jasp-primary-soft: #D4C98A;\n --soi-jasp-accent: #8A7A3E;\n --soi-jasp-text: #1A2D3D;\n --soi-jasp-text-soft: #4A5B6B;\n --soi-jasp-text-muted: #7B8693;\n --soi-jasp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-jasp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-jasp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-jasp-radius: 12px;\n --soi-jasp-radius-sm: 8px;\n --soi-jasp-radius-pill: 999px;\n}\n\n.soi-jasp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-jasp-fiche img { max-width: 100%; height: auto; }\n\n.soi-jasp-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-jasp-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-jasp-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-jasp-hero {\n position: relative;\n background: var(--soi-jasp-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-jasp-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-jasp-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-jasp-pomme);\n}\n\n.soi-jasp-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-jasp-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-jasp-pomme);\n border-radius: 50%;\n}\n\n.soi-jasp-hero-title {\n display: block;\n color: var(--soi-jasp-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-jasp-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-jasp-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-jasp-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-jasp-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-jasp-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-jasp-label-accent {\n background: var(--soi-jasp-pomme);\n border-color: var(--soi-jasp-pomme);\n color: var(--soi-jasp-marine);\n font-weight: 600;\n}\n\n.soi-jasp-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-jasp-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-jasp-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-jasp-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-jasp-pomme);\n border-radius: 2px;\n}\n\n.soi-jasp-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-jasp-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-jasp-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-jasp-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-jasp-benefit {\n background: var(--soi-jasp-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-jasp-radius);\n border: 1px solid var(--soi-jasp-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-jasp-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-jasp-shadow-md);\n}\n\n.soi-jasp-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-jasp-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-jasp-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-jasp-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-jasp-benefit:hover .soi-jasp-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-jasp-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-jasp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-jasp-benefit p {\n font-size: 13px;\n color: var(--soi-jasp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-jasp-card {\n background: var(--soi-jasp-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-jasp-radius);\n border-left: 3px solid var(--soi-jasp-pomme);\n}\n\n.soi-jasp-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-jasp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-jasp-card p {\n font-size: 14px;\n color: var(--soi-jasp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-compo {\n background: var(--soi-jasp-off-white);\n border-radius: var(--soi-jasp-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-jasp-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-jasp-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-jasp-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-jasp-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-jasp-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-jasp-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-jasp-marine);\n text-align: right;\n}\n\n.soi-jasp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-jasp-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-jasp-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-jasp-radius);\n border: 1px solid var(--soi-jasp-line);\n align-items: flex-start;\n}\n\n.soi-jasp-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-jasp-marine);\n color: var(--soi-jasp-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-jasp-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-jasp-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-jasp-step-content p {\n font-size: 14px;\n color: var(--soi-jasp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-jasp-pomme-light);\n border-left: 4px solid var(--soi-jasp-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-jasp-radius) var(--soi-jasp-radius) 0;\n align-items: flex-start;\n}\n\n.soi-jasp-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-jasp-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-jasp-marine);\n margin-bottom: 4px;\n}\n\n.soi-jasp-tip p {\n font-size: 14px;\n color: var(--soi-jasp-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-jasp-accordion-item {\n background: var(--soi-jasp-off-white);\n border-radius: var(--soi-jasp-radius-sm);\n border: 1px solid var(--soi-jasp-line);\n overflow: hidden;\n}\n\n.soi-jasp-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-jasp-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-jasp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-jasp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-jasp-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-jasp-accordion-item[open] .soi-jasp-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-jasp-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-jasp-accordion-content p {\n font-size: 14px;\n color: var(--soi-jasp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-cta-box {\n background: var(--soi-jasp-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-jasp-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-jasp-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-jasp-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-jasp-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-jasp-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-jasp-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-jasp-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-jasp-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-jasp-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-jasp-compo-value {\n text-align: left;\n }\n\n .soi-jasp-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-jasp-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-jasp-fiche {\n --soi-jasp-text-soft: #2C3E50;\n --soi-jasp-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603634053450,"sku":"NJ0065","price":2.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-au-jasmin-bio-najel-packshot.webp?v=1780560452"},{"product_id":"savon-dalep-a-lhuile-de-nigelle-najel","title":"Savon d'Alep à l'huile de nigelle – Najel","description":"\n\u003cdiv class=\"soi-nige-fiche\"\u003e\n\n \u003csection class=\"soi-nige-hero\"\u003e\n \u003cdiv class=\"soi-nige-hero-tag\"\u003e\n \u003cspan class=\"soi-nige-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-nige-hero-title\"\u003eSavon d'Alep à l'huile de nigelle\u003c\/span\u003e\n \u003cp class=\"soi-nige-hero-subtitle\"\u003eUn savon solide apaisant et régénérant, héritier de 3 000 ans de savoir-faire syrien, enrichi à l'huile de nigelle pressée à froid pour les peaux sensibles et irritées.\u003c\/p\u003e\n \u003cdiv class=\"soi-nige-hero-labels\"\u003e\n \u003cspan class=\"soi-nige-label soi-nige-label-accent\"\u003e100% NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003eSANS PARFUM AJOUTÉ\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003eSANS COLORANT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003ePourquoi le savon d'Alep est-il si différent des autres savons ?\u003c\/h2\u003e\n \u003cp\u003eConsidéré comme l'un des plus anciens savons du monde, le savon d'Alep est fabriqué selon un procédé artisanal transmis depuis plus de 3 000 ans dans la région de la ville d'Alep, en Syrie. Sa base d'huile d'olive saponifiée le rend naturellement doux, sans détergent synthétique ni sulfate.\u003c\/p\u003e\n \u003cp\u003eÀ la différence d'un savon industriel classique, il respecte le film hydrolipidique de la peau et convient même aux peaux les plus réactives. Vous retrouvez ici un soin authentique, ancré dans une tradition millénaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eLa force de ce savon : trois huiles complémentaires\u003c\/h2\u003e\n \u003cp class=\"soi-nige-section-intro\"\u003eCe savon d'Alep réunit trois huiles aux vertus complémentaires pour offrir à votre peau un soin complet et respectueux.\u003c\/p\u003e\n \u003cdiv class=\"soi-nige-benefits\"\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive\u003c\/h3\u003e\n \u003cp\u003eNourrit et adoucit la peau en profondeur. Elle forme un voile protecteur qui limite la déshydratation cutanée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eActive caractéristique du savon d'Alep authentique. Elle apaise les irritations, assainit les pores et soutient la régénération cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de nigelle\u003c\/h3\u003e\n \u003cp\u003eRiche en thymoquinone et acides gras essentiels, elle apporte des propriétés apaisantes et contribue à la régénération des peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003ePour qui est ce savon au nigelle ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-grid\"\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eLa douceur de l'huile d'olive combinée à la nigelle calme les tiraillements et les rougeurs au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e🩹 Peaux sujettes à l'eczéma ou au psoriasis\u003c\/h3\u003e\n \u003cp\u003eLes propriétés apaisantes et rééquilibrantes de l'huile de nigelle en font un allié du quotidien, sans se substituer à un suivi médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e✨ Peaux mixtes ou à tendance acnéique\u003c\/h3\u003e\n \u003cp\u003eL'huile de baies de laurier assainit les pores sans agresser la peau ni perturber son équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eUtilisable sur le visage, le corps, et même en shampoing solide doux pour un rituel de soin complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep sur le visage et le corps ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-timeline\"\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eHumidifiez votre peau ou vos cheveux avec de l'eau tiède pour ouvrir les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez le savon entre vos mains mouillées pour former une mousse onctueuse, puis appliquez en massages circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire et séchez en tamponnant délicatement avec une serviette propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eConservez\u003c\/h3\u003e\n \u003cp\u003eConservez le savon à l'abri de l'eau entre chaque utilisation pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-tip\"\u003e\n \u003cdiv class=\"soi-nige-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePosez votre savon d'Alep sur un porte-savon ajouré afin qu'il sèche correctement entre chaque usage. Vous prolongerez ainsi considérablement sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep à l'huile de nigelle Najel\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-compo\"\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eIngrédients (INCI)\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eSodium Olivate, Sodium Laurate, Aqua, Nigella Sativa Seed Oil, Sodium Hydroxide, Sodium Chloride\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003e100% naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eConservateur synthétique, colorant artificiel, parfum ajouté\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eProcédé traditionnel artisanal d'Alep\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-grid-compact\"\u003e\n \u003cdiv class=\"soi-nige-card-mini\"\u003e\n \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-value\"\u003eNajel, Rêve d'Orient\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card-mini\"\u003e\n \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-value\"\u003eSavon solide\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card-mini\"\u003e\n \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🧑\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card-mini\"\u003e\n \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🌸\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-label\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-value\"\u003eTous types, peaux sensibles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-accordion\"\u003e\n \u003cdetails class=\"soi-nige-accordion-item\"\u003e\n \u003csummary class=\"soi-nige-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-nige-accordion-content\"\u003e\n \u003cp\u003eCe produit ne remplace pas un traitement médical. En cas de pathologie cutanée diagnostiquée, consultez votre dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-nige-cta-box\"\u003e\n \u003cp class=\"soi-nige-cta-tag\" style=\"color: white;\"\u003e3 000 ans de sagesse orientale dans vos mains\u003c\/p\u003e\n \u003cp class=\"soi-nige-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un rituel de soin naturel, doux et respectueux. Un geste simple, chaque jour, pour une peau visiblement plus douce et apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-nige-marine: #1A2D3D;\n --soi-nige-marine-dark: #0F1E2B;\n --soi-nige-marine-light: #2C4458;\n --soi-nige-pomme: #A1C544;\n --soi-nige-pomme-dark: #84A636;\n --soi-nige-pomme-light: rgba(161,197,68,0.10);\n\n --soi-nige-white: #FFFFFF;\n --soi-nige-off-white: #F8FAF6;\n --soi-nige-stone: #F1F3EE;\n --soi-nige-line: #E5E8E0;\n\n --soi-nige-primary: #C87941;\n --soi-nige-primary-soft: #F5E6D3;\n --soi-nige-accent: #D4944A;\n\n --soi-nige-text: #1A2D3D;\n --soi-nige-text-soft: #4A5B6B;\n --soi-nige-text-muted: #7B8693;\n\n --soi-nige-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-nige-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-nige-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-nige-radius: 12px;\n --soi-nige-radius-sm: 8px;\n --soi-nige-radius-pill: 999px;\n}\n\n.soi-nige-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-nige-fiche img { max-width: 100%; height: auto; }\n\n.soi-nige-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-nige-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-nige-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-nige-hero {\n position: relative;\n background: var(--soi-nige-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-nige-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-nige-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-nige-pomme);\n}\n\n.soi-nige-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-nige-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-nige-pomme);\n border-radius: 50%;\n}\n\n.soi-nige-hero-title {\n display: block;\n color: var(--soi-nige-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-nige-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-nige-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-nige-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-nige-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-nige-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-nige-label-accent {\n background: var(--soi-nige-pomme);\n border-color: var(--soi-nige-pomme);\n color: var(--soi-nige-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-nige-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-nige-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-nige-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-nige-pomme);\n border-radius: 2px;\n}\n\n.soi-nige-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-nige-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-nige-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-nige-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-nige-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-nige-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-nige-benefit {\n background: var(--soi-nige-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-nige-radius);\n border: 1px solid var(--soi-nige-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-nige-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-nige-shadow-md);\n}\n\n.soi-nige-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-nige-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-nige-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-nige-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-nige-benefit:hover .soi-nige-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-nige-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-nige-benefit p {\n font-size: 13px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-nige-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-nige-card {\n background: var(--soi-nige-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-nige-radius);\n border-left: 3px solid var(--soi-nige-pomme);\n}\n\n.soi-nige-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-nige-card p {\n font-size: 14px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-nige-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.soi-nige-card-mini {\n background: var(--soi-nige-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-nige-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-nige-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-nige-card-mini-label {\n font-size: 11px;\n color: var(--soi-nige-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-nige-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-nige-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-nige-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-nige-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-nige-radius);\n border: 1px solid var(--soi-nige-line);\n align-items: flex-start;\n}\n\n.soi-nige-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-nige-marine);\n color: var(--soi-nige-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-nige-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-nige-step-content p {\n font-size: 14px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-nige-compo {\n background: var(--soi-nige-off-white);\n border-radius: var(--soi-nige-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-nige-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-nige-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-nige-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-nige-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-nige-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-nige-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-nige-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-nige-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-nige-pomme-light);\n border-left: 4px solid var(--soi-nige-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-nige-radius) var(--soi-nige-radius) 0;\n align-items: flex-start;\n}\n\n.soi-nige-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-nige-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-nige-marine);\n margin-bottom: 4px;\n}\n\n.soi-nige-tip p {\n font-size: 14px;\n color: var(--soi-nige-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-nige-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-nige-accordion-item {\n background: var(--soi-nige-off-white);\n border-radius: var(--soi-nige-radius-sm);\n border: 1px solid var(--soi-nige-line);\n overflow: hidden;\n}\n\n.soi-nige-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-nige-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-nige-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-nige-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-nige-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-nige-accordion-item[open] .soi-nige-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-nige-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-nige-accordion-content p {\n font-size: 14px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-nige-cta-box {\n background: var(--soi-nige-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-nige-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-nige-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-nige-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-nige-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-nige-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-nige-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-nige-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-nige-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-nige-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-nige-compo-value {\n text-align: left;\n }\n\n .soi-nige-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-nige-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-nige-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-nige-fiche {\n --soi-nige-text-soft: #2C3E50;\n --soi-nige-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603634577738,"sku":"NJ0090","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-a-lhuile-de-nigelle-najel-packshot.webp?v=1781338095"},{"product_id":"savon-dalep-au-miel-najel","title":"Savon d'Alep au miel - Najel","description":"\u003cdiv class=\"soi-almi-fiche\"\u003e\n\n \u003csection class=\"soi-almi-hero\"\u003e\n \u003cdiv class=\"soi-almi-hero-tag\"\u003e\n \u003cspan class=\"soi-almi-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-almi-hero-title\"\u003eLa recette ancestrale d'Alep, au miel\u003c\/span\u003e\n \u003cp class=\"soi-almi-hero-subtitle\"\u003eUn savon né il y a plus de 3 000 ans à Alep, enrichi de la douceur dorée du miel. Nourrissant, apaisant et polyvalent : visage, corps et cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eSavon d'Alep au miel Najel : douceur millénaire et bienfaits du miel pour votre peau\u003c\/h2\u003e\n \u003cp\u003eImaginez un savon né il y a plus de \u003cstrong\u003e3 000 ans à Alep, en Syrie\u003c\/strong\u003e, enrichi de la douceur dorée du miel. C'est exactement ce que vous offre le \u003cstrong\u003esavon d'Alep au miel de Najel\u003c\/strong\u003e : une recette ancestrale, des ingrédients nobles et une peau transformée dès les premières utilisations. Que vous ayez la peau sèche, sensible ou simplement envie d'un soin naturel au quotidien, ce savon est fait pour vous.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep au miel Najel\u003c\/h2\u003e\n \u003cp class=\"soi-almi-section-intro\"\u003eLa force de ce savon réside dans sa composition transparente et authentique. Pas de parfum synthétique, pas de conservateur chimique : vous savez exactement ce que vous appliquez sur votre peau, et sur celle de votre famille.\u003c\/p\u003e\n \u003cdiv class=\"soi-almi-grid\"\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive (Olea Europaea Fruit Oil)\u003c\/h3\u003e\n \u003cp\u003eBase principale du savon d'Alep traditionnel, elle nourrit et protège la peau en profondeur grâce à ses acides gras et à sa richesse en vitamine E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier (Laurus Nobilis Fruit Oil)\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient signature du vrai savon d'Alep, reconnue pour ses propriétés apaisantes et purifiantes, particulièrement appréciée sur les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🍯 Miel naturel (Mel \/ Honey)\u003c\/h3\u003e\n \u003cp\u003eActif humectant et réparateur utilisé depuis l'Antiquité, il attire l'eau dans les cellules cutanées, aide à apaiser les irritations et laisse la peau douce et souple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🧪 Hydroxyde de sodium (agent saponifiant)\u003c\/h3\u003e\n \u003cp\u003eEntièrement consommé lors du processus de saponification à froid, il ne reste aucune trace dans le produit fini.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e💧 Eau\u003c\/h3\u003e\n \u003cp\u003ePour une texture idéale et une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eQuels sont les bienfaits du savon d'Alep au miel ?\u003c\/h2\u003e\n \u003cp class=\"soi-almi-section-intro\"\u003eCe savon se distingue par une action triple : nourrissante, apaisante et hydratante. Voici concrètement ce que vous pouvez en attendre.\u003c\/p\u003e\n \u003cdiv class=\"soi-almi-benefits\"\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau douce et nourrie\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive et le miel forment un duo hydratant puissant, idéal pour les peaux sèches ou tiraillées en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement des irritations\u003c\/h3\u003e\n \u003cp\u003eL'huile de baies de laurier et le miel soulagent les peaux sensibles, sujettes aux rougeurs ou aux légères irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉlasticité cutanée préservée\u003c\/h3\u003e\n \u003cp\u003eLe miel aide à conserver la souplesse de la peau en limitant la perte en eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMousse douce et enveloppante\u003c\/h3\u003e\n \u003cp\u003eMême sur les peaux les plus fragiles, la mousse crémeuse ne décape pas la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eSavon d'Alep visage, corps et cheveux : comment l'utiliser ?\u003c\/h2\u003e\n \u003cp class=\"soi-almi-section-intro\"\u003eL'un des grands atouts du savon d'Alep authentique, c'est sa polyvalence totale. Vous pouvez l'utiliser de trois façons.\u003c\/p\u003e\n \u003cdiv class=\"soi-almi-timeline\"\u003e\n \u003cdiv class=\"soi-almi-step\"\u003e\n \u003cdiv class=\"soi-almi-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eFaites mousser entre vos mains, appliquez en douceur, puis rincez à l'eau tiède. La peau est nette, jamais desséchée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step\"\u003e\n \u003cdiv class=\"soi-almi-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eEn remplacement du gel douche, il convient à toute la famille, y compris aux bébés et aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step\"\u003e\n \u003cdiv class=\"soi-almi-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisé en shampoing solide, il nettoie sans agresser le cuir chevelu, notamment pour les personnes sensibles aux shampoings conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-tip\"\u003e\n \u003cdiv class=\"soi-almi-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour prolonger sa durée de vie, pensez à laisser sécher votre savon entre deux utilisations sur un porte-savon bien drainé. Un pain de savon d'Alep dure généralement 6 à 8 semaines avec un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep Najel plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp\u003eNajel est l'une des marques de référence lorsqu'il s'agit de savon d'Alep authentique. Ses savons sont fabriqués selon les méthodes ancestrales des savonneries familiales syriennes, avec un contrôle rigoureux des ingrédients. La version au miel enrichit la formule classique d'un actif naturel particulièrement apprécié pour les peaux sensibles ou sèches. C'est un choix plébiscité par de nombreux dermatologues recommandant des soins doux et sans allergènes courants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003cdiv class=\"soi-almi-accordion\"\u003e\n \u003cdetails class=\"soi-almi-accordion-item\"\u003e\n \u003csummary class=\"soi-almi-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-almi-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne se substitue pas à un traitement médical. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-almi-cta-box\"\u003e\n \u003cp class=\"soi-almi-cta-tag\" style=\"color: white;\"\u003eUn rituel de soin ancestral, naturel et familial\u003c\/p\u003e\n \u003cp class=\"soi-almi-cta-text\" style=\"color: white;\"\u003eDoux comme le miel, ancestral comme la ville d'Alep : offrez à votre peau un soin complet qui la respecte et la nourrit en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-almi-marine: #1A2D3D;\n --soi-almi-marine-dark: #0F1E2B;\n --soi-almi-marine-light: #2C4458;\n --soi-almi-pomme: #A1C544;\n --soi-almi-pomme-dark: #84A636;\n --soi-almi-pomme-light: rgba(161,197,68,0.10);\n --soi-almi-white: #FFFFFF;\n --soi-almi-off-white: #F8FAF6;\n --soi-almi-stone: #F1F3EE;\n --soi-almi-line: #E5E8E0;\n --soi-almi-primary: #D4A82A;\n --soi-almi-primary-soft: #F5E6B8;\n --soi-almi-accent: #B5944A;\n --soi-almi-text: #1A2D3D;\n --soi-almi-text-soft: #4A5B6B;\n --soi-almi-text-muted: #7B8693;\n --soi-almi-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-almi-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-almi-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-almi-radius: 12px;\n --soi-almi-radius-sm: 8px;\n --soi-almi-radius-pill: 999px;\n}\n\n.soi-almi-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-almi-fiche img { max-width: 100%; height: auto; }\n\n.soi-almi-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-almi-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-almi-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-almi-hero {\n position: relative;\n background: var(--soi-almi-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-almi-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-almi-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-almi-primary);\n}\n\n.soi-almi-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-almi-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-almi-primary);\n border-radius: 50%;\n}\n\n.soi-almi-hero-title {\n display: block;\n color: var(--soi-almi-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-almi-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-almi-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-almi-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-almi-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-almi-pomme);\n border-radius: 2px;\n}\n\n.soi-almi-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-almi-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-almi-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-almi-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-almi-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-almi-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-almi-benefit {\n background: var(--soi-almi-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-almi-radius);\n border: 1px solid var(--soi-almi-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-almi-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-almi-shadow-md);\n}\n\n.soi-almi-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-almi-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-almi-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-almi-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-almi-benefit:hover .soi-almi-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-almi-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-almi-benefit p {\n font-size: 13px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-almi-card {\n background: var(--soi-almi-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-almi-radius);\n border-left: 3px solid var(--soi-almi-primary);\n}\n\n.soi-almi-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-almi-card p {\n font-size: 14px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-almi-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-almi-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-almi-radius);\n border: 1px solid var(--soi-almi-line);\n align-items: flex-start;\n}\n\n.soi-almi-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-almi-marine);\n color: var(--soi-almi-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-almi-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-almi-step-content p {\n font-size: 14px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-almi-pomme-light);\n border-left: 4px solid var(--soi-almi-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-almi-radius) var(--soi-almi-radius) 0;\n align-items: flex-start;\n}\n\n.soi-almi-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-almi-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-almi-marine);\n margin-bottom: 4px;\n}\n\n.soi-almi-tip p {\n font-size: 14px;\n color: var(--soi-almi-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-almi-accordion-item {\n background: var(--soi-almi-off-white);\n border-radius: var(--soi-almi-radius-sm);\n border: 1px solid var(--soi-almi-line);\n overflow: hidden;\n}\n\n.soi-almi-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-almi-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-almi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-almi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-almi-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-almi-accordion-item[open] .soi-almi-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-almi-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-almi-accordion-content p {\n font-size: 14px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-cta-box {\n background: var(--soi-almi-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-almi-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-almi-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-almi-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-almi-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-almi-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-almi-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-almi-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-almi-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-almi-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-almi-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-almi-fiche {\n --soi-almi-text-soft: #2C3E50;\n --soi-almi-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603635167562,"sku":"NJ0110","price":3.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":"elixir-aux-trois-huiles-certifie-bio-najel","title":"Élixir aux trois huiles certifié bio – Najel","description":"\n\u003cdiv class=\"soi-elix-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-elix-hero\"\u003e\n \u003cdiv class=\"soi-elix-hero-tag\"\u003e\n \u003cspan class=\"soi-elix-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique bio · Najel Méditerranée\n \u003c\/div\u003e\n \u003cspan class=\"soi-elix-hero-title\"\u003eÉlixir aux trois huiles certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-elix-hero-subtitle\"\u003eTrois huiles végétales précieuses réunies dans un seul flacon pour nourrir, apaiser et sublimer votre peau, votre corps et vos cheveux au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-elix-hero-labels\"\u003e\n \u003cspan class=\"soi-elix-label soi-elix-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-elix-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-elix-label\"\u003e100% NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-elix-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-elix-label\"\u003eNON COMÉDOGÈNE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-elix-section\"\u003e\n \u003cp class=\"soi-elix-section-intro\"\u003eVous cherchez une huile bio pour le visage qui fait vraiment la différence, sans liste d'ingrédients interminable ni promesse creuse ? L'Élixir aux trois huiles certifié bio de Najel réunit trois huiles végétales précieuses, extraites par première pression à froid et issues de l'agriculture biologique, pour nourrir, apaiser et sublimer votre peau au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Trois huiles bio, une formule d'exception --\u003e\n \u003csection class=\"soi-elix-section\"\u003e\n \u003ch2\u003eTrois huiles bio, une formule d'exception\u003c\/h2\u003e\n \u003cp\u003eChaque huile est extraite par première pression à froid, issue de l'agriculture biologique et certifiée Cosmos Organic. Ensemble, elles forment une synergie rare :\u003c\/p\u003e\n \u003cdiv class=\"soi-elix-grid\"\u003e\n \u003cdiv class=\"soi-elix-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acide oléique, elle nourrit en profondeur, protège la barrière cutanée et aide à préserver l'élasticité de la peau dans le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-card\"\u003e\n \u003ch3\u003e🌿 Huile de nigelle bio\u003c\/h3\u003e\n \u003cp\u003eVéritable concentré régénérateur, elle apaise les irritations, soutient la réparation cellulaire et redonne de l'éclat aux peaux fatiguées ou ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-card\"\u003e\n \u003ch3\u003e🌸 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eGorgée de vitamines A et E, d'oméga-6 et d'oméga-9, elle hydrate intensément les peaux sensibles et apporte souplesse et brillance aux cheveux secs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-tip\"\u003e\n \u003cdiv class=\"soi-elix-tip-icon\"\u003e🌺\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe petit plus Soinat\u003c\/strong\u003e\n \u003cp\u003eAucun parfum synthétique dans cette formule : la fragrance délicate provient uniquement de la fleur d'oranger, pour un moment sensoriel authentique à chaque application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Un soin 3-en-1 pour simplifier votre routine beauté --\u003e\n \u003csection class=\"soi-elix-section\"\u003e\n \u003ch2\u003eUn soin 3-en-1 pour simplifier votre routine beauté\u003c\/h2\u003e\n \u003cp\u003eCe que vous apprécierez dans cet élixir, c'est sa capacité à remplacer plusieurs produits à la fois :\u003c\/p\u003e\n \u003cdiv class=\"soi-elix-benefits\"\u003e\n \u003cdiv class=\"soi-elix-benefit\"\u003e\n \u003cdiv class=\"soi-elix-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes matin ou soir sur une peau propre. La texture sèche pénètre sans effet gras, sans occlusion des pores. Idéal comme huile visage bio en soin quotidien ou en booster sous votre crème habituelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-benefit\"\u003e\n \u003cdiv class=\"soi-elix-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eMassez après la douche pour apaiser les tiraillements, nourrir les zones sèches (coudes, genoux, ventre) et prolonger le confort cutané même par temps froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-benefit\"\u003e\n \u003cdiv class=\"soi-elix-benefit-icon\"\u003e\u003cspan\u003e💇\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes en masque avant-shampoing ou en sérum de finition sur les pointes pour discipliner, nourrir et redonner brillance aux longueurs abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition complète de l'élixir Najel --\u003e\n \u003csection class=\"soi-elix-section\"\u003e\n \u003ch2\u003eComposition complète de l'élixir Najel\u003c\/h2\u003e\n \u003cdiv class=\"soi-elix-compo\"\u003e\n \u003cdiv class=\"soi-elix-compo-row\"\u003e\n \u003cspan class=\"soi-elix-compo-label\"\u003eINCI\u003c\/span\u003e\n \u003cspan class=\"soi-elix-compo-value\"\u003eOlea Europaea Fruit Oil*, Prunus Amygdalus Dulcis Oil*, Nigella Sativa Seed Oil*, Citrus Aurantium Amara Flower Oil*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-compo-row\"\u003e\n \u003cspan class=\"soi-elix-compo-label\"\u003eOrigine bio\u003c\/span\u003e\n \u003cspan class=\"soi-elix-compo-value\"\u003e96,3 % d'origine biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-compo-row\"\u003e\n \u003cspan class=\"soi-elix-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-elix-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-compo-row\"\u003e\n \u003cspan class=\"soi-elix-compo-label\"\u003eExtraction\u003c\/span\u003e\n \u003cspan class=\"soi-elix-compo-value\"\u003ePremière pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-compo-row\"\u003e\n \u003cspan class=\"soi-elix-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-elix-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e Aucun parfum de synthèse, aucun ingrédient superflu : seulement ce dont votre peau a besoin.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser l'élixir aux trois huiles Najel ? --\u003e\n \u003csection class=\"soi-elix-section\"\u003e\n \u003ch2\u003eComment utiliser l'élixir aux trois huiles Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-elix-timeline\"\u003e\n \u003cdiv class=\"soi-elix-step\"\u003e\n \u003cdiv class=\"soi-elix-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-elix-step-content\"\u003e\n \u003ch3\u003eVersage\u003c\/h3\u003e\n \u003cp\u003eActionnez la pompe 2 à 3 fois dans le creux de votre main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-step\"\u003e\n \u003cdiv class=\"soi-elix-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-elix-step-content\"\u003e\n \u003ch3\u003eActivation\u003c\/h3\u003e\n \u003cp\u003eFrottez vos paumes pour tiédir l'huile et libérer le parfum de fleur d'oranger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-step\"\u003e\n \u003cdiv class=\"soi-elix-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-elix-step-content\"\u003e\n \u003ch3\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eMassez en mouvements circulaires sur le visage, le corps ou les cheveux selon votre besoin du moment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Ce que vous devez savoir avant d'acheter --\u003e\n \u003csection class=\"soi-elix-section\"\u003e\n \u003ch2\u003eCe que vous devez savoir avant d'acheter\u003c\/h2\u003e\n \u003cdiv class=\"soi-elix-grid-compact\"\u003e\n \u003cdiv class=\"soi-elix-card-mini\"\u003e\n \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-card-mini\"\u003e\n \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-card-mini\"\u003e\n \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-card-mini\"\u003e\n \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🧬\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-label\"\u003eTexture\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-value\"\u003eSèche, non comédogène\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-accordion\"\u003e\n \u003cdetails class=\"soi-elix-accordion-item\"\u003e\n \u003csummary class=\"soi-elix-accordion-header\"\u003e🧑 Pour quels types de peau ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-elix-accordion-content\"\u003e\n \u003cp\u003eCet élixir convient aux peaux sensibles et aux peaux normales à sèches. Sa texture sèche non comédogène est adaptée à une utilisation sur le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-elix-accordion-item\"\u003e\n \u003csummary class=\"soi-elix-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-elix-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique et ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-elix-accordion-item\"\u003e\n \u003csummary class=\"soi-elix-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n \u003cdiv class=\"soi-elix-accordion-content\"\u003e\n \u003cp\u003eFlacon pompe ambré de 100 ml, pratique et hygiénique.\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-elix-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-elix-cta-box\"\u003e\n \u003cp class=\"soi-elix-cta-tag\" style=\"color: white;\"\u003eVotre rituel beauté simplifié\u003c\/p\u003e\n \u003cp class=\"soi-elix-cta-text\" style=\"color: white;\"\u003eTrois huiles bio emblématiques réunies dans un seul geste quotidien. De votre visage à vos pointes, nourrissez, réparez et embellissez avec la douceur naturelle de la fleur d'oranger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-elix-marine: #1A2D3D;\n --soi-elix-marine-dark: #0F1E2B;\n --soi-elix-marine-light: #2C4458;\n --soi-elix-pomme: #A1C544;\n --soi-elix-pomme-dark: #84A636;\n --soi-elix-pomme-light: rgba(161,197,68,0.10);\n\n --soi-elix-white: #FFFFFF;\n --soi-elix-off-white: #F8FAF6;\n --soi-elix-stone: #F1F3EE;\n --soi-elix-line: #E5E8E0;\n\n --soi-elix-primary: #D8924A;\n --soi-elix-primary-soft: #F5E6D3;\n --soi-elix-accent: #3A2518;\n\n --soi-elix-text: #1A2D3D;\n --soi-elix-text-soft: #4A5B6B;\n --soi-elix-text-muted: #7B8693;\n\n --soi-elix-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-elix-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-elix-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-elix-radius: 12px;\n --soi-elix-radius-sm: 8px;\n --soi-elix-radius-pill: 999px;\n}\n\n.soi-elix-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-elix-fiche img { max-width: 100%; height: auto; }\n\n.soi-elix-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-elix-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-elix-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-elix-hero {\n position: relative;\n background: var(--soi-elix-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-elix-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-elix-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-elix-primary);\n}\n\n.soi-elix-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-elix-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-elix-primary);\n border-radius: 50%;\n}\n\n.soi-elix-hero-title {\n display: block;\n color: var(--soi-elix-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-elix-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-elix-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-elix-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-elix-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-elix-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-elix-label-accent {\n background: var(--soi-elix-primary);\n border-color: var(--soi-elix-primary);\n color: var(--soi-elix-white);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-elix-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-elix-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-elix-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-elix-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-elix-primary);\n border-radius: 2px;\n}\n\n.soi-elix-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-elix-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-elix-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-elix-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-elix-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-elix-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1rem;\n}\n\n.soi-elix-benefit {\n background: var(--soi-elix-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-elix-radius);\n border: 1px solid var(--soi-elix-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-elix-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-elix-shadow-md);\n}\n\n.soi-elix-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-elix-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-elix-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-elix-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-elix-benefit:hover .soi-elix-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-elix-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-elix-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-elix-benefit p {\n font-size: 13px;\n color: var(--soi-elix-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-elix-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-elix-card {\n background: var(--soi-elix-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-elix-radius);\n border-left: 3px solid var(--soi-elix-primary);\n}\n\n.soi-elix-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-elix-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-elix-card p {\n font-size: 14px;\n color: var(--soi-elix-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-elix-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-elix-card-mini {\n background: var(--soi-elix-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-elix-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-elix-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-elix-card-mini-label {\n font-size: 11px;\n color: var(--soi-elix-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-elix-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-elix-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-elix-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-elix-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-elix-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-elix-radius);\n border: 1px solid var(--soi-elix-line);\n align-items: flex-start;\n}\n\n.soi-elix-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-elix-marine);\n color: var(--soi-elix-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-elix-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-elix-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-elix-step-content p {\n font-size: 14px;\n color: var(--soi-elix-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-elix-compo {\n background: var(--soi-elix-off-white);\n border-radius: var(--soi-elix-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-elix-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-elix-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-elix-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-elix-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-elix-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-elix-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-elix-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-elix-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-elix-primary-soft);\n border-left: 4px solid var(--soi-elix-primary);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-elix-radius) var(--soi-elix-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-elix-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-elix-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-elix-marine);\n margin-bottom: 4px;\n}\n\n.soi-elix-tip p {\n font-size: 14px;\n color: var(--soi-elix-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-elix-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-elix-accordion-item {\n background: var(--soi-elix-off-white);\n border-radius: var(--soi-elix-radius-sm);\n border: 1px solid var(--soi-elix-line);\n overflow: hidden;\n}\n\n.soi-elix-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-elix-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-elix-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-elix-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-elix-primary);\n transition: transform 0.2s ease;\n}\n\n.soi-elix-accordion-item[open] .soi-elix-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-elix-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-elix-accordion-content p {\n font-size: 14px;\n color: var(--soi-elix-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-elix-cta-box {\n background: var(--soi-elix-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-elix-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-elix-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-elix-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-elix-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-elix-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-elix-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-elix-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-elix-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-elix-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-elix-compo-value {\n text-align: left;\n }\n\n .soi-elix-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-elix-tip {\n flex-direction: column;\n gap: 0.75rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-elix-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-elix-fiche {\n --soi-elix-text-soft: #2C3E50;\n --soi-elix-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603637526858,"sku":"NJ0190","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/elixir-aux-trois-huiles-certifie-bio-najel-packshot_11zon.webp?v=1780299063"},{"product_id":"huile-de-nigelle-certifiee-bio-najel","title":"Huile de nigelle certifiée bio – Najel","description":"\n\n\u003cdiv class=\"soi-nige-fiche\"\u003e\n\n \u003csection class=\"soi-nige-hero\"\u003e\n \u003cdiv class=\"soi-nige-hero-tag\"\u003e\n \u003cspan class=\"soi-nige-tag-dot\"\u003e\u003c\/span\u003e\n Huile végétale · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-nige-hero-title\"\u003eL'huile des Pharaons, certifiée bio\n\n\u003c\/span\u003e\n \u003cp class=\"soi-nige-hero-subtitle\"\u003eHéritière de 2 500 ans de sagesse orientale, cette huile purifiante prend soin de votre peau, de vos cheveux et de votre corps avec une richesse exceptionnelle en actifs naturels.\u003c\/p\u003e\n \u003cdiv class=\"soi-nige-hero-labels\"\u003e\n \u003cspan class=\"soi-nige-label soi-nige-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003e100% NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003ePRESSION À FROID\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003cp class=\"soi-nige-section-intro\"\u003eUtilisée depuis plus de 2 500 ans en Orient et connue comme \u003cstrong\u003e« l'huile des Pharaons »\u003c\/strong\u003e, l'huile de nigelle bio Najel est extraite par pression à froid des graines de \u003cem\u003eNigella Sativa\u003c\/em\u003e, sans aucun solvant ni conservateur. Certifiée Cosmos Organic par Ecocert, elle offre une huile d'une richesse exceptionnelle pour votre rituel beauté quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eComposition de l'huile de nigelle bio Najel\u003c\/h2\u003e\n \u003cp\u003eLa force de cette huile repose sur une composition naturelle particulièrement dense en actifs :\u003c\/p\u003e\n \u003cdiv class=\"soi-nige-compo\"\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eAcides gras insaturés (oméga-6 et oméga-9)\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eNourrissent en profondeur, renforcent la barrière cutanée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eThymoquinone\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eComposé phare, propriétés apaisantes et antioxydantes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eVitamine E (tocophérols)\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eProtection contre les radicaux libres, anti-âge cutané\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003ePhytostérols\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eRégénération cellulaire, élasticité de la peau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-tip\"\u003e\n \u003cdiv class=\"soi-nige-tip-icon\"\u003e🧬\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eIngrédient INCI\u003c\/strong\u003e\n \u003cp\u003eNigella Sativa Seed Oil*. (*Ingrédient issu de l'agriculture biologique.)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile de nigelle : ce qu'elle fait vraiment pour vous\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-grid\"\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e💧 Peau sèche et inconfortable\u003c\/h3\u003e\n \u003cp\u003eL'huile de nigelle pénètre rapidement sans laisser de film gras. Elle nourrit intensément les peaux sèches, déshydratées ou qui tiraillent, et restaure un toucher souple dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles, irritées ou réactives\u003c\/h3\u003e\n \u003cp\u003eGrâce à la thymoquinone, l'huile de nigelle apaise les rougeurs, les démangeaisons et les petites irritations. Elle est particulièrement appréciée pour les peaux à tendance atopique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e✨ Anti-âge et éclat du teint\u003c\/h3\u003e\n \u003cp\u003eSes antioxydants naturels aident à neutraliser les radicaux libres responsables du vieillissement cutané prématuré. La peau retrouve de la luminosité et les rides semblent atténuées sur la durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e💆 Cheveux et cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAppliquée en masque avant shampoing, elle nourrit les longueurs abîmées, réduit les frisottis et apaise les cuirs chevelus secs ou qui desquament.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de nigelle Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-timeline\"\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003e2 à 3 pressions de la pompe, à masser délicatement matin ou soir sur peau propre et légèrement humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eAppliquez en massage après la douche, en insistant sur les zones sèches (coudes, talons, genoux).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003eDéposez quelques gouttes sur les longueurs ou le cuir chevelu, laissez poser 20 minutes avant de rincer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eMuscles\u003c\/h3\u003e\n \u003cp\u003eMassez les zones de tension pour un effet apaisant et décontractant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eL'huile de nigelle est-elle dangereuse ? Ce qu'il faut savoir\u003c\/h2\u003e\n \u003cp\u003eL'huile de nigelle est bien tolérée par la majorité des peaux, y compris les peaux sensibles. Cependant, quelques précautions s'imposent pour une utilisation sereine.\u003c\/p\u003e\n \u003cdiv class=\"soi-nige-accordion\"\u003e\n \u003cdetails class=\"soi-nige-accordion-item\"\u003e\n \u003csummary class=\"soi-nige-accordion-header\"\u003e🧪 Test cutané recommandé\u003c\/summary\u003e\n \u003cdiv class=\"soi-nige-accordion-content\"\u003e\n \u003cp\u003eComme pour toute huile végétale, nous vous recommandons un test cutané préalable sur une petite zone (intérieur du poignet) avant une application généralisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-nige-accordion-item\"\u003e\n \u003csummary class=\"soi-nige-accordion-header\"\u003e⚠️ Allergie aux Renonculacées\u003c\/summary\u003e\n \u003cdiv class=\"soi-nige-accordion-content\"\u003e\n \u003cp\u003eEn cas d'allergie connue aux plantes de la famille des Renonculacées, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-nige-accordion-item\"\u003e\n \u003csummary class=\"soi-nige-accordion-header\"\u003e📋 Usage cosmétique externe uniquement\u003c\/summary\u003e\n \u003cdiv class=\"soi-nige-accordion-content\"\u003e\n \u003cp\u003eCe produit est destiné à un usage cosmétique externe uniquement et ne se substitue 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-nige-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de nigelle bio Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-benefits\"\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCosmos Organic Ecocert\u003c\/h3\u003e\n \u003cp\u003eCertifiée bio, garantie sans produits chimiques de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e❄️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePression à froid\u003c\/h3\u003e\n \u003cp\u003eTous les actifs naturels sont préservés grâce à ce procédé d'extraction doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFlacon ambré avec pompe\u003c\/h3\u003e\n \u003cp\u003eProtège l'huile de la lumière et facilite le dosage au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🐇\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVegan, sans conservateurs\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peaux, même les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-nige-cta-box\"\u003e\n \u003cp class=\"soi-nige-cta-tag\" style=\"color: white;\"\u003eL'huile des Pharaons, certifiée bio\u003c\/p\u003e\n \u003cp class=\"soi-nige-cta-text\" style=\"color: white;\"\u003ePure, certifiée Cosmos Organic, d'une efficacité éprouvée depuis 2 500 ans : l'huile de nigelle Najel mérite sa place dans votre routine beauté naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-nige-marine: #1A2D3D;\n --soi-nige-marine-dark: #0F1E2B;\n --soi-nige-marine-light: #2C4458;\n --soi-nige-pomme: #A1C544;\n --soi-nige-pomme-dark: #84A636;\n --soi-nige-pomme-light: rgba(161,197,68,0.10);\n\n --soi-nige-white: #FFFFFF;\n --soi-nige-off-white: #F8FAF6;\n --soi-nige-stone: #F1F3EE;\n --soi-nige-line: #E5E8E0;\n\n --soi-nige-primary: #E87722;\n --soi-nige-primary-soft: #F5D4B3;\n --soi-nige-accent: #3A2518;\n\n --soi-nige-text: #1A2D3D;\n --soi-nige-text-soft: #4A5B6B;\n --soi-nige-text-muted: #7B8693;\n\n --soi-nige-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-nige-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-nige-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-nige-radius: 12px;\n --soi-nige-radius-sm: 8px;\n --soi-nige-radius-pill: 999px;\n}\n\n.soi-nige-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-nige-fiche img { max-width: 100%; height: auto; }\n\n.soi-nige-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-nige-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-nige-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-nige-hero {\n position: relative;\n background: var(--soi-nige-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-nige-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-nige-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-nige-pomme);\n}\n\n.soi-nige-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-nige-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-nige-pomme);\n border-radius: 50%;\n}\n\n.soi-nige-hero-title {\n display: block;\n color: var(--soi-nige-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-nige-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-nige-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-nige-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-nige-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-nige-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-nige-label-accent {\n background: var(--soi-nige-pomme);\n border-color: var(--soi-nige-pomme);\n color: var(--soi-nige-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-nige-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-nige-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-nige-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-nige-pomme);\n border-radius: 2px;\n}\n\n.soi-nige-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-nige-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-nige-section-intro strong {\n color: var(--soi-nige-marine);\n}\n\n.soi-nige-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-nige-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-nige-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-nige-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-nige-benefit {\n background: var(--soi-nige-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-nige-radius);\n border: 1px solid var(--soi-nige-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-nige-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-nige-shadow-md);\n}\n\n.soi-nige-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-nige-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-nige-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-nige-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-nige-benefit:hover .soi-nige-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-nige-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-nige-benefit p {\n font-size: 13px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-nige-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-nige-card {\n background: var(--soi-nige-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-nige-radius);\n border-left: 3px solid var(--soi-nige-pomme);\n}\n\n.soi-nige-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-nige-card p {\n font-size: 14px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-nige-compo {\n background: var(--soi-nige-off-white);\n border-radius: var(--soi-nige-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-nige-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-nige-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-nige-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-nige-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-nige-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-nige-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-nige-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-nige-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-nige-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-nige-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-nige-radius);\n border: 1px solid var(--soi-nige-line);\n align-items: flex-start;\n}\n\n.soi-nige-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-nige-marine);\n color: var(--soi-nige-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-nige-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-nige-step-content p {\n font-size: 14px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-nige-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-nige-pomme-light);\n border-left: 4px solid var(--soi-nige-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-nige-radius) var(--soi-nige-radius) 0;\n align-items: flex-start;\n}\n\n.soi-nige-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-nige-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-nige-marine);\n margin-bottom: 4px;\n}\n\n.soi-nige-tip p {\n font-size: 14px;\n color: var(--soi-nige-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-nige-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-nige-accordion-item {\n background: var(--soi-nige-off-white);\n border-radius: var(--soi-nige-radius-sm);\n border: 1px solid var(--soi-nige-line);\n overflow: hidden;\n}\n\n.soi-nige-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-nige-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-nige-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-nige-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-nige-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-nige-accordion-item[open] .soi-nige-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-nige-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-nige-accordion-content p {\n font-size: 14px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-nige-cta-box {\n background: var(--soi-nige-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-nige-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-nige-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-nige-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-nige-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-nige-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-nige-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-nige-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-nige-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-nige-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-nige-compo-value {\n text-align: left;\n }\n\n .soi-nige-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-nige-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-nige-fiche {\n --soi-nige-text-soft: #2C3E50;\n --soi-nige-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603637789002,"sku":"NJ0185","price":15.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-nigelle-certifiee-bio-najel-packshot.webp?v=1780298466"},{"product_id":"huile-de-coco-certifiee-bio-najel","title":"Huile de coco certifiée bio – Najel","description":"\u003cdiv class=\"soi-coco-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-coco-hero\"\u003e\n \u003cdiv class=\"soi-coco-hero-tag\"\u003e\n \u003cspan class=\"soi-coco-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques et soins beauté · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-coco-hero-title\"\u003eHuile de coco certifiée bio\u003c\/span\u003e\n \u003cp class=\"soi-coco-hero-subtitle\"\u003eUne huile végétale vierge, extraite par première pression à froid, pour nourrir et protéger votre peau, vos cheveux et votre visage au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-coco-hero-labels\"\u003e\n \u003cspan class=\"soi-coco-label soi-coco-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-coco-label\"\u003eECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-coco-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-coco-label\"\u003eHUILE VIERGE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Huile vierge de coco bio --\u003e\n \u003csection class=\"soi-coco-section\"\u003e\n \u003ch2\u003eUne huile vierge de coco bio : ce que ça change vraiment\u003c\/h2\u003e\n \u003cp\u003eToutes les huiles de coco ne se valent pas. La version vierge et bio de Najel est obtenue sans solvant, sans raffinage et sans déodorisation. Résultat : ses acides gras naturels, notamment l'acide laurique (environ 50 %), sont pleinement conservés. C'est précisément cet acide gras qui lui confère ses propriétés nourrissantes, apaisantes et protectrices si appréciées.\u003c\/p\u003e\n \u003cp\u003eSon léger parfum gourmand de coco est tout simplement celui de l'huile brute, naturelle et vivante.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Bienfaits --\u003e\n \u003csection class=\"soi-coco-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile de coco bio : peau, cheveux et visage\u003c\/h2\u003e\n \u003cdiv class=\"soi-coco-benefits\"\u003e\n \u003cdiv class=\"soi-coco-benefit\"\u003e\n \u003cdiv class=\"soi-coco-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau du corps\u003c\/h3\u003e\n \u003cp\u003eAppliquée après la douche, elle nourrit en profondeur les peaux sèches, rugueuses ou sensibles. Elle forme une barrière protectrice contre les agressions extérieures tout en laissant la peau douce et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-benefit\"\u003e\n \u003cdiv class=\"soi-coco-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux et pointes\u003c\/h3\u003e\n \u003cp\u003eEn masque avant shampooing ou en soin des pointes, l'huile de coco bio vierge lisse la fibre capillaire, réduit les frisottis et apporte brillance et souplesse. Idéale aussi pour les cheveux secs ou abîmés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-benefit\"\u003e\n \u003cdiv class=\"soi-coco-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVisage et contour des yeux\u003c\/h3\u003e\n \u003cp\u003eEn démaquillant doux ou en soin du contour des yeux, elle hydrate la peau délicate sans agresser. Elle contribue à atténuer l'apparence des rides de déshydratation et apaise les rougeurs et irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Comment utiliser --\u003e\n \u003csection class=\"soi-coco-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de coco bio pour le corps et les cheveux ?\u003c\/h2\u003e\n \u003cp class=\"soi-coco-section-intro\"\u003eQuelques conseils pratiques pour en tirer le meilleur :\u003c\/p\u003e\n \u003cdiv class=\"soi-coco-timeline\"\u003e\n \u003cdiv class=\"soi-coco-step\"\u003e\n \u003cdiv class=\"soi-coco-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-coco-step-content\"\u003e\n \u003ch3\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eFaites fondre une noisette entre vos paumes (elle se liquéfie dès 25 °C) et massez sur la peau propre et légèrement humide pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-step\"\u003e\n \u003cdiv class=\"soi-coco-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-coco-step-content\"\u003e\n \u003ch3\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur les longueurs et pointes 30 minutes avant le shampooing, ou une petite touche sur pointes sèches après coiffage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-step\"\u003e\n \u003cdiv class=\"soi-coco-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-coco-step-content\"\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eLe soir, une micro-dose suffit pour démaquiller ou nourrir le contour des yeux. Évitez en journée si votre peau est mixte à grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-step\"\u003e\n \u003cdiv class=\"soi-coco-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-coco-step-content\"\u003e\n \u003ch3\u003eRasage\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur la zone à raser réduisent les tiraillements et laissent la peau lisse après le passage du rasoir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Composition --\u003e\n \u003csection class=\"soi-coco-section\"\u003e\n \u003ch2\u003eComposition de l'huile de coco vierge bio Najel\u003c\/h2\u003e\n \u003cp class=\"soi-coco-section-intro\"\u003eIngrédient unique : \u003cem\u003eCocos Nucifera (Coconut) Oil\u003c\/em\u003e. C'est tout. Aucun additif, aucun conservateur, aucun parfum ajouté. La certification Cosmos Organic Ecocert garantit une agriculture biologique contrôlée et une transformation respectueuse des matières premières.\u003c\/p\u003e\n \u003cdiv class=\"soi-coco-compo\"\u003e\n \u003cdiv class=\"soi-coco-compo-row\"\u003e\n \u003cspan class=\"soi-coco-compo-label\"\u003eAcide laurique\u003c\/span\u003e\n \u003cspan class=\"soi-coco-compo-value\"\u003eEnviron 48 à 52 % — actif principal aux propriétés nourrissantes et protectrices\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-compo-row\"\u003e\n \u003cspan class=\"soi-coco-compo-label\"\u003eAcide myristique\u003c\/span\u003e\n \u003cspan class=\"soi-coco-compo-value\"\u003eEnviron 18 % — contribue à la texture fondante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-compo-row\"\u003e\n \u003cspan class=\"soi-coco-compo-label\"\u003eAcide palmitique\u003c\/span\u003e\n \u003cspan class=\"soi-coco-compo-value\"\u003eEnviron 9 % — soutient l'effet barrière cutané\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Pour qui --\u003e\n \u003csection class=\"soi-coco-section\"\u003e\n \u003ch2\u003ePour qui est faite cette huile de coco bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-coco-grid\"\u003e\n \u003cdiv class=\"soi-coco-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eElle convient aux peaux sensibles, aux enfants (hors nourrissons sans avis médical) et aux femmes enceintes pour prévenir l'apparence des vergetures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-card\"\u003e\n \u003ch3\u003e⚠️ Peaux acnéiques\u003c\/h3\u003e\n \u003cp\u003eSi vous avez une peau acnéique, réservez-la plutôt au corps et aux cheveux, car l'huile de coco est comédogène pour certains types de peaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Pourquoi choisir Najel --\u003e\n \u003csection class=\"soi-coco-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de coco bio Najel plutôt qu'une autre ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-coco-grid\"\u003e\n \u003cdiv class=\"soi-coco-card\"\u003e\n \u003ch3\u003e🏅 Cosmos Organic Ecocert\u003c\/h3\u003e\n \u003cp\u003eGage de traçabilité et de qualité indépendante pour une huile végétale bio contrôlée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-card\"\u003e\n \u003ch3\u003e❄️ Première pression à froid\u003c\/h3\u003e\n \u003cp\u003eAucune chaleur excessive, tous les actifs préservés pour une huile vivante et riche en nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-card\"\u003e\n \u003ch3\u003e🥥 Texture naturelle\u003c\/h3\u003e\n \u003cp\u003eSolide naturellement sous 25 °C, sans aucun additif stabilisateur. Juste de l'huile de coco, pure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-card\"\u003e\n \u003ch3\u003e🌿 Marque Najel\u003c\/h3\u003e\n \u003cp\u003eRéférence reconnue dans les soins naturels et bio depuis des décennies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-coco-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-coco-cta-box\"\u003e\n \u003cp class=\"soi-coco-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n \u003cp class=\"soi-coco-cta-text\" style=\"color: white;\"\u003eDouce, pure et polyvalente, l'huile de coco bio vierge Najel s'invite dans toute votre routine beauté. Pour une peau nourrie, des cheveux soyeux et un soin du visage naturel, sans compromis sur la qualité ni sur l'authenticité.\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-coco-marine: #1A2D3D;\n --soi-coco-marine-dark: #0F1E2B;\n --soi-coco-marine-light: #2C4458;\n --soi-coco-pomme: #A1C544;\n --soi-coco-pomme-dark: #84A636;\n --soi-coco-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-coco-white: #FFFFFF;\n --soi-coco-off-white: #F8FAF6;\n --soi-coco-stone: #F1F3EE;\n --soi-coco-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging : or\/sable, brun chocolat, crème) === *\/\n --soi-coco-primary: #C4A265;\n --soi-coco-primary-soft: #E8D5B0;\n --soi-coco-accent: #5C3D2E;\n\n \/* === Textes === *\/\n --soi-coco-text: #1A2D3D;\n --soi-coco-text-soft: #4A5B6B;\n --soi-coco-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-coco-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-coco-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-coco-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-coco-radius: 12px;\n --soi-coco-radius-sm: 8px;\n --soi-coco-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-coco-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-coco-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-coco-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-coco-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-coco-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-coco-hero {\n position: relative;\n background: var(--soi-coco-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-coco-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-coco-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-coco-pomme);\n}\n\n.soi-coco-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-coco-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-coco-pomme);\n border-radius: 50%;\n}\n\n.soi-coco-hero-title {\n display: block;\n color: var(--soi-coco-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-coco-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-coco-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-coco-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-coco-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-coco-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-coco-label-accent {\n background: var(--soi-coco-pomme);\n border-color: var(--soi-coco-pomme);\n color: var(--soi-coco-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-coco-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-coco-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-coco-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-coco-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-coco-pomme);\n border-radius: 2px;\n}\n\n.soi-coco-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-coco-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-coco-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-coco-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-coco-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-coco-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-coco-benefit {\n background: var(--soi-coco-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-coco-radius);\n border: 1px solid var(--soi-coco-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-coco-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-coco-shadow-md);\n}\n\n.soi-coco-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-coco-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-coco-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-coco-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-coco-benefit:hover .soi-coco-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-coco-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-coco-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-coco-benefit p {\n font-size: 13px;\n color: var(--soi-coco-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-coco-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-coco-card {\n background: var(--soi-coco-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-coco-radius);\n border-left: 3px solid var(--soi-coco-pomme);\n}\n\n.soi-coco-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-coco-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-coco-card p {\n font-size: 14px;\n color: var(--soi-coco-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-coco-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-coco-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-coco-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-coco-radius);\n border: 1px solid var(--soi-coco-line);\n align-items: flex-start;\n}\n\n.soi-coco-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-coco-marine);\n color: var(--soi-coco-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-coco-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-coco-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-coco-step-content p {\n font-size: 14px;\n color: var(--soi-coco-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-coco-compo {\n background: var(--soi-coco-off-white);\n border-radius: var(--soi-coco-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-coco-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-coco-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-coco-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-coco-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-coco-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-coco-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-coco-marine);\n text-align: right;\n}\n\n\/* === CTA BOX === *\/\n.soi-coco-cta-box {\n background: var(--soi-coco-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-coco-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-coco-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-coco-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-coco-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-coco-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-coco-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 500;\n color: var(--soi-coco-white);\n line-height: 1.5;\n margin: 0;\n max-width: 620px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-coco-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-coco-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-coco-compo-value {\n text-align: left;\n }\n\n .soi-coco-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-coco-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-coco-fiche {\n --soi-coco-text-soft: #2C3E50;\n --soi-coco-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603638608202,"sku":"NJ0210","price":7.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/najel_nj0210_huile_coco_349785ab-7b9d-4daa-b062-80d976b703e5.jpg?v=1778843259"},{"product_id":"huile-de-dattier-du-desert-certifiee-bio-najel","title":"Huile de Dattier du Désert certifiée bio – Najel","description":"\u003cdiv class=\"soi-datt-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-datt-hero\"\u003e\n \u003cdiv class=\"soi-datt-hero-tag\"\u003e\n \u003cspan class=\"soi-datt-tag-dot\"\u003e\u003c\/span\u003e\n Huile végétale · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-datt-hero-title\"\u003eUn trésor du Sahel pour votre beauté naturelle\u003c\/span\u003e\n \u003cp class=\"soi-datt-hero-subtitle\"\u003eVenue du cœur du Sahel africain, une huile végétale rare au toucher sec rarissime qui nourrit votre peau et vos cheveux sans jamais les alourdir.\u003c\/p\u003e\n \u003cdiv class=\"soi-datt-hero-labels\"\u003e\n \u003cspan class=\"soi-datt-label soi-datt-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-datt-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-datt-label\"\u003eNON COMÉDOGÈNE\u003c\/span\u003e\n \u003cspan class=\"soi-datt-label\"\u003eTOUCHER SEC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Composition --\u003e\n \u003csection class=\"soi-datt-section\"\u003e\n \u003ch2\u003eComposition de l'huile de dattier du désert Najel\u003c\/h2\u003e\n \u003cp class=\"soi-datt-section-intro\"\u003eL'huile de dattier du désert doit ses propriétés à une composition riche et équilibrée en acides gras essentiels :\u003c\/p\u003e\n\n \u003cdiv class=\"soi-datt-grid\"\u003e\n \u003cdiv class=\"soi-datt-card\"\u003e\n \u003ch3\u003e🫒 Acide oléique (oméga-9) : 36 à 45 %\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur, renforce la barrière cutanée et apporte de la souplesse à la peau comme aux cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-datt-card\"\u003e\n \u003ch3\u003e💧 Acide linoléique (oméga-6) : 26 à 35 %\u003c\/h3\u003e\n \u003cp\u003eRégulateur sébacé naturel, il convient particulièrement aux peaux mixtes et à tendance acnéique. L'huile de dattier du désert est non comédogène, avec un indice estimé à 1 sur 5.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-datt-card\"\u003e\n \u003ch3\u003e🤲 Acide palmitique : 11 à 16 %\u003c\/h3\u003e\n \u003cp\u003eAgent émollient doux qui améliore le confort cutané au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-datt-card\"\u003e\n \u003ch3\u003e🛡️ Acide stéarique : 5 à 9 %\u003c\/h3\u003e\n \u003cp\u003eRenforce la texture et la tenue du film hydrolipidique de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-datt-card\"\u003e\n \u003ch3\u003e✨ Stérols végétaux et tocophérols (vitamine E)\u003c\/h3\u003e\n \u003cp\u003ePropriétés antioxydantes qui contribuent à lutter contre le vieillissement cutané prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-datt-compo\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-datt-compo-row\"\u003e\n \u003cspan class=\"soi-datt-compo-label\"\u003eIngrédient INCI\u003c\/span\u003e\n \u003cspan class=\"soi-datt-compo-value\"\u003eBalanites Aegyptiaca Seed Oil*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-datt-compo-row\"\u003e\n \u003cspan class=\"soi-datt-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-datt-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-datt-compo-row\"\u003e\n \u003cspan class=\"soi-datt-compo-label\"\u003eOrigine botanique\u003c\/span\u003e\n \u003cspan class=\"soi-datt-compo-value\"\u003eBalanites aegyptiaca (Sahel africain)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Vertus --\u003e\n \u003csection class=\"soi-datt-section\"\u003e\n \u003ch2\u003eLes vertus de l'huile de dattier du désert : visage, corps et cheveux\u003c\/h2\u003e\n \u003cp class=\"soi-datt-section-intro\"\u003eCe qui rend l'huile de dattier du désert particulièrement intéressante, c'est sa capacité à s'adapter à des besoins très différents :\u003c\/p\u003e\n\n \u003cdiv class=\"soi-datt-benefits\"\u003e\n \u003cdiv class=\"soi-datt-benefit\"\u003e\n \u003cdiv class=\"soi-datt-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eGrâce à son toucher sec et son profil non comédogène, elle hydrate sans occlusion, matifie légèrement et convient aux peaux mixtes à grasses. Sur les peaux sèches ou matures, elle atténue les tiraillements et contribue à lisser l'apparence des rides de déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-datt-benefit\"\u003e\n \u003cdiv class=\"soi-datt-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eAppliquée après la douche sur peau encore humide, elle pénètre en quelques secondes, laisse la peau douce et nourrie sans sensation collante. Idéale pour les coudes, genoux et talons secs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-datt-benefit\"\u003e\n \u003cdiv class=\"soi-datt-benefit-icon\"\u003e\u003cspan\u003e💇\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant shampoing, elle nourrit les fibres desséchées en profondeur. En finition sur les pointes, elle dompte les frisottis et apporte du brillant sans alourdir. Convient aux cheveux fins, bouclés ou crépus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Utilisation --\u003e\n \u003csection class=\"soi-datt-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de dattier du désert au quotidien\u003c\/h2\u003e\n\n \u003cdiv class=\"soi-datt-timeline\"\u003e\n \u003cdiv class=\"soi-datt-step\"\u003e\n \u003cdiv class=\"soi-datt-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-datt-step-content\"\u003e\n \u003ch3\u003eSoin visage matin ou soir\u003c\/h3\u003e\n \u003cp\u003e2 à 3 pressions de la pompe, à appliquer sur peau propre et légèrement humidifiée. Massez jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-datt-step\"\u003e\n \u003cdiv class=\"soi-datt-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-datt-step-content\"\u003e\n \u003ch3\u003eMasque capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur cheveux secs ou humides, laissez poser 20 à 30 minutes sous une serviette chaude, puis shampouinez normalement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-datt-step\"\u003e\n \u003cdiv class=\"soi-datt-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-datt-step-content\"\u003e\n \u003ch3\u003eSoin corps\u003c\/h3\u003e\n \u003cp\u003eQuelques pressions après la douche, à masser sur peau encore légèrement humide pour décupler l'absorption et l'effet nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Pourquoi choisir Najel --\u003e\n \u003csection class=\"soi-datt-section\"\u003e\n \u003ch2\u003ePourquoi choisir la version Najel certifiée bio ?\u003c\/h2\u003e\n\n \u003cdiv class=\"soi-datt-grid-compact\"\u003e\n \u003cdiv class=\"soi-datt-card-mini\"\u003e\n \u003cspan class=\"soi-datt-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-datt-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-datt-card-mini-value\"\u003e80 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-datt-card-mini\"\u003e\n \u003cspan class=\"soi-datt-card-mini-icon\"\u003e💎\u003c\/span\u003e\n \u003cspan class=\"soi-datt-card-mini-label\"\u003ePureté\u003c\/span\u003e\n \u003cspan class=\"soi-datt-card-mini-value\"\u003e100 % pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-datt-card-mini\"\u003e\n \u003cspan class=\"soi-datt-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-datt-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-datt-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-datt-card-mini\"\u003e\n \u003cspan class=\"soi-datt-card-mini-icon\"\u003e🌍\u003c\/span\u003e\n \u003cspan class=\"soi-datt-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-datt-card-mini-value\"\u003eSahel africain\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp style=\"margin-top: 1.25rem;\"\u003eLe flacon ambré avec pompe doseuse préserve l'huile de l'oxydation et facilite un dosage précis à chaque utilisation. La certification Cosmos Organic par Ecocert garantit une huile sans additif, sans conservateur et issue d'une agriculture respectueuse de l'environnement. En choisissant cette huile, vous soutenez aussi indirectement les communautés du Sahel qui cultivent le dattier du désert, un arbre résistant à la sécheresse qui contribue à lutter contre la désertification.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-datt-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-datt-accordion-item\"\u003e\n \u003csummary class=\"soi-datt-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"soi-datt-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical et ne remplace en aucun cas l'avis d'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 \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-datt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-datt-cta-box\"\u003e\n \u003cp class=\"soi-datt-cta-tag\" style=\"color: white;\"\u003eUn trésor du Sahel pour votre beauté naturelle\u003c\/p\u003e\n \u003cp class=\"soi-datt-cta-text\" style=\"color: white;\"\u003eDécouvrez une huile végétale rare, à la texture sèche et fondante, qui nourrit votre peau et vos cheveux sans jamais les alourdir. 80 ml d'excellence bio, pressés à froid, pour un rituel quotidien simple, efficace et respectueux 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-datt-marine: #1A2D3D;\n --soi-datt-marine-dark: #0F1E2B;\n --soi-datt-marine-light: #2C4458;\n --soi-datt-pomme: #A1C544;\n --soi-datt-pomme-dark: #84A636;\n --soi-datt-pomme-light: rgba(161,197,68,0.10);\n\n --soi-datt-white: #FFFFFF;\n --soi-datt-off-white: #F8FAF6;\n --soi-datt-stone: #F1F3EE;\n --soi-datt-line: #E5E8E0;\n\n --soi-datt-primary: #C8A96E;\n --soi-datt-primary-soft: #E8D8B8;\n --soi-datt-accent: #8B6E3F;\n\n --soi-datt-text: #1A2D3D;\n --soi-datt-text-soft: #4A5B6B;\n --soi-datt-text-muted: #7B8693;\n\n --soi-datt-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-datt-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-datt-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-datt-radius: 12px;\n --soi-datt-radius-sm: 8px;\n --soi-datt-radius-pill: 999px;\n}\n\n.soi-datt-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-datt-fiche img { max-width: 100%; height: auto; }\n\n.soi-datt-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-datt-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-datt-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-datt-hero {\n position: relative;\n background: var(--soi-datt-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-datt-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-datt-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-datt-pomme);\n}\n\n.soi-datt-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-datt-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-datt-pomme);\n border-radius: 50%;\n}\n\n.soi-datt-hero-title {\n display: block;\n color: var(--soi-datt-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-datt-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-datt-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-datt-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-datt-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-datt-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-datt-label-accent {\n background: var(--soi-datt-pomme);\n border-color: var(--soi-datt-pomme);\n color: var(--soi-datt-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-datt-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-datt-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-datt-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-datt-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-datt-pomme);\n border-radius: 2px;\n}\n\n.soi-datt-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-datt-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-datt-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-datt-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-datt-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-datt-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-datt-benefit {\n background: var(--soi-datt-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-datt-radius);\n border: 1px solid var(--soi-datt-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-datt-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-datt-shadow-md);\n}\n\n.soi-datt-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-datt-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-datt-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-datt-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-datt-benefit:hover .soi-datt-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-datt-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-datt-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-datt-benefit p {\n font-size: 13px;\n color: var(--soi-datt-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-datt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-datt-card {\n background: var(--soi-datt-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-datt-radius);\n border-left: 3px solid var(--soi-datt-pomme);\n}\n\n.soi-datt-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-datt-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-datt-card p {\n font-size: 14px;\n color: var(--soi-datt-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-datt-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-datt-card-mini {\n background: var(--soi-datt-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-datt-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-datt-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-datt-card-mini-label {\n font-size: 11px;\n color: var(--soi-datt-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-datt-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-datt-marine);\n}\n\n\/* TIMELINE *\/\n.soi-datt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-datt-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-datt-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-datt-radius);\n border: 1px solid var(--soi-datt-line);\n align-items: flex-start;\n}\n\n.soi-datt-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-datt-marine);\n color: var(--soi-datt-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-datt-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-datt-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-datt-step-content p {\n font-size: 14px;\n color: var(--soi-datt-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION (data rows) *\/\n.soi-datt-compo {\n background: var(--soi-datt-off-white);\n border-radius: var(--soi-datt-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-datt-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-datt-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-datt-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-datt-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-datt-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-datt-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-datt-marine);\n text-align: right;\n}\n\n\/* ACCORDION *\/\n.soi-datt-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-datt-accordion-item {\n background: var(--soi-datt-off-white);\n border-radius: var(--soi-datt-radius-sm);\n border: 1px solid var(--soi-datt-line);\n overflow: hidden;\n}\n\n.soi-datt-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-datt-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-datt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-datt-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-datt-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-datt-accordion-item[open] .soi-datt-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-datt-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-datt-accordion-content p {\n font-size: 14px;\n color: var(--soi-datt-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-datt-cta-box {\n background: var(--soi-datt-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-datt-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-datt-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-datt-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-datt-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-datt-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-datt-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-datt-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-datt-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-datt-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-datt-compo-value {\n text-align: left;\n }\n\n .soi-datt-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-datt-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-datt-fiche {\n --soi-datt-text-soft: #2C3E50;\n --soi-datt-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603639755082,"sku":"NJ0220","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-dattier-du-desert-certifiee-bio-najel-packshot.webp?v=1784729628"},{"product_id":"beurre-de-karite-parfum-cacao-certifie-bio-najel","title":"Beurre de karité parfum cacao certifié bio – Najel","description":"\n\u003cdiv class=\"soi-kari-fiche\"\u003e\n\n \u003csection class=\"soi-kari-hero\"\u003e\n \u003cdiv class=\"soi-kari-hero-tag\"\u003e\n \u003cspan class=\"soi-kari-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-kari-hero-title\"\u003eUn seul pot, mille bienfaits\u003c\/span\u003e\n \u003cp class=\"soi-kari-hero-subtitle\"\u003eUn soin universel, nourrissant et protecteur pour le visage, le corps et les cheveux, aux notes gourmandes de cacao.\u003c\/p\u003e\n \u003cdiv class=\"soi-kari-hero-labels\"\u003e\n \u003cspan class=\"soi-kari-label soi-kari-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-kari-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-kari-label\"\u003eCOMMERCE ÉQUITABLE\u003c\/span\u003e\n \u003cspan class=\"soi-kari-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003eUn beurre de karité bio parfum cacao conçu pour nourrir, protéger \u0026amp; se faire plaisir\u003c\/h2\u003e\n \u003cp\u003eSi vous cherchez un soin universel, naturel et vraiment efficace, le \u003cstrong\u003ebeurre de karité parfum cacao Najel\u003c\/strong\u003e est fait pour vous. Certifié \u003cstrong\u003eCosmos Organic par Ecocert\u003c\/strong\u003e, fabriqué artisanalement par une coopérative de femmes ghanéennes dans le respect du commerce équitable, ce beurre allie la puissance nutritive du karité aux notes gourmandes du cacao. Visage, corps, cheveux : il s'adapte à tous vos besoins, en toutes saisons.\u003c\/p\u003e\n \u003cdiv class=\"soi-kari-grid-compact\"\u003e\n \u003cdiv class=\"soi-kari-card-mini\"\u003e\n \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🫙\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-value\"\u003ePot de 100 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card-mini\"\u003e\n \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🌍\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-value\"\u003eGhana\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card-mini\"\u003e\n \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-label\"\u003eQualité\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-value\"\u003e100 % brut, non raffiné\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card-mini\"\u003e\n \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🤎\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-value\"\u003eCacao naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003ePourquoi le beurre de karité est-il si précieux pour la peau et les cheveux ?\u003c\/h2\u003e\n \u003cp class=\"soi-kari-section-intro\"\u003eLe \u003cstrong\u003ebeurre de karité\u003c\/strong\u003e est extrait des noix de l'arbre \u003cem\u003eVitellaria paradoxa\u003c\/em\u003e, poussant dans les savanes d'Afrique de l'Ouest. Sa richesse exceptionnelle en \u003cstrong\u003eacides gras\u003c\/strong\u003e (oléique, stéarique, linoléique) et en \u003cstrong\u003evitamines A, D, E et F\u003c\/strong\u003e en fait un ingrédient de référence en cosmétique naturelle.\u003c\/p\u003e\n \u003cdiv class=\"soi-kari-benefits\"\u003e\n \u003cdiv class=\"soi-kari-benefit\"\u003e\n \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFilm protecteur\u003c\/h3\u003e\n \u003cp\u003eRestaure le film hydrolipidique de la peau et des cheveux pour une protection durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-benefit\"\u003e\n \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRégénération cellulaire\u003c\/h3\u003e\n \u003cp\u003eFavorise le renouvellement cellulaire grâce à sa teneur en vitamine A.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-benefit\"\u003e\n \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAntioxydant naturel\u003c\/h3\u003e\n \u003cp\u003eProtège contre le stress oxydatif grâce à la vitamine E naturellement présente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-benefit\"\u003e\n \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉlasticité renforcée\u003c\/h3\u003e\n \u003cp\u003eRenforce l'élasticité cutanée et réduit l'aspect des peaux très sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-tip\"\u003e\n \u003cdiv class=\"soi-kari-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n \u003cp\u003eContrairement à de nombreux produits du marché, ce beurre est \u003cstrong\u003e100 % brut et non raffiné\u003c\/strong\u003e : toutes ses propriétés actives sont intégralement préservées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003eLe beurre de karité dans les cheveux : un soin réparateur complet\u003c\/h2\u003e\n \u003cp class=\"soi-kari-section-intro\"\u003eVous vous demandez comment utiliser le \u003cstrong\u003ebeurre de karité sur vos cheveux\u003c\/strong\u003e ? C'est l'un des soins capillaires les plus polyvalents qui existent. Voici comment en tirer le meilleur parti.\u003c\/p\u003e\n \u003cdiv class=\"soi-kari-grid\"\u003e\n \u003cdiv class=\"soi-kari-card\"\u003e\n \u003ch3\u003e🧖 Masque nourrissant\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de beurre fondu entre vos paumes sur les longueurs et pointes, laissez poser 20 à 30 minutes sous une serviette chaude, puis rincez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card\"\u003e\n \u003ch3\u003e💎 Soin sans rinçage\u003c\/h3\u003e\n \u003cp\u003eUne infime quantité sur les pointes sèches suffit à dompter les frisottis et apporter de la brillance au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card\"\u003e\n \u003ch3\u003e🌡️ Bouclier thermique naturel\u003c\/h3\u003e\n \u003cp\u003eAppliqué avant le brushing, il protège la fibre capillaire de la chaleur et limite les dommages liés au coiffage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eLes \u003cstrong\u003echeveux secs, abîmés ou crépus\u003c\/strong\u003e répondent particulièrement bien au beurre de karité : ils retrouvent souplesse, brillance et densité visuelle dès les premières applications.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003eUn soin complet pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"soi-kari-section-intro\"\u003eAu-delà des cheveux, ce \u003cstrong\u003ebeurre de karité bio\u003c\/strong\u003e s'utilise partout. Sa texture solide fond instantanément au contact de la chaleur des mains, pour une application fluide et agréable. Le \u003cstrong\u003eparfum naturel de cacao\u003c\/strong\u003e transforme chaque geste en une pause sensorielle vraiment plaisante.\u003c\/p\u003e\n \u003cdiv class=\"soi-kari-grid\"\u003e\n \u003cdiv class=\"soi-kari-card\"\u003e\n \u003ch3\u003e🌸 Visage\u003c\/h3\u003e\n \u003cp\u003eCrème de nuit naturelle sur peaux sèches ou sensibles, soin des lèvres gercées. Une protection douce et enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eProtection contre le froid et le vent, soin après-soleil apaisant, baume pour les talons abîmés. Votre allié en toutes saisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card\"\u003e\n \u003ch3\u003e🤲 Mains\u003c\/h3\u003e\n \u003cp\u003eRestaure les mains desséchées après de fréquents lavages. Quelques secondes suffisent pour retrouver confort et douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003eComposition et certification\u003c\/h2\u003e\n \u003cdiv class=\"soi-kari-compo\"\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003eIngrédients INCI\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003eButyrospermum Parkii (Shea) Butter*, Parfum (Fragrance)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003e* Origine\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003eIngrédient issu de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003eProvenance\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003eGhana, commerce équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003ePot de 100 g, texture solide fondant à la chaleur des mains\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003eComment utiliser le beurre de karité Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-kari-timeline\"\u003e\n \u003cdiv class=\"soi-kari-step\"\u003e\n \u003cdiv class=\"soi-kari-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step-content\"\u003e\n \u003ch3\u003ePrélevez\u003c\/h3\u003e\n \u003cp\u003ePrélevez une petite quantité de beurre avec les doigts propres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step\"\u003e\n \u003cdiv class=\"soi-kari-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step-content\"\u003e\n \u003ch3\u003eFaites fondre\u003c\/h3\u003e\n \u003cp\u003eFaites fondre le beurre entre vos paumes pendant quelques secondes jusqu'à obtenir une texture fluide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step\"\u003e\n \u003cdiv class=\"soi-kari-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eAppliquez en massant doucement sur la zone souhaitée : peau, cheveux, mains ou pieds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step\"\u003e\n \u003cdiv class=\"soi-kari-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step-content\"\u003e\n \u003ch3\u003eDosez progressivement\u003c\/h3\u003e\n \u003cp\u003eCommencez par de petites quantités, surtout sur le visage, pour habituer votre peau au soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kari-section\"\u003e\n \u003cdiv class=\"soi-kari-accordion\"\u003e\n \u003cdetails class=\"soi-kari-accordion-item\"\u003e\n \u003csummary class=\"soi-kari-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-kari-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne remplace pas un traitement médical. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kari-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-kari-cta-box\"\u003e\n \u003cp class=\"soi-kari-cta-tag\" style=\"color: white;\"\u003eUn seul pot, mille bienfaits\u003c\/p\u003e\n \u003cp class=\"soi-kari-cta-text\" style=\"color: white;\"\u003eHydrater, protéger, réparer et se faire du bien : le beurre de karité cacao Najel vous accompagne au quotidien, avec toute la générosité de la nature et le savoir-faire artisanal des femmes du Ghana.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-kari-marine: #1A2D3D;\n --soi-kari-marine-dark: #0F1E2B;\n --soi-kari-marine-light: #2C4458;\n --soi-kari-pomme: #A1C544;\n --soi-kari-pomme-dark: #84A636;\n --soi-kari-pomme-light: rgba(161,197,68,0.10);\n\n --soi-kari-white: #FFFFFF;\n --soi-kari-off-white: #F8FAF6;\n --soi-kari-stone: #F1F3EE;\n --soi-kari-line: #E5E8E0;\n\n --soi-kari-primary: #D4A460;\n --soi-kari-primary-soft: #E8C88A;\n --soi-kari-accent: #4A2F24;\n\n --soi-kari-text: #1A2D3D;\n --soi-kari-text-soft: #4A5B6B;\n --soi-kari-text-muted: #7B8693;\n\n --soi-kari-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-kari-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-kari-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-kari-radius: 12px;\n --soi-kari-radius-sm: 8px;\n --soi-kari-radius-pill: 999px;\n}\n\n.soi-kari-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-kari-fiche img { max-width: 100%; height: auto; }\n\n.soi-kari-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-kari-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-kari-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-kari-hero {\n position: relative;\n background: var(--soi-kari-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-kari-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-kari-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-kari-pomme);\n}\n\n.soi-kari-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-kari-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-kari-pomme);\n border-radius: 50%;\n}\n\n.soi-kari-hero-title {\n display: block;\n color: var(--soi-kari-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-kari-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-kari-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-kari-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-kari-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-kari-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-kari-label-accent {\n background: var(--soi-kari-pomme);\n border-color: var(--soi-kari-pomme);\n color: var(--soi-kari-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-kari-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-kari-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-kari-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-kari-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-kari-pomme);\n border-radius: 2px;\n}\n\n.soi-kari-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-kari-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-kari-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-kari-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-kari-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-kari-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-kari-benefit {\n background: var(--soi-kari-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-kari-radius);\n border: 1px solid var(--soi-kari-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-kari-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-kari-shadow-md);\n}\n\n.soi-kari-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-kari-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-kari-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-kari-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-kari-benefit:hover .soi-kari-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-kari-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-kari-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-kari-benefit p {\n font-size: 13px;\n color: var(--soi-kari-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-kari-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-kari-card {\n background: var(--soi-kari-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-kari-radius);\n border-left: 3px solid var(--soi-kari-pomme);\n}\n\n.soi-kari-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-kari-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-kari-card p {\n font-size: 14px;\n color: var(--soi-kari-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-kari-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-kari-card-mini {\n background: var(--soi-kari-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-kari-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-kari-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-kari-card-mini-label {\n font-size: 11px;\n color: var(--soi-kari-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-kari-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-kari-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-kari-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-kari-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-kari-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-kari-radius);\n border: 1px solid var(--soi-kari-line);\n align-items: flex-start;\n}\n\n.soi-kari-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-kari-marine);\n color: var(--soi-kari-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-kari-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-kari-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-kari-step-content p {\n font-size: 14px;\n color: var(--soi-kari-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-kari-compo {\n background: var(--soi-kari-off-white);\n border-radius: var(--soi-kari-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-kari-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-kari-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-kari-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-kari-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-kari-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-kari-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-kari-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-kari-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-kari-pomme-light);\n border-left: 4px solid var(--soi-kari-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-kari-radius) var(--soi-kari-radius) 0;\n align-items: flex-start;\n}\n\n.soi-kari-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-kari-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-kari-marine);\n margin-bottom: 4px;\n}\n\n.soi-kari-tip p {\n font-size: 14px;\n color: var(--soi-kari-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-kari-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-kari-accordion-item {\n background: var(--soi-kari-off-white);\n border-radius: var(--soi-kari-radius-sm);\n border: 1px solid var(--soi-kari-line);\n overflow: hidden;\n}\n\n.soi-kari-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-kari-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-kari-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-kari-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-kari-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-kari-accordion-item[open] .soi-kari-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-kari-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-kari-accordion-content p {\n font-size: 14px;\n color: var(--soi-kari-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-kari-cta-box {\n background: var(--soi-kari-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-kari-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-kari-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-kari-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-kari-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-kari-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-kari-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-kari-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-kari-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-kari-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-kari-compo-value {\n text-align: left;\n }\n\n .soi-kari-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-kari-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-kari-fiche {\n --soi-kari-text-soft: #2C3E50;\n --soi-kari-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603639853386,"sku":"NJ0230","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/beurre-de-karite-parfum-cacao-certifie-bio-najel-packshot.webp?v=1779807920"},{"product_id":"baume-soin-coco-certifie-bio-najel","title":"Baume soin coco certifié bio – Najel","description":"\u003cdiv class=\"soi-bcoco-fiche\"\u003e\n\n \u003csection class=\"soi-bcoco-hero\"\u003e\n \u003cdiv class=\"soi-bcoco-hero-tag\"\u003e\n \u003cspan class=\"soi-bcoco-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique corps \u0026amp; cheveux · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-bcoco-hero-title\"\u003eNourri, Répare \u0026amp; Protège\u003c\/span\u003e\n \u003cp class=\"soi-bcoco-hero-subtitle\"\u003eUne texture fondante aux actifs biologiques généreux pour nourrir, réparer et protéger votre peau et vos cheveux en un seul geste.\u003c\/p\u003e\n \u003cdiv class=\"soi-bcoco-hero-labels\"\u003e\n \u003cspan class=\"soi-bcoco-label soi-bcoco-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-bcoco-label\"\u003e100 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-bcoco-label\"\u003eCERTIFIÉ ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-bcoco-label\"\u003eMADE IN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bcoco-section\"\u003e\n \u003ch2\u003eUn baume fondant nourrissant coco bio, riche en actifs naturels d'exception\u003c\/h2\u003e\n \u003cp class=\"soi-bcoco-section-intro\"\u003eCe baume au karité et à la noix de coco bio tire sa force d'une synergie d'ingrédients botaniques soigneusement dosés.\u003c\/p\u003e\n \u003cdiv class=\"soi-bcoco-grid\"\u003e\n \u003cdiv class=\"soi-bcoco-card\"\u003e\n \u003ch3\u003e🥥 Huile de noix de coco bio\u003c\/h3\u003e\n \u003cp\u003eLégère et pénétrante, elle hydrate sans alourdir et laisse un parfum doux et enveloppant sur votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eVéritable bouclier naturel, il nourrit en profondeur et protège votre peau des agressions extérieures, notamment en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive vierge bio et beurre d'olive bio\u003c\/h3\u003e\n \u003cp\u003eReconnus pour leurs propriétés émollientes, ils assouplissent les peaux les plus sèches et rugueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-tip\"\u003e\n \u003cdiv class=\"soi-bcoco-tip-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUne formule certifiée Cosmos Organic par Ecocert, sans conservateur de synthèse, sans parfum artificiel. Elle respecte à la fois votre peau et l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bcoco-section\"\u003e\n \u003ch2\u003eCorps et cheveux : comment utiliser ce baume extra riche coco bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-bcoco-benefits\"\u003e\n \u003cdiv class=\"soi-bcoco-benefit\"\u003e\n \u003cdiv class=\"soi-bcoco-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette sur les zones très sèches (talons, coudes, genoux) après la douche, sur peau légèrement humide pour optimiser l'absorption. La peau est instantanément apaisée et protégée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-benefit\"\u003e\n \u003cdiv class=\"soi-bcoco-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEn masque capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur longueurs et pointes sèches ou abîmées, laissez poser 20 à 30 minutes (ou toute une nuit), puis rincez. Vos cheveux retrouvent souplesse, brillance et légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-benefit\"\u003e\n \u003cdiv class=\"soi-bcoco-benefit-icon\"\u003e\u003cspan\u003e👄\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eLèvres et zones sensibles\u003c\/h3\u003e\n \u003cp\u003eSa formule douce et naturelle convient aux lèvres gercées, au contour des yeux ou aux petites zones irritées qui réclament un soin intensif rapide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-benefit\"\u003e\n \u003cdiv class=\"soi-bcoco-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEn soin visage nourrissant\u003c\/h3\u003e\n \u003cp\u003eAppliqué en fine couche le soir sur peaux sèches ou déshydratées, il agit comme un baume de nuit réparateur, pour un teint repulpé au réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bcoco-section\"\u003e\n \u003ch2\u003eComposition complète du baume soin Coco Najel\u003c\/h2\u003e\n \u003cp class=\"soi-bcoco-section-intro\"\u003eVoici la liste INCI complète pour une totale transparence :\u003c\/p\u003e\n \u003cdiv class=\"soi-bcoco-compo\"\u003e\n \u003cdiv class=\"soi-bcoco-compo-row\"\u003e\n \u003cspan class=\"soi-bcoco-compo-label\"\u003eCocos Nucifera (Coconut) Oil*\u003c\/span\u003e\n \u003cspan class=\"soi-bcoco-compo-value\"\u003eHuile de noix de coco bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-compo-row\"\u003e\n \u003cspan class=\"soi-bcoco-compo-label\"\u003eButyrospermum Parkii (Shea) Butter*\u003c\/span\u003e\n \u003cspan class=\"soi-bcoco-compo-value\"\u003eBeurre de karité bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-compo-row\"\u003e\n \u003cspan class=\"soi-bcoco-compo-label\"\u003eOlea Europaea (Olive) Fruit Oil*\u003c\/span\u003e\n \u003cspan class=\"soi-bcoco-compo-value\"\u003eHuile d'olive vierge bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-compo-row\"\u003e\n \u003cspan class=\"soi-bcoco-compo-label\"\u003eOlea Europaea (Olive) Fruit Butter*\u003c\/span\u003e\n \u003cspan class=\"soi-bcoco-compo-value\"\u003eBeurre d'olive bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-compo-row\"\u003e\n \u003cspan class=\"soi-bcoco-compo-label\"\u003eParfum (Fragrance)**\u003c\/span\u003e\n \u003cspan class=\"soi-bcoco-compo-value\"\u003eParfum naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 12px; color: var(--soi-bcoco-text-muted); margin-top: 0.75rem; line-height: 1.6;\"\u003e* Ingrédients issus de l'agriculture biologique. ** Parfum naturel. Produit certifié Cosmos Organic par Ecocert.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bcoco-section\"\u003e\n \u003ch2\u003eCe baume coco bio est-il fait pour vous ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-bcoco-grid\"\u003e\n \u003cdiv class=\"soi-bcoco-card\"\u003e\n \u003ch3\u003e🤲 Peaux sèches, très sèches ou réactives\u003c\/h3\u003e\n \u003cp\u003eVous recherchez une hydratation intense sans ingrédients chimiques. Ce baume apporte une nutrition profonde et durable à votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-card\"\u003e\n \u003ch3\u003e💇 Cheveux abîmés, cassants ou déshydratés\u003c\/h3\u003e\n \u003cp\u003eChaleur, soleil, colorations : vos cheveux ont besoin d'un soin réparateur. Ce baume leur redonne souplesse et brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-card\"\u003e\n \u003ch3\u003e🌱 Adeptes du naturel et du bio\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez simplifier votre routine beauté avec un produit multi-usages, certifié bio et fabriqué en France, sans parfums de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bcoco-section\"\u003e\n \u003cdiv class=\"soi-bcoco-accordion\"\u003e\n \u003cdetails class=\"soi-bcoco-accordion-item\"\u003e\n \u003csummary class=\"soi-bcoco-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-bcoco-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne se substitue pas à un avis dermatologique 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-bcoco-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-bcoco-cta-box\"\u003e\n \u003cp class=\"soi-bcoco-cta-tag\" style=\"color: white;\"\u003eUn seul pot, mille douceurs\u003c\/p\u003e\n \u003cp class=\"soi-bcoco-cta-text\" style=\"color: white;\"\u003eDes actifs biologiques vrais, une formule transparente et un parfum de coco qui transforme chaque geste en moment de plaisir. Pour votre peau comme pour vos cheveux, découvrez le soin dont vous ne pourrez plus vous passer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-bcoco-marine: #1A2D3D;\n --soi-bcoco-marine-dark: #0F1E2B;\n --soi-bcoco-marine-light: #2C4458;\n --soi-bcoco-pomme: #A1C544;\n --soi-bcoco-pomme-dark: #84A636;\n --soi-bcoco-pomme-light: rgba(161,197,68,0.10);\n --soi-bcoco-white: #FFFFFF;\n --soi-bcoco-off-white: #F8FAF6;\n --soi-bcoco-stone: #F1F3EE;\n --soi-bcoco-line: #E5E8E0;\n --soi-bcoco-primary: #C4A882;\n --soi-bcoco-primary-soft: #E8D8C4;\n --soi-bcoco-accent: #8B6F52;\n --soi-bcoco-text: #1A2D3D;\n --soi-bcoco-text-soft: #4A5B6B;\n --soi-bcoco-text-muted: #7B8693;\n --soi-bcoco-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-bcoco-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-bcoco-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-bcoco-radius: 12px;\n --soi-bcoco-radius-sm: 8px;\n --soi-bcoco-radius-pill: 999px;\n}\n\n.soi-bcoco-fiche * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.soi-bcoco-fiche img {\n max-width: 100%;\n height: auto;\n}\n\n.soi-bcoco-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-bcoco-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-bcoco-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-bcoco-hero {\n position: relative;\n background: var(--soi-bcoco-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-bcoco-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-bcoco-hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--soi-bcoco-pomme);\n}\n\n.soi-bcoco-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-bcoco-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-bcoco-pomme);\n border-radius: 50%;\n}\n\n.soi-bcoco-hero-title {\n display: block;\n color: var(--soi-bcoco-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-bcoco-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-bcoco-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-bcoco-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-bcoco-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-bcoco-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-bcoco-label-accent {\n background: var(--soi-bcoco-pomme);\n border-color: var(--soi-bcoco-pomme);\n color: var(--soi-bcoco-marine);\n font-weight: 600;\n}\n\n.soi-bcoco-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bcoco-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-bcoco-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-bcoco-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-bcoco-pomme);\n border-radius: 2px;\n}\n\n.soi-bcoco-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-bcoco-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-bcoco-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-bcoco-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-bcoco-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-bcoco-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-bcoco-benefit {\n background: var(--soi-bcoco-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-bcoco-radius);\n border: 1px solid var(--soi-bcoco-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bcoco-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-bcoco-shadow-md);\n}\n\n.soi-bcoco-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-bcoco-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-bcoco-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-bcoco-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-bcoco-benefit:hover .soi-bcoco-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-bcoco-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bcoco-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bcoco-benefit p {\n font-size: 13px;\n color: var(--soi-bcoco-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bcoco-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-bcoco-card {\n background: var(--soi-bcoco-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-bcoco-radius);\n border-left: 3px solid var(--soi-bcoco-pomme);\n}\n\n.soi-bcoco-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bcoco-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bcoco-card p {\n font-size: 14px;\n color: var(--soi-bcoco-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bcoco-compo {\n background: var(--soi-bcoco-off-white);\n border-radius: var(--soi-bcoco-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-bcoco-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-bcoco-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-bcoco-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-bcoco-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-bcoco-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-family: 'Inter', sans-serif;\n}\n\n.soi-bcoco-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-bcoco-marine);\n text-align: right;\n}\n\n.soi-bcoco-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-bcoco-pomme-light);\n border-left: 4px solid var(--soi-bcoco-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-bcoco-radius) var(--soi-bcoco-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-bcoco-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-bcoco-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-bcoco-marine);\n margin-bottom: 4px;\n}\n\n.soi-bcoco-tip p {\n font-size: 14px;\n color: var(--soi-bcoco-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bcoco-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-bcoco-accordion-item {\n background: var(--soi-bcoco-off-white);\n border-radius: var(--soi-bcoco-radius-sm);\n border: 1px solid var(--soi-bcoco-line);\n overflow: hidden;\n}\n\n.soi-bcoco-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-bcoco-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-bcoco-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-bcoco-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-bcoco-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-bcoco-accordion-item[open] .soi-bcoco-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-bcoco-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-bcoco-accordion-content p {\n font-size: 14px;\n color: var(--soi-bcoco-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bcoco-cta-box {\n background: var(--soi-bcoco-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-bcoco-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-bcoco-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-bcoco-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-bcoco-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-bcoco-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-bcoco-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-bcoco-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-bcoco-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-bcoco-compo-value {\n text-align: left;\n }\n\n .soi-bcoco-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-bcoco-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-bcoco-fiche {\n --soi-bcoco-text-soft: #2C3E50;\n --soi-bcoco-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603640639818,"sku":"NJ0250","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/baume-soin-coco-certifie-bio-najel-packshot.webp?v=1779807581"},{"product_id":"savon-dalep-12-hbl-najel","title":"Savon d'Alep 12% HBL - 100g Oliver \u0026 Laurier - Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003e3 millénaires de tradition, 2 ingrédients naturels\n\n\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eL'alliance millénaire de l'olive et du laurier pour une peau nettoyée en douceur, sans compromis sur la naturalité.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e12 % HUILE DE BAIES DE LAURIER\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003ePEAUX NORMALES À MIXTES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003ePAIN SOLIDE 100 G\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep plutôt qu'un savon classique ?\u003c\/h2\u003e\n \u003cp\u003eContrairement aux savons industriels qui contiennent souvent des agents moussants agressifs, des détergents ou des parfums de synthèse, le savon d'Alep repose sur deux ingrédients naturels seulement. L'huile d'olive saponifiée nettoie en douceur tout en préservant le film hydrolipidique de la peau. L'huile de baies de laurier, riche en acide laurique et en antioxydants, apporte ses propriétés apaisantes, assainissantes et régénératrices. Résultat : une peau propre, souple, sans sensation de tiraillement.\u003c\/p\u003e\n \u003cp\u003eLes dermatologues s'accordent généralement à reconnaître que le savon d'Alep convient aux peaux sensibles et aux peaux mixtes, notamment grâce à l'absence de perturbateurs endocriniens ou de colorants artificiels. Il ne remplace pas un traitement médical prescrit, mais il constitue un nettoyant quotidien sain et respectueux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du Savon d'Alep 12 % HBL Najel\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\"\u003eSodium olivate (huile d'olive saponifiée)\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e88 % · Base nettoyante et nourrissante\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 (Laurus nobilis)\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e12 % · Actif apaisant et régénérant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eEau, soude\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eAgents de saponification naturels\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\u003eAucun parfum ajouté, aucun conservateur de synthèse, aucun colorant. La teinte brun-vert caractéristique du savon est naturelle et s'intensifie avec le vieillissement du pain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep selon le taux de laurier\u003c\/h2\u003e\n \u003cp\u003eLe pourcentage d'huile de baies de laurier détermine l'intensité d'action du savon. À 12 % HBL, ce savon Najel correspond à un usage quotidien polyvalent, idéal si vous avez une peau normale, mixte ou légèrement réactive. Plus le taux est élevé, plus l'action est ciblée sur les peaux à problèmes.\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\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eFrottez le pain entre vos mains mouillées pour former une mousse légère, appliquez sur la peau humide en massages circulaires doux, puis rincez à l'eau tiède. Une fois par jour suffit.\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-le comme n'importe quel savon sous la douche. Sa mousse fine mais enveloppante laisse la peau douce sans résidu gras.\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\u003eCertains l'utilisent en shampoing solide, notamment pour les cuirs chevelus gras ou sensibles. Un temps d'adaptation de 2 à 3 semaines est à prévoir.\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\u003eConservation\u003c\/h3\u003e\n \u003cp\u003eAprès usage, laissez le savon sécher sur un porte-savon aéré. Un pain bien conservé dure plusieurs mois et améliore ses propriétés en vieillissant.\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 savoir-faire artisanal vieux de plusieurs siècles\u003c\/h2\u003e\n \u003cp\u003eChaque pain de savon d'Alep Najel est fabriqué selon le procédé traditionnel à chaud : les huiles sont chauffées, saponifiées, puis le mélange est coulé en dalles et laissé à sécher en cave pendant au moins 9 mois. Ce temps de maturation développe la douceur du savon et concentre ses actifs. C'est ce qui le distingue radicalement des copies industrielles.\u003c\/p\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-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\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eNajel, Héritage 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\"\u003ePoids\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003e100 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\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eNormale à mixte\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\"\u003eTaux HBL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003e12 %\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\"\u003eAdultes et enfants\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\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003ePain solide, zéro déchet\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-text\" style=\"color: white;\"\u003eLe savon d'Alep 12 % HBL de Najel : la simplicité élevée au rang de rituel. Authentique, respectueux de votre peau et de la planète, il s'intègre naturellement dans votre routine quotidienne, pour vous comme 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\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: #2D6A4F;\n --soi-alep-primary-soft: #E8F0EC;\n --soi-alep-accent: #C4A35A;\n\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section 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\/* === 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}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === 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\/* === 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\/* === 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-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":61603644703050,"sku":"NJ0050","price":4.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-12-hbl-najel-packshot_8f2a4def-04a7-4525-b6e4-059a8f997af7.webp?v=1779808848"},{"product_id":"savon-noir-a-lhuile-dargan-en-pot-najel","title":"Savon noir à l'huile d'argan en pot - Najel","description":"\u003cdiv class=\"soi-snoi-fiche\"\u003e\n\n\u003csection class=\"soi-snoi-hero\"\u003e\n \u003cdiv class=\"soi-snoi-hero-tag\"\u003e\n \u003cspan class=\"soi-snoi-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Soin corps · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-snoi-hero-title\"\u003eSavon noir à l'huile d'argan en pot\u003c\/span\u003e\n \u003cp class=\"soi-snoi-hero-subtitle\"\u003eLe rituel du hammam oriental chez vous : un gommage corps sans grain, enrichi en huile d'argan bio, pour une peau lisse, nourrie et lumineuse.\u003c\/p\u003e\n \u003cdiv class=\"soi-snoi-hero-labels\"\u003e\n \u003cspan class=\"soi-snoi-label soi-snoi-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-label\"\u003eSANS PARFUM ARTIFICIEL\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-label\"\u003eSANS COLORANT\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-label\"\u003eTRADITION ORIENTALE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-snoi-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon noir pour le corps ?\u003c\/h2\u003e\n \u003cp class=\"soi-snoi-section-intro\"\u003eContrairement à beaucoup de gommages corps contenant des microbilles ou des agents abrasifs, le savon noir agit sans grain. Son action exfoliante repose sur ses actifs naturels qui ramollissent et décollent les cellules mortes, pour un gommage particulièrement adapté aux peaux sensibles. Résultat : une peau propre, lisse et visiblement plus lumineuse, dès la première utilisation.\u003c\/p\u003e\n \u003cdiv class=\"soi-snoi-benefits\"\u003e\n \u003cdiv class=\"soi-snoi-benefit\"\u003e\n \u003cdiv class=\"soi-snoi-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eExfoliation douce sans grains\u003c\/h3\u003e\n \u003cp\u003eIdéal pour un gommage corps hebdomadaire, même sur les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-benefit\"\u003e\n \u003cdiv class=\"soi-snoi-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'argan bio\u003c\/h3\u003e\n \u003cp\u003eAntioxydante et régénérante, elle redonne souplesse et éclat à votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-benefit\"\u003e\n \u003cdiv class=\"soi-snoi-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive\u003c\/h3\u003e\n \u003cp\u003eNourrissante et apaisante, elle protège le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-benefit\"\u003e\n \u003cdiv class=\"soi-snoi-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormule épurée\u003c\/h3\u003e\n \u003cp\u003eSans parfum artificiel, sans colorant : une formulation qui laisse votre peau respirer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-snoi-section\"\u003e\n \u003ch2\u003eComment utiliser le savon noir pour le corps ?\u003c\/h2\u003e\n \u003cp class=\"soi-snoi-section-intro\"\u003eL'utilisation de ce savon noir se fait en trois étapes simples pour un résultat comparable à un soin de hammam professionnel.\u003c\/p\u003e\n \u003cdiv class=\"soi-snoi-timeline\"\u003e\n \u003cdiv class=\"soi-snoi-step\"\u003e\n \u003cdiv class=\"soi-snoi-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-step-content\"\u003e\n \u003ch3\u003ePréparez la peau\u003c\/h3\u003e\n \u003cp\u003ePrenez une douche chaude ou un bain de vapeur pendant 5 à 10 minutes pour ouvrir les pores et ramollir l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-step\"\u003e\n \u003cdiv class=\"soi-snoi-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-step-content\"\u003e\n \u003ch3\u003eAppliquez le savon noir\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de savon noir sur un gant de massage ou un gant kessa humide, et massez l'ensemble du corps en mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-step\"\u003e\n \u003cdiv class=\"soi-snoi-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eTerminez par un rinçage à l'eau tiède. Appliquez ensuite une huile ou un lait corps pour prolonger l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-tip\"\u003e\n \u003cdiv class=\"soi-snoi-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un rituel complet, renouvelez l'utilisation du savon noir corps une à deux fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-snoi-section\"\u003e\n \u003ch2\u003eComposition du savon noir Najel à l'huile d'argan\u003c\/h2\u003e\n \u003cp class=\"soi-snoi-section-intro\"\u003eCe savon noir naturel est formulé à partir d'ingrédients soigneusement sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"soi-snoi-compo\"\u003e\n \u003cdiv class=\"soi-snoi-compo-row\"\u003e\n \u003cspan class=\"soi-snoi-compo-label\"\u003eAqua\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-compo-value\"\u003eEau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-compo-row\"\u003e\n \u003cspan class=\"soi-snoi-compo-label\"\u003eOlea Europaea Fruit Oil\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-compo-value\"\u003eHuile d'olive\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-compo-row\"\u003e\n \u003cspan class=\"soi-snoi-compo-label\"\u003ePotassium Olivate\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-compo-value\"\u003eSavon d'olive saponifié\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-compo-row\"\u003e\n \u003cspan class=\"soi-snoi-compo-label\"\u003eArgania Spinosa Kernel Oil*\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-compo-value\"\u003eHuile d'argan biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-compo-row\"\u003e\n \u003cspan class=\"soi-snoi-compo-label\"\u003eGlycerin\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-compo-value\"\u003eGlycérine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-compo-row\"\u003e\n \u003cspan class=\"soi-snoi-compo-label\"\u003eSodium Chloride\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-compo-value\"\u003eChlorure de sodium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-snoi-compo-note\"\u003e* Ingrédient issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-snoi-section\"\u003e\n \u003ch2\u003ePour qui est fait ce savon noir corps ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-snoi-grid\"\u003e\n \u003cdiv class=\"soi-snoi-card\"\u003e\n \u003ch3\u003e🧖 Peaux mixtes à grasses\u003c\/h3\u003e\n \u003cp\u003eLe savon noir aide à réguler le sébum pour une peau nette et purifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-card\"\u003e\n \u003ch3\u003e💧 Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'argan et l'olive, la peau retrouve confort et souplesse après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-card\"\u003e\n \u003ch3\u003e🌟 Peaux ternes\u003c\/h3\u003e\n \u003cp\u003eL'exfoliation douce redonne éclat et luminosité aux peaux qui manquent de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eCe savon noir est adapté à tous les types de peau. Il convient aussi bien pour le visage que pour le corps, avec une application modérée sur les zones sensibles du visage.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-snoi-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-snoi-grid-compact\"\u003e\n \u003cdiv class=\"soi-snoi-card-mini\"\u003e\n \u003cspan class=\"soi-snoi-card-mini-icon\"\u003e🫙\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-card-mini-value\"\u003ePot refermable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-card-mini\"\u003e\n \u003cspan class=\"soi-snoi-card-mini-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-card-mini-value\"\u003eCosmos Natural\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-card-mini\"\u003e\n \u003cspan class=\"soi-snoi-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-card-mini-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-card-mini-value\"\u003eNajel, Héritage d'Alep\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-card-mini\"\u003e\n \u003cspan class=\"soi-snoi-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-card-mini-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-card-mini-value\"\u003eCorps et visage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-accordion\"\u003e\n \u003cdetails class=\"soi-snoi-accordion-item\"\u003e\n \u003csummary class=\"soi-snoi-accordion-header\"\u003e🧼 Formulation\u003c\/summary\u003e\n \u003cdiv class=\"soi-snoi-accordion-content\"\u003e\n \u003cp\u003eFabriqué selon la tradition orientale, sans sulfates ajoutés ni silicones.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-snoi-accordion-item\"\u003e\n \u003csummary class=\"soi-snoi-accordion-header\"\u003e📅 Fréquence recommandée\u003c\/summary\u003e\n \u003cdiv class=\"soi-snoi-accordion-content\"\u003e\n \u003cp\u003eEn gommage hebdomadaire, une à deux fois par semaine pour un rituel complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-snoi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-snoi-cta-box\"\u003e\n \u003cp class=\"soi-snoi-cta-tag\" style=\"color: white;\"\u003eVotre rituel hammam à portée de main\u003c\/p\u003e\n \u003cp class=\"soi-snoi-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau le soin qu'elle mérite. Le savon noir à l'huile d'argan Najel transforme chaque douche en véritable moment de hammam : les cellules mortes s'en vont, la peau retrouve son éclat naturel, et l'huile d'argan fait le reste.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-snoi-marine: #1A2D3D;\n --soi-snoi-marine-dark: #0F1E2B;\n --soi-snoi-marine-light: #2C4458;\n --soi-snoi-pomme: #A1C544;\n --soi-snoi-pomme-dark: #84A636;\n --soi-snoi-pomme-light: rgba(161,197,68,0.10);\n --soi-snoi-white: #FFFFFF;\n --soi-snoi-off-white: #F8FAF6;\n --soi-snoi-stone: #F1F3EE;\n --soi-snoi-line: #E5E8E0;\n --soi-snoi-primary: #6B9E7A;\n --soi-snoi-primary-soft: #E8F0EB;\n --soi-snoi-accent: #4A7A5C;\n --soi-snoi-text: #1A2D3D;\n --soi-snoi-text-soft: #4A5B6B;\n --soi-snoi-text-muted: #7B8693;\n --soi-snoi-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-snoi-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-snoi-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-snoi-radius: 12px;\n --soi-snoi-radius-sm: 8px;\n --soi-snoi-radius-pill: 999px;\n}\n\n.soi-snoi-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-snoi-fiche img { max-width: 100%; height: auto; }\n\n.soi-snoi-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-snoi-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-snoi-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-snoi-hero {\n position: relative;\n background: var(--soi-snoi-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-snoi-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-snoi-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-snoi-pomme);\n}\n\n.soi-snoi-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-snoi-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-snoi-pomme);\n border-radius: 50%;\n}\n\n.soi-snoi-hero-title {\n display: block;\n color: var(--soi-snoi-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-snoi-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-snoi-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-snoi-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-snoi-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-snoi-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-snoi-label-accent {\n background: var(--soi-snoi-pomme);\n border-color: var(--soi-snoi-pomme);\n color: var(--soi-snoi-marine);\n font-weight: 600;\n}\n\n.soi-snoi-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-snoi-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-snoi-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-snoi-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-snoi-pomme);\n border-radius: 2px;\n}\n\n.soi-snoi-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-snoi-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-snoi-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-snoi-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-snoi-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-snoi-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-snoi-benefit {\n background: var(--soi-snoi-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-snoi-radius);\n border: 1px solid var(--soi-snoi-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-snoi-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-snoi-shadow-md);\n}\n\n.soi-snoi-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-snoi-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-snoi-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-snoi-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-snoi-benefit:hover .soi-snoi-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-snoi-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-snoi-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-snoi-benefit p {\n font-size: 13px;\n color: var(--soi-snoi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-snoi-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-snoi-card {\n background: var(--soi-snoi-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-snoi-radius);\n border-left: 3px solid var(--soi-snoi-pomme);\n}\n\n.soi-snoi-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-snoi-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-snoi-card p {\n font-size: 14px;\n color: var(--soi-snoi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-snoi-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-snoi-card-mini {\n background: var(--soi-snoi-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-snoi-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-snoi-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-snoi-card-mini-label {\n font-size: 11px;\n color: var(--soi-snoi-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-snoi-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-snoi-marine);\n}\n\n.soi-snoi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-snoi-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-snoi-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-snoi-radius);\n border: 1px solid var(--soi-snoi-line);\n align-items: flex-start;\n}\n\n.soi-snoi-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-snoi-marine);\n color: var(--soi-snoi-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-snoi-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-snoi-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-snoi-step-content p {\n font-size: 14px;\n color: var(--soi-snoi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-snoi-compo {\n background: var(--soi-snoi-off-white);\n border-radius: var(--soi-snoi-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 0.75rem;\n}\n\n.soi-snoi-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-snoi-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-snoi-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-snoi-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-snoi-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-snoi-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-snoi-marine);\n text-align: right;\n}\n\n.soi-snoi-compo-note {\n font-size: 12px;\n color: var(--soi-snoi-text-muted);\n font-style: italic;\n margin-top: 0.5rem;\n}\n\n.soi-snoi-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-snoi-pomme-light);\n border-left: 4px solid var(--soi-snoi-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-snoi-radius) var(--soi-snoi-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-snoi-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-snoi-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-snoi-marine);\n margin-bottom: 4px;\n}\n\n.soi-snoi-tip p {\n font-size: 14px;\n color: var(--soi-snoi-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-snoi-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-snoi-accordion-item {\n background: var(--soi-snoi-off-white);\n border-radius: var(--soi-snoi-radius-sm);\n border: 1px solid var(--soi-snoi-line);\n overflow: hidden;\n}\n\n.soi-snoi-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-snoi-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-snoi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-snoi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-snoi-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-snoi-accordion-item[open] .soi-snoi-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-snoi-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-snoi-accordion-content p {\n font-size: 14px;\n color: var(--soi-snoi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-snoi-cta-box {\n background: var(--soi-snoi-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-snoi-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-snoi-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-snoi-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-snoi-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-snoi-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-snoi-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-snoi-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-snoi-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-snoi-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-snoi-compo-value {\n text-align: left;\n }\n\n .soi-snoi-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-snoi-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-snoi-fiche {\n --soi-snoi-text-soft: #2C3E50;\n --soi-snoi-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603645784394,"sku":"NJ0150","price":6.12,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-noir-a-lhuile-dargan-en-pot-najel-packshot_302ce0e0-3f19-4352-b950-d4bfe5438a05.webp?v=1779611117"},{"product_id":"huile-de-graines-de-figue-de-barbarie-najel","title":"Huile de graines de figue de Barbarie - 80 ml – Najel","description":"\n\n\u003cdiv class=\"soi-fdb-fiche\"\u003e\n\n \u003csection class=\"soi-fdb-hero\"\u003e\n \u003cdiv class=\"soi-fdb-hero-tag\"\u003e\n \u003cspan class=\"soi-fdb-tag-dot\"\u003e\u003c\/span\u003e\n Huile végétale · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-fdb-hero-title\"\u003eUn rituel précieux, soir après soir\u003c\/span\u003e\n \u003cp class=\"soi-fdb-hero-subtitle\"\u003eL'or liquide du désert : une huile d'exception, 100 % pure, extraite par première pression à froid pour offrir à votre peau nutrition, protection et éclat retrouvé.\u003c\/p\u003e\n \u003cdiv class=\"soi-fdb-hero-labels\"\u003e\n \u003cspan class=\"soi-fdb-label soi-fdb-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n \u003cspan class=\"soi-fdb-label\"\u003e100 % NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-fdb-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003cspan class=\"soi-fdb-label\"\u003eSANS SILICONES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-fdb-section\"\u003e\n \u003ch2\u003eHuile de pépins de figue de Barbarie Najel : l'or liquide du désert pour votre peau\u003c\/h2\u003e\n \u003cp\u003eParmi les huiles végétales les plus précieuses au monde, \u003cstrong\u003el'huile de pépins de figue de Barbarie\u003c\/strong\u003e occupe une place à part. Il faut environ \u003cstrong\u003eune tonne de fruits\u003c\/strong\u003e pour obtenir seulement un litre d'huile : c'est dire la rareté et la concentration de ses actifs. La marque \u003cstrong\u003eNajel\u003c\/strong\u003e, spécialiste des trésors du désert, vous propose ici une version \u003cstrong\u003e100 % pure, certifiée Cosmos Natural\u003c\/strong\u003e, extraite par première pression à froid pour préserver tous ses bienfaits.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-fdb-section\"\u003e\n \u003ch2\u003ePourquoi cette huile de figue de Barbarie est-elle si efficace ?\u003c\/h2\u003e\n \u003cp class=\"soi-fdb-section-intro\"\u003eSa composition est tout simplement exceptionnelle. Voici ce qui en fait un soin anti-âge de référence :\u003c\/p\u003e\n \u003cdiv class=\"soi-fdb-benefits\"\u003e\n \u003cdiv class=\"soi-fdb-benefit\"\u003e\n \u003cdiv class=\"soi-fdb-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVitamine E en quantité record\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 1000 mg\/kg, soit l'une des teneurs les plus élevées parmi les huiles végétales. Elle neutralise les radicaux libres responsables du vieillissement cutané et protège les cellules de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-benefit\"\u003e\n \u003cdiv class=\"soi-fdb-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAcides gras essentiels\u003c\/h3\u003e\n \u003cp\u003eLes oméga-6 et oméga-9 renforcent la barrière cutanée, restaurent le film hydrolipidique et améliorent durablement la souplesse et l'élasticité de l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-benefit\"\u003e\n \u003cdiv class=\"soi-fdb-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eStérols végétaux\u003c\/h3\u003e\n \u003cp\u003eCes actifs apaisants aident à raffermir les tissus et à atténuer les rides d'expression sur le long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-fdb-tip-icon\"\u003e🌟\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eRésultat\u003c\/strong\u003e\n \u003cp\u003eUne peau visiblement repulpée, plus lumineuse, mieux hydratée, avec des rides progressivement atténuées après plusieurs 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-fdb-section\"\u003e\n \u003ch2\u003ePour qui est faite cette huile de figue de Barbarie ?\u003c\/h2\u003e\n \u003cp\u003eElle convient particulièrement aux \u003cstrong\u003epeaux matures, sèches ou déshydratées\u003c\/strong\u003e, mais aussi aux peaux mixtes utilisées en faible quantité. Si votre peau tire, manque d'éclat ou présente des signes de fatigue, cette huile de pépins de figue de Barbarie est une réponse naturelle et concrète.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-fdb-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de figue de Barbarie Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-fdb-timeline\"\u003e\n \u003cdiv class=\"soi-fdb-step\"\u003e\n \u003cdiv class=\"soi-fdb-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-step-content\"\u003e\n \u003ch3\u003eVisage et contour des yeux\u003c\/h3\u003e\n \u003cp\u003eDéposez 2 à 3 gouttes dans le creux de la main, réchauffez légèrement, puis appliquez en massages circulaires doux sur le visage propre, le cou et le décolleté. Idéalement le soir, pour laisser la peau se régénérer pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-step\"\u003e\n \u003cdiv class=\"soi-fdb-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-step-content\"\u003e\n \u003ch3\u003eEn soin ciblé\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement sur les zones concernées (pattes d'oie, rides du front, lèvres sèches) pour une action localisée et intensive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-step\"\u003e\n \u003cdiv class=\"soi-fdb-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-step-content\"\u003e\n \u003ch3\u003eEn booster de votre crème\u003c\/h3\u003e\n \u003cp\u003eMélangez quelques gouttes à votre crème hydratante habituelle pour décupler son efficacité. L'huile de figue de Barbarie s'intègre parfaitement à tout rituel beauté existant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-fdb-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un résultat visible, comptez \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e d'utilisation régulière. La texture fine et non grasse pénètre rapidement, sans laisser de film poisseux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-fdb-section\"\u003e\n \u003ch2\u003eComposition de l'huile Najel\u003c\/h2\u003e\n \u003cdiv class=\"soi-fdb-compo\"\u003e\n \u003cdiv class=\"soi-fdb-compo-row\"\u003e\n \u003cspan class=\"soi-fdb-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-fdb-compo-value\"\u003e\u003cem\u003eOpuntia Ficus-Indica Seed Oil\u003c\/em\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-compo-row\"\u003e\n \u003cspan class=\"soi-fdb-compo-label\"\u003eExtraction\u003c\/span\u003e\n \u003cspan class=\"soi-fdb-compo-value\"\u003ePremière pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-compo-row\"\u003e\n \u003cspan class=\"soi-fdb-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-fdb-compo-value\"\u003e100 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-compo-row\"\u003e\n \u003cspan class=\"soi-fdb-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-fdb-compo-value\"\u003eCosmos Natural par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-compo-row\"\u003e\n \u003cspan class=\"soi-fdb-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-fdb-compo-value\"\u003eConservateurs, parabènes, silicones, colorants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-fdb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-fdb-accordion\"\u003e\n \u003cdetails class=\"soi-fdb-accordion-item\"\u003e\n \u003csummary class=\"soi-fdb-accordion-header\"\u003e⚠️ Usage et conservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-fdb-accordion-content\"\u003e\n \u003cp\u003eRéservé à un usage cosmétique externe. Ne pas ingérer. Conserver à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-fdb-accordion-item\"\u003e\n \u003csummary class=\"soi-fdb-accordion-header\"\u003e🩺 Allergies et avertissement\u003c\/summary\u003e\n \u003cdiv class=\"soi-fdb-accordion-content\"\u003e\n \u003cp\u003eEn cas d'allergie aux cactacées, consultez un professionnel de santé avant utilisation. Ce produit est un soin cosmétique et ne remplace en aucun cas 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-fdb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-fdb-cta-box\"\u003e\n \u003cp class=\"soi-fdb-cta-tag\" style=\"color: white;\"\u003eUn rituel précieux, soir après soir\u003c\/p\u003e\n \u003cp class=\"soi-fdb-cta-text\" style=\"color: white;\"\u003eRare, concentrée, d'une pureté irréprochable : quelques gouttes suffisent chaque soir pour offrir à votre peau nutrition, protection et éclat retrouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-fdb-marine: #1A2D3D;\n --soi-fdb-marine-dark: #0F1E2B;\n --soi-fdb-marine-light: #2C4458;\n --soi-fdb-pomme: #A1C544;\n --soi-fdb-pomme-dark: #84A636;\n --soi-fdb-pomme-light: rgba(161,197,68,0.10);\n\n --soi-fdb-white: #FFFFFF;\n --soi-fdb-off-white: #F8FAF6;\n --soi-fdb-stone: #F1F3EE;\n --soi-fdb-line: #E5E8E0;\n\n --soi-fdb-primary: #C9A84C;\n --soi-fdb-primary-soft: rgba(201,168,76,0.12);\n --soi-fdb-accent: #8B6914;\n\n --soi-fdb-text: #1A2D3D;\n --soi-fdb-text-soft: #4A5B6B;\n --soi-fdb-text-muted: #7B8693;\n\n --soi-fdb-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-fdb-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-fdb-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-fdb-radius: 12px;\n --soi-fdb-radius-sm: 8px;\n --soi-fdb-radius-pill: 999px;\n}\n\n.soi-fdb-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-fdb-fiche img { max-width: 100%; height: auto; }\n\n.soi-fdb-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-fdb-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-fdb-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-fdb-hero {\n position: relative;\n background: var(--soi-fdb-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-fdb-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-fdb-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-fdb-primary);\n}\n\n.soi-fdb-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-fdb-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-fdb-primary);\n border-radius: 50%;\n}\n\n.soi-fdb-hero-title {\n display: block;\n color: var(--soi-fdb-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-fdb-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-fdb-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-fdb-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-fdb-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-fdb-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-fdb-label-accent {\n background: var(--soi-fdb-primary);\n border-color: var(--soi-fdb-primary);\n color: var(--soi-fdb-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-fdb-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-fdb-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-fdb-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-fdb-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-fdb-primary);\n border-radius: 2px;\n}\n\n.soi-fdb-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-fdb-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-fdb-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-fdb-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-fdb-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-fdb-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-fdb-benefit {\n background: var(--soi-fdb-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-fdb-radius);\n border: 1px solid var(--soi-fdb-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-fdb-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-fdb-shadow-md);\n}\n\n.soi-fdb-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-fdb-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-fdb-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-fdb-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-fdb-benefit:hover .soi-fdb-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-fdb-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-fdb-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-fdb-benefit p {\n font-size: 13px;\n color: var(--soi-fdb-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-fdb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-fdb-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-fdb-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-fdb-radius);\n border: 1px solid var(--soi-fdb-line);\n align-items: flex-start;\n}\n\n.soi-fdb-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-fdb-marine);\n color: var(--soi-fdb-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-fdb-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-fdb-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-fdb-step-content p {\n font-size: 14px;\n color: var(--soi-fdb-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-fdb-compo {\n background: var(--soi-fdb-off-white);\n border-radius: var(--soi-fdb-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-fdb-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-fdb-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-fdb-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-fdb-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-fdb-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-fdb-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-fdb-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-fdb-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-fdb-primary-soft);\n border-left: 4px solid var(--soi-fdb-primary);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-fdb-radius) var(--soi-fdb-radius) 0;\n align-items: flex-start;\n}\n\n.soi-fdb-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-fdb-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-fdb-marine);\n margin-bottom: 4px;\n}\n\n.soi-fdb-tip p {\n font-size: 14px;\n color: var(--soi-fdb-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-fdb-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-fdb-accordion-item {\n background: var(--soi-fdb-off-white);\n border-radius: var(--soi-fdb-radius-sm);\n border: 1px solid var(--soi-fdb-line);\n overflow: hidden;\n}\n\n.soi-fdb-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-fdb-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-fdb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-fdb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-fdb-primary);\n transition: transform 0.2s ease;\n}\n\n.soi-fdb-accordion-item[open] .soi-fdb-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-fdb-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-fdb-accordion-content p {\n font-size: 14px;\n color: var(--soi-fdb-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-fdb-cta-box {\n background: var(--soi-fdb-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-fdb-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-fdb-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-fdb-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-fdb-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-fdb-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-fdb-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-fdb-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-fdb-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-fdb-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-fdb-compo-value {\n text-align: left;\n }\n\n .soi-fdb-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-fdb-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-fdb-fiche {\n --soi-fdb-text-soft: #2C3E50;\n --soi-fdb-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603646112074,"sku":"NJ0195","price":18.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-graines-de-figue-de-barbarie-najel-packshot.webp?v=1780668299"},{"product_id":"huile-d-amande-douce-certifiee-bio-najel","title":"Huile d’amande douce certifiée bio – Najel","description":"\u003cdiv class=\"soi-amnd-fiche\"\u003e\n\n\u003csection class=\"soi-amnd-hero\"\u003e\n \u003cdiv class=\"soi-amnd-hero-tag\"\u003e\n \u003cspan class=\"soi-amnd-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques et soins beauté · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-amnd-hero-title\"\u003eHuile d'amande douce certifiée bio\u003c\/span\u003e\n \u003cp class=\"soi-amnd-hero-subtitle\"\u003eUne huile végétale pure, extraite à froid, qui prend soin de votre peau, de vos cheveux et de vos ongles avec une douceur incomparable.\u003c\/p\u003e\n \u003cdiv class=\"soi-amnd-hero-labels\"\u003e\n \u003cspan class=\"soi-amnd-label soi-amnd-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-label\"\u003eCERTIFIÉE BIO\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-label\"\u003e100 % NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-label\"\u003ePREMIÈRE PRESSION À FROID\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n \u003ch2\u003eQu'est-ce que l'huile d'amande douce Najel ?\u003c\/h2\u003e\n \u003cp\u003eL'huile d'amande douce bio Najel est une huile végétale pure, extraite par première pression à froid à partir d'amandiers cultivés en Espagne selon les normes de l'Agriculture Biologique. Certifiée Cosmos Organic par Ecocert, elle est 100 % naturelle, sans additif ni parfum ajouté.\u003c\/p\u003e\n \u003cp\u003eConditionnée dans un flacon ambré avec pompe doseuse, elle se conserve parfaitement et s'utilise sans gaspillage au quotidien.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-amnd-grid-compact\"\u003e\n \u003cdiv class=\"soi-amnd-card-mini\"\u003e\n \u003cspan class=\"soi-amnd-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-card-mini-value\"\u003eCosmos Organic Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-card-mini\"\u003e\n \u003cspan class=\"soi-amnd-card-mini-icon\"\u003e🇪🇸\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-card-mini-value\"\u003eEspagne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-card-mini\"\u003e\n \u003cspan class=\"soi-amnd-card-mini-icon\"\u003e❄️\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-card-mini-label\"\u003eExtraction\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-card-mini-value\"\u003ePremière pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-card-mini\"\u003e\n \u003cspan class=\"soi-amnd-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-card-mini-value\"\u003e100 % naturelle, sans additif\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'amande douce : ce qu'elle fait vraiment pour vous\u003c\/h2\u003e\n \u003cp class=\"soi-amnd-section-intro\"\u003eSi l'huile d'amande douce est utilisée depuis des siècles, c'est pour une raison simple : elle fonctionne. Voici ce qu'elle vous apporte concrètement.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-amnd-benefits\"\u003e\n \u003cdiv class=\"soi-amnd-benefit\"\u003e\n \u003cdiv class=\"soi-amnd-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation en profondeur\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras oméga 6 et 9, elle nourrit et assouplit les peaux sèches ou déshydratées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-benefit\"\u003e\n \u003cdiv class=\"soi-amnd-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction apaisante\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux sensibles, irritées ou sujettes aux rougeurs, y compris les peaux de bébé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-benefit\"\u003e\n \u003cdiv class=\"soi-amnd-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEffet antioxydant\u003c\/h3\u003e\n \u003cp\u003eGrâce aux vitamines A et E, elle aide à prévenir le vieillissement cutané prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-benefit\"\u003e\n \u003cdiv class=\"soi-amnd-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection naturelle\u003c\/h3\u003e\n \u003cp\u003eElle renforce le film lipidique de la peau face au froid, à la pollution et aux agressions quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile d'amande douce Najel ?\u003c\/h2\u003e\n \u003cp class=\"soi-amnd-section-intro\"\u003eSa polyvalence en fait un soin incontournable, du visage aux pieds. Voici comment l'intégrer simplement à votre routine.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-amnd-grid\"\u003e\n \u003cdiv class=\"soi-amnd-card\"\u003e\n \u003ch3\u003e🌿 Visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes le soir en massage léger. Convient aux peaux mixtes, sèches et sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-card\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, massez les zones sèches (coudes, talons, genoux) pour une peau douce et nourrie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-card\"\u003e\n \u003ch3\u003e💆 Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant-shampoing ou en soin des pointes : l'huile d'amande douce redonne brillance et souplesse aux longueurs abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-card\"\u003e\n \u003ch3\u003e✋ Ongles et cuticules\u003c\/h3\u003e\n \u003cp\u003eMassez les cuticules chaque soir pour des ongles renforcés et des mains visiblement plus douces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n \u003ch2\u003eConvient-elle aux bébés et aux peaux très sensibles ?\u003c\/h2\u003e\n \u003cp\u003eOui. L'huile d'amande douce pour bébé est l'une des utilisations les plus répandues, et pour cause : sa texture légère, son profil hypoallergénique et son absence de parfum en font un soin idéal pour les peaux les plus délicates.\u003c\/p\u003e\n \u003cp\u003eElle peut être utilisée après le bain pour hydrater et apaiser la peau de votre enfant, sous réserve d'absence d'allergie aux fruits à coque.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-amnd-tip\"\u003e\n \u003cdiv class=\"soi-amnd-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUn test dans le pli du coude est recommandé avant toute première utilisation, en particulier chez les tout-petits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n \u003ch2\u003eY a-t-il des inconvénients à connaître ?\u003c\/h2\u003e\n \u003cp\u003eL'huile d'amande douce est généralement très bien tolérée. Cependant, quelques points méritent votre attention.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-amnd-accordion\"\u003e\n \u003cdetails class=\"soi-amnd-accordion-item\"\u003e\n \u003csummary class=\"soi-amnd-accordion-header\"\u003e⚠️ Allergie aux fruits à coque\u003c\/summary\u003e\n \u003cdiv class=\"soi-amnd-accordion-content\"\u003e\n \u003cp\u003eDéconseillée en cas d'allergie connue aux amandes. Faites toujours un test préalable dans le pli du coude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-amnd-accordion-item\"\u003e\n \u003csummary class=\"soi-amnd-accordion-header\"\u003e🧪 Peaux très grasses\u003c\/summary\u003e\n \u003cdiv class=\"soi-amnd-accordion-content\"\u003e\n \u003cp\u003eSa texture, bien qu'absorbante, peut ne pas convenir à toutes les peaux acnéiques en usage quotidien sur le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-amnd-accordion-item\"\u003e\n \u003csummary class=\"soi-amnd-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-amnd-accordion-content\"\u003e\n \u003cp\u003eÀ conserver à l'abri de la lumière et de la chaleur. Le flacon ambré de Najel protège efficacement l'huile de l'oxydation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n \u003ch2\u003eComposition de l'huile d'amande douce Najel\u003c\/h2\u003e\n \u003cdiv class=\"soi-amnd-compo\"\u003e\n \u003cdiv class=\"soi-amnd-compo-row\"\u003e\n \u003cspan class=\"soi-amnd-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-compo-value\"\u003ePrunus Amygdalus Dulcis Oil (huile d'amande douce)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-compo-row\"\u003e\n \u003cspan class=\"soi-amnd-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-compo-value\"\u003ePure, sans ajout, sans conservateur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-compo-row\"\u003e\n \u003cspan class=\"soi-amnd-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-compo-row\"\u003e\n \u003cspan class=\"soi-amnd-compo-label\"\u003eExtraction\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-compo-value\"\u003eÀ froid, pour préserver l'intégralité des actifs naturels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-amnd-cta-box\"\u003e\n \u003cp class=\"soi-amnd-cta-tag\" style=\"color: white;\"\u003eUn flacon, mille usages, une seule promesse\u003c\/p\u003e\n \u003cp class=\"soi-amnd-cta-text\" style=\"color: white;\"\u003eLa douceur au naturel pour toute la famille. Hydratez votre peau, sublimez vos cheveux et prenez soin de vos ongles, en toute confiance, dès le premier 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-amnd-marine: #1A2D3D;\n --soi-amnd-marine-dark: #0F1E2B;\n --soi-amnd-marine-light: #2C4458;\n --soi-amnd-pomme: #A1C544;\n --soi-amnd-pomme-dark: #84A636;\n --soi-amnd-pomme-light: rgba(161,197,68,0.10);\n\n --soi-amnd-white: #FFFFFF;\n --soi-amnd-off-white: #F8FAF6;\n --soi-amnd-stone: #F1F3EE;\n --soi-amnd-line: #E5E8E0;\n\n --soi-amnd-primary: #D4A8A4;\n --soi-amnd-primary-soft: #F0DDD9;\n --soi-amnd-accent: #C49A7A;\n\n --soi-amnd-text: #1A2D3D;\n --soi-amnd-text-soft: #4A5B6B;\n --soi-amnd-text-muted: #7B8693;\n\n --soi-amnd-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-amnd-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-amnd-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-amnd-radius: 12px;\n --soi-amnd-radius-sm: 8px;\n --soi-amnd-radius-pill: 999px;\n}\n\n.soi-amnd-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-amnd-fiche img { max-width: 100%; height: auto; }\n\n.soi-amnd-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-amnd-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-amnd-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-amnd-hero {\n position: relative;\n background: var(--soi-amnd-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-amnd-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-amnd-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-amnd-pomme);\n}\n\n.soi-amnd-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-amnd-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-amnd-pomme);\n border-radius: 50%;\n}\n\n.soi-amnd-hero-title {\n display: block;\n color: var(--soi-amnd-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-amnd-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-amnd-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-amnd-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-amnd-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-amnd-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-amnd-label-accent {\n background: var(--soi-amnd-pomme);\n border-color: var(--soi-amnd-pomme);\n color: var(--soi-amnd-marine);\n font-weight: 600;\n}\n\n.soi-amnd-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-amnd-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-amnd-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-amnd-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-amnd-pomme);\n border-radius: 2px;\n}\n\n.soi-amnd-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-amnd-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-amnd-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-amnd-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-amnd-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-amnd-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-amnd-benefit {\n background: var(--soi-amnd-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-amnd-radius);\n border: 1px solid var(--soi-amnd-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-amnd-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-amnd-shadow-md);\n}\n\n.soi-amnd-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-amnd-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-amnd-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-amnd-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-amnd-benefit:hover .soi-amnd-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-amnd-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-amnd-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-amnd-benefit p {\n font-size: 13px;\n color: var(--soi-amnd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-amnd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-amnd-card {\n background: var(--soi-amnd-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-amnd-radius);\n border-left: 3px solid var(--soi-amnd-pomme);\n}\n\n.soi-amnd-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-amnd-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-amnd-card p {\n font-size: 14px;\n color: var(--soi-amnd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-amnd-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-amnd-card-mini {\n background: var(--soi-amnd-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-amnd-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-amnd-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-amnd-card-mini-label {\n font-size: 11px;\n color: var(--soi-amnd-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-amnd-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-amnd-marine);\n}\n\n.soi-amnd-compo {\n background: var(--soi-amnd-off-white);\n border-radius: var(--soi-amnd-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-amnd-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-amnd-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-amnd-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-amnd-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-amnd-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-amnd-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-amnd-marine);\n text-align: right;\n}\n\n.soi-amnd-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-amnd-pomme-light);\n border-left: 4px solid var(--soi-amnd-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-amnd-radius) var(--soi-amnd-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-amnd-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-amnd-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-amnd-marine);\n margin-bottom: 4px;\n}\n\n.soi-amnd-tip p {\n font-size: 14px;\n color: var(--soi-amnd-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-amnd-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-amnd-accordion-item {\n background: var(--soi-amnd-off-white);\n border-radius: var(--soi-amnd-radius-sm);\n border: 1px solid var(--soi-amnd-line);\n overflow: hidden;\n}\n\n.soi-amnd-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-amnd-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-amnd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-amnd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-amnd-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-amnd-accordion-item[open] .soi-amnd-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-amnd-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-amnd-accordion-content p {\n font-size: 14px;\n color: var(--soi-amnd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-amnd-cta-box {\n background: var(--soi-amnd-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-amnd-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-amnd-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-amnd-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-amnd-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-amnd-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-amnd-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-amnd-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-amnd-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-amnd-compo-value {\n text-align: left;\n }\n\n .soi-amnd-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-amnd-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-amnd-fiche {\n --soi-amnd-text-soft: #2C3E50;\n --soi-amnd-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603646669130,"sku":"NJ0200","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-damande-douce-certifiee-bio-najel-packshot.webp?v=1779792802"},{"product_id":"huile-d-abricot-certifiee-bio-najel","title":"Huile d’abricot certifiée bio – Najel","description":"\u003cdiv class=\"soi-abri-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-abri-hero\"\u003e\n \u003cdiv class=\"soi-abri-hero-tag\"\u003e\n \u003cspan class=\"soi-abri-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques et soins beauté · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-abri-hero-title\"\u003eHuile de noyaux d'abricot certifiée bio\u003c\/span\u003e\n \u003cp class=\"soi-abri-hero-subtitle\"\u003eExtraite par première pression à froid, cette huile végétale tonifiante redonne éclat, souplesse et confort à votre peau, jour après jour.\u003c\/p\u003e\n \u003cdiv class=\"soi-abri-hero-labels\"\u003e\n \u003cspan class=\"soi-abri-label soi-abri-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-abri-label\"\u003eCERTIFIÉE ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-abri-label\"\u003e100 % NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-abri-label\"\u003eBIO\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Huile de noyaux d'abricot bio Najel : l'éclat naturel à portée de main --\u003e\n \u003csection class=\"soi-abri-section\"\u003e\n \u003ch2\u003eHuile de noyaux d'abricot bio Najel : l'éclat naturel à portée de main\u003c\/h2\u003e\n \u003cp\u003eSi votre peau manque de tonus, d'éclat ou de douceur, l'huile de noyaux d'abricot certifiée bio Najel pourrait bien devenir votre nouveau rituel incontournable. Extraite par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e des noyaux d'abricots (\u003cem\u003ePrunus Armeniaca\u003c\/em\u003e) récoltés en Turquie, cette huile végétale 100 % naturelle réunit légèreté, richesse nutritive et polyvalence. Certifiée \u003cstrong\u003eCosmos Organic par Ecocert\u003c\/strong\u003e, elle vous garantit une composition pure, sans compromis.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi choisir l'huile de noyau d'abricot plutôt qu'une autre huile végétale ? --\u003e\n \u003csection class=\"soi-abri-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de noyau d'abricot plutôt qu'une autre huile végétale ?\u003c\/h2\u003e\n \u003cp class=\"soi-abri-section-intro\"\u003eToutes les huiles végétales ne se valent pas. Ce qui distingue l'huile d'abricot, c'est sa texture remarquablement fine qui pénètre rapidement sans laisser de film gras. Elle est naturellement riche en :\u003c\/p\u003e\n \u003cdiv class=\"soi-abri-grid\"\u003e\n \u003cdiv class=\"soi-abri-card\"\u003e\n \u003ch3\u003e🫒 Acides gras oléique et linoléique\u003c\/h3\u003e\n \u003cp\u003eLes oméga-9 et oméga-6 restaurent le film hydrolipidique et assouplissent durablement la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-card\"\u003e\n \u003ch3\u003e🥕 Vitamine A (bêta-carotène)\u003c\/h3\u003e\n \u003cp\u003eReconnue pour stimuler le renouvellement cellulaire et unifier le teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E (tocophérols)\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant qui contribue à protéger la peau des agressions extérieures et du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eRésultat : une peau visiblement plus lumineuse, plus souple et mieux hydratée dès les premières utilisations.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les bienfaits de l'huile d'abricot : ce qu'elle fait vraiment pour vous --\u003e\n \u003csection class=\"soi-abri-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'abricot : ce qu'elle fait vraiment pour vous\u003c\/h2\u003e\n \u003cdiv class=\"soi-abri-benefits\"\u003e\n \u003cdiv class=\"soi-abri-benefit\"\u003e\n \u003cdiv class=\"soi-abri-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eIlluminatrice et tonifiante\u003c\/h3\u003e\n \u003cp\u003eElle redonne de l'éclat aux teints ternes et fatigués. Idéale en soin matinal pour préparer la peau avant le maquillage ou la crème de jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-benefit\"\u003e\n \u003cdiv class=\"soi-abri-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratante en profondeur\u003c\/h3\u003e\n \u003cp\u003eSa texture fluide pénètre rapidement et laisse la peau douce, souple et soyeuse, sans effet poisseux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-benefit\"\u003e\n \u003cdiv class=\"soi-abri-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRégénérante et anti-âge\u003c\/h3\u003e\n \u003cp\u003eElle favorise la réparation cellulaire et aide à atténuer les premiers signes du vieillissement cutané grâce à ses antioxydants naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-benefit\"\u003e\n \u003cdiv class=\"soi-abri-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisante pour les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eDouce et bien tolérée, elle convient aux peaux sèches, mixtes, matures, sensibles et irritées, même chez les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser l'huile d'abricot au quotidien ? --\u003e\n \u003csection class=\"soi-abri-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile d'abricot au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-abri-timeline\"\u003e\n \u003cdiv class=\"soi-abri-step\"\u003e\n \u003cdiv class=\"soi-abri-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-abri-step-content\"\u003e\n \u003ch3\u003ePour le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2 à 3 pressions sur une peau propre, matin ou soir. Massez délicatement jusqu'à absorption complète. Elle s'utilise seule ou en base sous votre crème habituelle pour en renforcer l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-step\"\u003e\n \u003cdiv class=\"soi-abri-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-abri-step-content\"\u003e\n \u003ch3\u003ePour le corps\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la en massage sur les zones sèches (coudes, genoux, talons) ou sur tout le corps après la douche pour une hydratation longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-step\"\u003e\n \u003cdiv class=\"soi-abri-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-abri-step-content\"\u003e\n \u003ch3\u003ePour les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur les longueurs et les pointes en soin avant-shampooing (30 minutes de pause) pour nourrir et fortifier les cheveux secs ou abîmés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition de l'huile de noyaux d'abricot Najel --\u003e\n \u003csection class=\"soi-abri-section\"\u003e\n \u003ch2\u003eComposition de l'huile de noyaux d'abricot Najel\u003c\/h2\u003e\n \u003cdiv class=\"soi-abri-compo\"\u003e\n \u003cdiv class=\"soi-abri-compo-row\"\u003e\n \u003cspan class=\"soi-abri-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-abri-compo-value\"\u003e\u003cem\u003ePrunus Armeniaca (Apricot) Kernel Oil*\u003c\/em\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-compo-row\"\u003e\n \u003cspan class=\"soi-abri-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-abri-compo-value\"\u003eTurquie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-compo-row\"\u003e\n \u003cspan class=\"soi-abri-compo-label\"\u003eExtraction\u003c\/span\u003e\n \u003cspan class=\"soi-abri-compo-value\"\u003ePremière pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-compo-row\"\u003e\n \u003cspan class=\"soi-abri-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-abri-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-compo-row\"\u003e\n \u003cspan class=\"soi-abri-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-abri-compo-value\"\u003eFlacon ambré avec pompe doseuse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eAucun additif, aucun conservateur, aucun parfum ajouté. C'est la pureté à l'état brut, conditionnée dans un flacon ambré avec pompe doseuse pour préserver l'huile de l'oxydation et faciliter chaque application.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Précautions d'emploi --\u003e\n \u003csection class=\"soi-abri-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-abri-accordion\"\u003e\n \u003cdetails class=\"soi-abri-accordion-item\"\u003e\n \u003csummary class=\"soi-abri-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-abri-accordion-content\"\u003e\n \u003cp\u003eRéservé à un usage externe uniquement. Évitez le contact avec les yeux. Effectuez un test dans le pli du coude avant toute première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-abri-accordion-item\"\u003e\n \u003csummary class=\"soi-abri-accordion-header\"\u003e🧴 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-abri-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-abri-accordion-item\"\u003e\n \u003csummary class=\"soi-abri-accordion-header\"\u003e📋 Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"soi-abri-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace pas un traitement médical. En cas de problème cutané persistant, 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-abri-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-abri-cta-box\"\u003e\n \u003cp class=\"soi-abri-cta-text\" style=\"color: white;\"\u003eDouce, légère et infiniment précieuse, l'huile de noyaux d'abricot bio Najel redonne à votre peau ce qu'elle mérite vraiment : éclat, souplesse et confort. Une seule pression suffit pour sentir la différence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-abri-marine: #1A2D3D;\n --soi-abri-marine-dark: #0F1E2B;\n --soi-abri-marine-light: #2C4458;\n --soi-abri-pomme: #A1C544;\n --soi-abri-pomme-dark: #84A636;\n --soi-abri-pomme-light: rgba(161,197,68,0.10);\n\n --soi-abri-white: #FFFFFF;\n --soi-abri-off-white: #F8FAF6;\n --soi-abri-stone: #F1F3EE;\n --soi-abri-line: #E5E8E0;\n\n --soi-abri-primary: #D4764E;\n --soi-abri-primary-soft: #F5E0D3;\n --soi-abri-accent: #E8935C;\n\n --soi-abri-text: #1A2D3D;\n --soi-abri-text-soft: #4A5B6B;\n --soi-abri-text-muted: #7B8693;\n\n --soi-abri-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-abri-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-abri-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-abri-radius: 12px;\n --soi-abri-radius-sm: 8px;\n --soi-abri-radius-pill: 999px;\n}\n\n.soi-abri-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-abri-fiche img { max-width: 100%; height: auto; }\n\n.soi-abri-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-abri-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-abri-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-abri-hero {\n position: relative;\n background: var(--soi-abri-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-abri-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-abri-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-abri-pomme);\n}\n\n.soi-abri-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-abri-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-abri-pomme);\n border-radius: 50%;\n}\n\n.soi-abri-hero-title {\n display: block;\n color: var(--soi-abri-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-abri-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-abri-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-abri-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-abri-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-abri-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-abri-label-accent {\n background: var(--soi-abri-pomme);\n border-color: var(--soi-abri-pomme);\n color: var(--soi-abri-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-abri-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-abri-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-abri-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-abri-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-abri-pomme);\n border-radius: 2px;\n}\n\n.soi-abri-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-abri-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-abri-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-abri-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-abri-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-abri-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-abri-benefit {\n background: var(--soi-abri-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-abri-radius);\n border: 1px solid var(--soi-abri-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-abri-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-abri-shadow-md);\n}\n\n.soi-abri-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-abri-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-abri-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-abri-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-abri-benefit:hover .soi-abri-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-abri-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-abri-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-abri-benefit p {\n font-size: 13px;\n color: var(--soi-abri-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-abri-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-abri-card {\n background: var(--soi-abri-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-abri-radius);\n border-left: 3px solid var(--soi-abri-pomme);\n}\n\n.soi-abri-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-abri-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-abri-card p {\n font-size: 14px;\n color: var(--soi-abri-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-abri-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-abri-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-abri-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-abri-radius);\n border: 1px solid var(--soi-abri-line);\n align-items: flex-start;\n}\n\n.soi-abri-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-abri-marine);\n color: var(--soi-abri-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-abri-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-abri-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-abri-step-content p {\n font-size: 14px;\n color: var(--soi-abri-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-abri-compo {\n background: var(--soi-abri-off-white);\n border-radius: var(--soi-abri-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-abri-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-abri-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-abri-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-abri-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-abri-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-abri-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-abri-marine);\n text-align: right;\n}\n\n\/* ACCORDION *\/\n.soi-abri-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-abri-accordion-item {\n background: var(--soi-abri-off-white);\n border-radius: var(--soi-abri-radius-sm);\n border: 1px solid var(--soi-abri-line);\n overflow: hidden;\n}\n\n.soi-abri-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-abri-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-abri-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-abri-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-abri-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-abri-accordion-item[open] .soi-abri-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-abri-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-abri-accordion-content p {\n font-size: 14px;\n color: var(--soi-abri-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA *\/\n.soi-abri-cta-box {\n background: var(--soi-abri-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-abri-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-abri-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-abri-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-abri-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-abri-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-abri-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-abri-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-abri-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-abri-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-abri-compo-value {\n text-align: left;\n }\n\n .soi-abri-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-abri-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-abri-fiche {\n --soi-abri-text-soft: #2C3E50;\n --soi-abri-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603647226186,"sku":"NJ0205","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-dabricot-certifiee-bio-najel-packshot.webp?v=1779697110"},{"product_id":"huile-de-jojoba-certifiee-bio-najel","title":"Huile de Jojoba certifiée bio – Najel","description":"\u003cdiv class=\"soi-jojo-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-jojo-hero\"\u003e\n \u003cdiv class=\"soi-jojo-hero-tag\"\u003e\n \u003cspan class=\"soi-jojo-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-jojo-hero-title\"\u003eUn seul flacon, de la tête aux pieds\u003c\/span\u003e\n \u003cp class=\"soi-jojo-hero-subtitle\"\u003eLe soin rééquilibrant visage, corps et cheveux, extrait par première pression à froid. Une cire liquide précieuse, proche du sébum naturel de votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-jojo-hero-labels\"\u003e\n \u003cspan class=\"soi-jojo-label soi-jojo-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-jojo-label\"\u003eCERTIFIÉE ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-jojo-label\"\u003ePREMIÈRE PRESSION À FROID\u003c\/span\u003e\n \u003cspan class=\"soi-jojo-label\"\u003eHUILE SÈCHE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Intro --\u003e\n \u003csection class=\"soi-jojo-section\"\u003e\n \u003ch2\u003eHuile de Jojoba certifiée bio Najel : le soin rééquilibrant visage, corps et cheveux\u003c\/h2\u003e\n \u003cp\u003eParmi les huiles végétales les plus prisées en cosmétique naturelle, \u003cstrong\u003el'huile de jojoba bio\u003c\/strong\u003e occupe une place à part. Sa composition unique, très proche du sébum humain, lui permet de s'intégrer à votre peau comme si elle en faisait naturellement partie. Chez Najel, elle est extraite par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e et certifiée \u003cstrong\u003eCosmos Organic par Ecocert\u003c\/strong\u003e : un gage de pureté et de respect de l'environnement que vous méritez.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pourquoi efficace --\u003e\n \u003csection class=\"soi-jojo-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de jojoba est-elle si efficace pour la peau et les cheveux ?\u003c\/h2\u003e\n \u003cp class=\"soi-jojo-section-intro\"\u003eLe jojoba, surnommé « noisetier sauvage », pousse dans les zones arides d'Amérique du Nord. Ses graines contiennent en réalité une \u003cstrong\u003ecire liquide\u003c\/strong\u003e, et non une huile au sens strict. C'est précisément ce qui la rend si stable, si légère, et si bien tolérée par tous les types de peau. Elle pénètre rapidement, sans laisser de film gras ni d'odeur désagréable.\u003c\/p\u003e\n \u003cdiv class=\"soi-jojo-grid\"\u003e\n \u003cdiv class=\"soi-jojo-card\"\u003e\n \u003ch3\u003e🌿 Peaux grasses ou mixtes\u003c\/h3\u003e\n \u003cp\u003eElle régule la production de sébum en envoyant à la peau un signal de satiété. Moins de brillance, moins d'imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jojo-card\"\u003e\n \u003ch3\u003e🤍 Peaux sèches ou sensibles\u003c\/h3\u003e\n \u003cp\u003eElle nourrit en profondeur, renforce le film hydrolipidique et réduit l'inconfort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jojo-card\"\u003e\n \u003ch3\u003e✨ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eElle améliore l'élasticité et aide à préserver la souplesse de la peau dans le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Cheveux --\u003e\n \u003csection class=\"soi-jojo-section\"\u003e\n \u003ch2\u003eL'huile de jojoba pour les cheveux : une solution naturelle et polyvalente\u003c\/h2\u003e\n \u003cp class=\"soi-jojo-section-intro\"\u003eSi vous cherchez une \u003cstrong\u003ehuile de jojoba pour les cheveux\u003c\/strong\u003e vraiment efficace, cette formule Najel est idéale. Appliquée sur les longueurs ou le cuir chevelu, elle apporte brillance, douceur et légèreté sans alourdir la fibre capillaire.\u003c\/p\u003e\n \u003cdiv class=\"soi-jojo-grid\"\u003e\n \u003cdiv class=\"soi-jojo-card\"\u003e\n \u003ch3\u003e💧 Cheveux secs ou abîmés\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur les longueurs avant le shampooing en bain d'huile de 20 minutes, ou sur les pointes sèches pour les protéger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jojo-card\"\u003e\n \u003ch3\u003e💆 Cuir chevelu gras\u003c\/h3\u003e\n \u003cp\u003eL'huile de jojoba régule l'excès de sébum et apaise les démangeaisons du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jojo-card\"\u003e\n \u003ch3\u003e🪶 Cheveux fins\u003c\/h3\u003e\n \u003cp\u003eContrairement à d'autres huiles, elle ne pèse pas et s'intègre facilement à votre routine sans effet étouffant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Visage --\u003e\n \u003csection class=\"soi-jojo-section\"\u003e\n \u003ch2\u003eL'huile de jojoba pour le visage : démaquillante, protectrice, anti-âge\u003c\/h2\u003e\n \u003cp class=\"soi-jojo-section-intro\"\u003eUtiliser une \u003cstrong\u003ehuile de jojoba pour le visage\u003c\/strong\u003e est l'un des gestes beauté les plus simples et les plus efficaces. Quelques gouttes suffisent pour prendre soin de votre peau au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-jojo-benefits\"\u003e\n \u003cdiv class=\"soi-jojo-benefit\"\u003e\n \u003cdiv class=\"soi-jojo-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDémaquillage doux\u003c\/h3\u003e\n \u003cp\u003eDémaquillez en douceur, même le contour des yeux, sans irriter les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jojo-benefit\"\u003e\n \u003cdiv class=\"soi-jojo-benefit-icon\"\u003e\u003cspan\u003e🌙\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoin de nuit\u003c\/h3\u003e\n \u003cp\u003eNourrissez votre peau le soir, appliquée seule ou mélangée à votre soin habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jojo-benefit\"\u003e\n \u003cdiv class=\"soi-jojo-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection barrière\u003c\/h3\u003e\n \u003cp\u003eProtégez des agressions extérieures (vent, froid, pollution) grâce à son action barrière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jojo-tip\"\u003e\n \u003cdiv class=\"soi-jojo-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour les peaux acnéiques, l'huile de jojoba sur le visage est souvent mieux tolérée que d'autres huiles végétales, précisément grâce à sa nature de cire et à son faible pouvoir comédogène.\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-jojo-section\"\u003e\n \u003ch2\u003eComposition et informations produit\u003c\/h2\u003e\n \u003cdiv class=\"soi-jojo-compo\"\u003e\n \u003cdiv class=\"soi-jojo-compo-row\"\u003e\n \u003cspan class=\"soi-jojo-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-jojo-compo-value\"\u003eSimmondsia Chinensis (Jojoba) Seed Oil\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jojo-compo-row\"\u003e\n \u003cspan class=\"soi-jojo-compo-label\"\u003eExtraction\u003c\/span\u003e\n \u003cspan class=\"soi-jojo-compo-value\"\u003ePremière pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jojo-compo-row\"\u003e\n \u003cspan class=\"soi-jojo-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-jojo-compo-value\"\u003eCosmos Organic, certifiée par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jojo-compo-row\"\u003e\n \u003cspan class=\"soi-jojo-compo-label\"\u003eTexture\u003c\/span\u003e\n \u003cspan class=\"soi-jojo-compo-value\"\u003eHuile sèche, absorption rapide, fini non gras\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jojo-compo-row\"\u003e\n \u003cspan class=\"soi-jojo-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-jojo-compo-value\"\u003eFlacon pompe pour une application précise et hygiénique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jojo-compo-row\"\u003e\n \u003cspan class=\"soi-jojo-compo-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"soi-jojo-compo-value\"\u003eTous types de peau et de cheveux, peaux sensibles, grasses, matures\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Comment utiliser --\u003e\n \u003csection class=\"soi-jojo-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de jojoba Najel au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-jojo-timeline\"\u003e\n \u003cdiv class=\"soi-jojo-step\"\u003e\n \u003cdiv class=\"soi-jojo-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-jojo-step-content\"\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2 à 3 gouttes sur une peau propre, matin ou soir, en massant doucement jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jojo-step\"\u003e\n \u003cdiv class=\"soi-jojo-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-jojo-step-content\"\u003e\n \u003ch3\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003eDéposez quelques gouttes sur les paumes, réchauffez entre vos mains et répartissez sur les longueurs ou le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jojo-step\"\u003e\n \u003cdiv class=\"soi-jojo-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-jojo-step-content\"\u003e\n \u003ch3\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la après la douche, sur peau légèrement humide, pour maximiser la pénétration et prolonger l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jojo-accordion\"\u003e\n \u003cdetails class=\"soi-jojo-accordion-item\"\u003e\n \u003csummary class=\"soi-jojo-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-jojo-accordion-content\"\u003e\n \u003cp\u003eCe produit est un cosmétique naturel. Il ne se substitue à aucun traitement médical dermatologique.\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-jojo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-jojo-cta-box\"\u003e\n \u003cp class=\"soi-jojo-cta-tag\" style=\"color: white;\"\u003eUn seul flacon, de la tête aux pieds\u003c\/p\u003e\n \u003cp class=\"soi-jojo-cta-text\" style=\"color: white;\"\u003eNaturelle, légère et incroyablement polyvalente, l'huile de jojoba bio Najel s'adapte à chaque peau, chaque chevelure, chaque routine. La simplicité et l'efficacité du meilleur que la nature puisse vous offrir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-jojo-marine: #1A2D3D;\n --soi-jojo-marine-dark: #0F1E2B;\n --soi-jojo-marine-light: #2C4458;\n --soi-jojo-pomme: #A1C544;\n --soi-jojo-pomme-dark: #84A636;\n --soi-jojo-pomme-light: rgba(161,197,68,0.10);\n --soi-jojo-white: #FFFFFF;\n --soi-jojo-off-white: #F8FAF6;\n --soi-jojo-stone: #F1F3EE;\n --soi-jojo-line: #E5E8E0;\n --soi-jojo-primary: #C4A256;\n --soi-jojo-primary-soft: #E8D9B0;\n --soi-jojo-accent: #8B6914;\n --soi-jojo-text: #1A2D3D;\n --soi-jojo-text-soft: #4A5B6B;\n --soi-jojo-text-muted: #7B8693;\n --soi-jojo-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-jojo-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-jojo-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-jojo-radius: 12px;\n --soi-jojo-radius-sm: 8px;\n --soi-jojo-radius-pill: 999px;\n}\n\n.soi-jojo-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-jojo-fiche img { max-width: 100%; height: auto; }\n\n.soi-jojo-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-jojo-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-jojo-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-jojo-hero {\n position: relative;\n background: var(--soi-jojo-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-jojo-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-jojo-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-jojo-pomme);\n}\n\n.soi-jojo-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-jojo-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-jojo-pomme);\n border-radius: 50%;\n}\n\n.soi-jojo-hero-title {\n display: block;\n color: var(--soi-jojo-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-jojo-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-jojo-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-jojo-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-jojo-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-jojo-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-jojo-label-accent {\n background: var(--soi-jojo-pomme);\n border-color: var(--soi-jojo-pomme);\n color: var(--soi-jojo-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-jojo-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-jojo-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-jojo-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-jojo-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-jojo-pomme);\n border-radius: 2px;\n}\n\n.soi-jojo-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-jojo-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-jojo-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-jojo-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-jojo-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-jojo-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-jojo-benefit {\n background: var(--soi-jojo-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-jojo-radius);\n border: 1px solid var(--soi-jojo-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-jojo-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-jojo-shadow-md);\n}\n\n.soi-jojo-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-jojo-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-jojo-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-jojo-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-jojo-benefit:hover .soi-jojo-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-jojo-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-jojo-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-jojo-benefit p {\n font-size: 13px;\n color: var(--soi-jojo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-jojo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-jojo-card {\n background: var(--soi-jojo-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-jojo-radius);\n border-left: 3px solid var(--soi-jojo-pomme);\n}\n\n.soi-jojo-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-jojo-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-jojo-card p {\n font-size: 14px;\n color: var(--soi-jojo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-jojo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-jojo-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-jojo-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-jojo-radius);\n border: 1px solid var(--soi-jojo-line);\n align-items: flex-start;\n}\n\n.soi-jojo-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-jojo-marine);\n color: var(--soi-jojo-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-jojo-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-jojo-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-jojo-step-content p {\n font-size: 14px;\n color: var(--soi-jojo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-jojo-compo {\n background: var(--soi-jojo-off-white);\n border-radius: var(--soi-jojo-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-jojo-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-jojo-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-jojo-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-jojo-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-jojo-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-jojo-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-jojo-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-jojo-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-jojo-pomme-light);\n border-left: 4px solid var(--soi-jojo-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-jojo-radius) var(--soi-jojo-radius) 0;\n align-items: flex-start;\n}\n\n.soi-jojo-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-jojo-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-jojo-marine);\n margin-bottom: 4px;\n}\n\n.soi-jojo-tip p {\n font-size: 14px;\n color: var(--soi-jojo-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-jojo-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.5rem;\n}\n\n.soi-jojo-accordion-item {\n background: var(--soi-jojo-off-white);\n border-radius: var(--soi-jojo-radius-sm);\n border: 1px solid var(--soi-jojo-line);\n overflow: hidden;\n}\n\n.soi-jojo-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-jojo-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-jojo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-jojo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-jojo-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-jojo-accordion-item[open] .soi-jojo-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-jojo-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-jojo-accordion-content p {\n font-size: 14px;\n color: var(--soi-jojo-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-jojo-cta-box {\n background: var(--soi-jojo-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-jojo-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-jojo-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-jojo-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-jojo-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-jojo-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-jojo-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-jojo-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-jojo-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-jojo-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-jojo-compo-value {\n text-align: left;\n }\n\n .soi-jojo-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-jojo-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-jojo-fiche {\n --soi-jojo-text-soft: #2C3E50;\n --soi-jojo-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603647455562,"sku":"NJ0215","price":12.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-jojoba-certifiee-bio-najel-packshot_17f5caf0-9672-4587-92d4-cb68a5efc6b0.webp?v=1784729697"},{"product_id":"savon-dalep-a-la-boue-de-la-mer-morte-najel","title":"Savon d'Alep à la boue de la mer Morte – 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 · Savon artisanal · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep à la boue de la mer morte\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003ePurification et reminéralisation au naturel : trois millénaires de savoir-faire syrien enrichis de la richesse minérale unique de la mer Morte, pour le visage, le corps et les cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eREMINÉRALISANT\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS SULFATES\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!-- SECTION : Héritage artisanal --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eUn héritage artisanal de trois millénaires\u003c\/h2\u003e\n \u003cp\u003eLa famille AL NAJJAR perpétue depuis des générations le savoir-faire de la savonnerie d'Alep. Chaque pain est coulé à froid, puis séché à l'air libre pendant \u003cstrong\u003eau moins neuf mois\u003c\/strong\u003e. Ce vieillissement lent confère au savon d'Alep sa texture dense, son odeur boisée caractéristique et ses propriétés supérieures. Aucune accélération industrielle ne peut reproduire ce résultat.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Composition --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep à la boue de la mer Morte\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eCe savon tire sa force d'une association de trois actifs complémentaires, dans une formule volontairement courte et lisible.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive biologique\u003c\/h3\u003e\n \u003cp\u003eBase nourrissante du savon d'Alep, elle nettoie sans agresser, hydrate en profondeur et protège le film cutané naturel. Idéale pour les peaux sèches, sensibles ou matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eL'actif signature du savon d'Alep. Purifiante, apaisante et régénérante, elle convient particulièrement aux peaux sujettes à l'acné, à l'eczéma ou au psoriasis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🪨 Boue noire de la mer Morte\u003c\/h3\u003e\n \u003cp\u003eNaturellement concentrée en magnésium, potassium, calcium et chlorure, elle élimine les impuretés en profondeur, favorise la microcirculation et stimule le renouvellement cellulaire.\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\u003eFormule sans compromis\u003c\/strong\u003e\n \u003cp\u003ePas de sulfates, pas de perturbateurs endocriniens, pas de parfum de synthèse. La composition reste courte et lisible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Bienfaits --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eQuels sont les bienfaits du savon d'Alep à la boue de la mer Morte ?\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 en profondeur\u003c\/h3\u003e\n \u003cp\u003eSans effet de tiraillement, il convient aux peaux normales, grasses, mixtes et sensibles.\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\u003eLa boue absorbe le sébum excédentaire et les résidus de pollution pour des pores visiblement affinés.\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\u003eLes acides gras du laurier calment les rougeurs et les démangeaisons cutanées.\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\u003eReminéralisation cutanée\u003c\/h3\u003e\n \u003cp\u003eLes oligo-éléments de la mer Morte redonnent vitalité et éclat à une peau terne ou fatiguée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eSoin multi-usages\u003c\/strong\u003e\n \u003cp\u003eVisage, corps et cheveux en un seul produit : une option idéale pour simplifier votre routine beauté naturelle.\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-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 ou directement sur la peau humide.\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\u003eLaisser agir\u003c\/h3\u003e\n \u003cp\u003eLaissez poser 1 à 2 minutes pour profiter pleinement de l'action de la boue de la mer Morte.\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\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Pour les cheveux, utilisez-le comme shampooing solide en insistant sur le cuir chevelu.\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.5rem;\"\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 conserver votre savon d'Alep longtemps, sortez-le de l'eau entre chaque utilisation et laissez-le sécher sur un porte-savon aéré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Pour qui --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePour qui est fait ce savon d'Alep ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e👐 Tous types de peau\u003c\/h3\u003e\n \u003cp\u003eCe savon convient à toutes les peaux, y compris les plus délicates. Il est particulièrement apprécié des personnes qui cherchent une alternative naturelle aux nettoyants classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🩹 Peaux à problèmes\u003c\/h3\u003e\n \u003cp\u003eLes peaux sujettes à des problèmes cutanés chroniques trouvent dans ce savon d'Alep un soin apaisant et purifiant au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌍 Démarche éco-responsable\u003c\/h3\u003e\n \u003cp\u003eUn soin solide, sans emballage plastique, pour celles et ceux qui souhaitent réduire leur impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : 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'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-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 pathologie cutanée, 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 laver naturellement\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eTrois millénaires de savoir-faire, la richesse minérale de la mer Morte et une formule sans compromis. Votre peau mérite ce qu'il y a de mieux, pas ce qu'il y a de plus compliqué.\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: #6A8E7A;\n --soi-alep-primary-soft: #E8F0EC;\n --soi-alep-accent: #8B6B4A;\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}\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\/* === 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\/* === 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-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\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":61603651191114,"sku":"NJ0095","price":3.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-a-la-boue-de-la-mer-morte-najel-packshot.webp?v=1779630185"},{"product_id":"savon-dalep-40-hbl-najel","title":"Savon d'Alep 40% HBL – Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep 40% HBL\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eLe soin ancestral aux huiles d'olive et de baies de laurier, spécialement formulé pour les peaux sensibles et réactives.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e40% HUILE DE BAIES DE LAURIER\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 \u003cspan class=\"soi-alep-label\"\u003eSANS CONSERVATEUR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 : Savon d'Alep 40% HBL Najel : le soin ancestral pour peaux sensibles et réactives --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep 40% HBL Najel : le soin ancestral pour peaux sensibles et réactives\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep est l'un des plus anciens savons du monde, né il y a plus de 3 000 ans dans la ville d'Alep, en Syrie. Tous les savons d'Alep ne se valent pas. Avec 40% d'huile de baies de laurier (HBL), le savon d'Alep Najel Premium représente une concentration parmi les plus élevées du marché, spécialement formulée pour les peaux sensibles, réactives et sujettes aux irritations.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 : Composition du savon d'Alep Najel 40% HBL --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel 40% HBL\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eSa formule repose sur deux ingrédients d'exception, sans superflu.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eHuile d'olive\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e60% — Base saponifiée nourrissante, douce et protectrice\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\"\u003e40% — Propriétés apaisantes, purifiantes et antiseptiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eMéthode de fabrication\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSaponification à chaud traditionnelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003eLa composition du savon d'Alep Najel est volontairement minimaliste : sans parfum artificiel, sans colorant, sans conservateur. Ce que vous voyez sur le pain de savon, c'est exactement ce que votre peau reçoit.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 : Pourquoi choisir un savon d'Alep à 40% d'huile de baies de laurier ? --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon d'Alep à 40% d'huile de baies de laurier ?\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003ePlus la concentration en HBL est élevée, plus le savon est adapté aux peaux qui ont besoin d'un soin intensif. À 40%, ce savon convient particulièrement aux profils suivants.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫧 Peaux eczémateuses ou psoriasiques\u003c\/h3\u003e\n \u003cp\u003eSujettes à l'eczéma ou au psoriasis, ces peaux trouvent dans le savon d'Alep 40% un soin apaisant respectueux de leur fragilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e✨ Peaux acnéiques ou grasses\u003c\/h3\u003e\n \u003cp\u003eLes peaux à tendance grasse avec imperfections bénéficient des propriétés purifiantes de l'huile de baies de laurier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Peaux irritées et réactives\u003c\/h3\u003e\n \u003cp\u003eLes peaux irritées, rouges ou réactives au quotidien sont apaisées par la richesse de cette formule surgras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🛡️ Peaux sensibilisées\u003c\/h3\u003e\n \u003cp\u003ePour les peaux fragilisées par des produits chimiques ou environnementaux, ce savon offre un retour à l'essentiel sans agression.\u003c\/p\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\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour les peaux normales ou peu sensibles, un savon d'Alep à 5% ou 12% HBL sera suffisant. Le 40% est réservé aux besoins spécifiques et s'utilise de façon ponctuelle ou en alternance avec un savon plus doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 : Les bienfaits du savon d'Alep sur le visage, le corps et les cheveux --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep sur le visage, le corps et les cheveux\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLe savon d'Alep sur le visage est particulièrement apprécié pour nettoyer en douceur sans agresser le film hydrolipidique. Son caractère surgras dépose un léger voile protecteur qui apaise les tiraillements après le lavage.\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\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur, purifie les pores et apaise les rougeurs sans agresser le film hydrolipidique.\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\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eRespecte le microbiome cutané et convient aux zones délicates, même les plus sensibles.\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\u003ePeut être utilisé comme shampoing solide, surtout pour les cuirs chevelus sensibles ou à tendance pelliculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1.25rem;\"\u003eLes bienfaits du savon d'Alep sont reconnus par de nombreux dermatologues, qui le recommandent comme alternative naturelle aux savons surgras conventionnels pour les peaux à problèmes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 : Comment utiliser le savon d'Alep Najel 40% ? --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep Najel 40% ?\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 et moussez\u003c\/h3\u003e\n \u003cp\u003eMouillez le savon et vos mains, puis formez une mousse légère entre vos paumes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eAppliquez en douceur\u003c\/h3\u003e\n \u003cp\u003eAppliquez en massages circulaires doux sur le visage ou le corps.\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 à 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\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eConservez correctement\u003c\/h3\u003e\n \u003cp\u003eConservez votre savon sur un porte-savon aéré entre chaque utilisation pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e📋\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFréquence conseillée\u003c\/strong\u003e\n \u003cp\u003e2 à 3 fois par semaine pour le visage à 40% HBL. Au quotidien sur le corps si votre peau le tolère bien. En cas de doute, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 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\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\"\u003eTeneur en HBL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003e40%\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\"\u003eSaponification à chaud\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\"\u003eProfil cutané\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eSensibles, réactives\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 \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-accordion\" style=\"margin-top: 1.25rem;\"\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 produit est un cosmétique naturel. Il ne remplace pas un traitement médical prescrit par un professionnel de santé. En cas de doute, 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-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 savoir-faire\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eQuand la nature fait mieux que la chimie, il suffit parfois de revenir à l'essentiel. Votre peau vous en sera reconnaissante dès les premiers lavages.\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: #5C7A5E;\n --soi-alep-primary-soft: #D2DFD3;\n --soi-alep-accent: #B5894A;\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}\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}\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 *\/\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* 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":61603651977546,"sku":"NJ0045","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-40-hbl-najel-lifestyle.webp?v=1779613572"},{"product_id":"beurre-de-karite-brut-certifie-bio-najel","title":"Beurre de karité brut certifié bio – Najel","description":"\n\u003cdiv class=\"soi-kari-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-kari-hero\"\u003e\n \u003cdiv class=\"soi-kari-hero-tag\"\u003e\n \u003cspan class=\"soi-kari-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-kari-hero-title\"\u003eUn beurre brut, équitable \u0026amp; bio\u003c\/span\u003e\n\n \u003cp class=\"soi-kari-hero-subtitle\"\u003eUn soin pur et polyvalent, extrait artisanalement au Ghana, pour nourrir votre peau, votre visage et vos cheveux en profondeur.\u003c\/p\u003e\n \u003cdiv class=\"soi-kari-hero-labels\"\u003e\n \u003cspan class=\"soi-kari-label soi-kari-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-kari-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-kari-label\"\u003eCOMMERCE ÉQUITABLE\u003c\/span\u003e\n \u003cspan class=\"soi-kari-label\"\u003e100 % PUR\u003c\/span\u003e\n \u003cspan class=\"soi-kari-label\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 : Intro --\u003e\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003eBeurre de karité brut certifié bio Najel : le soin pur et polyvalent\u003c\/h2\u003e\n \u003cp\u003eSi vous cherchez un soin \u003cstrong\u003e100 % naturel, non raffiné et certifié bio\u003c\/strong\u003e pour nourrir votre peau et vos cheveux en profondeur, le \u003cstrong\u003ebeurre de karité brut bio Najel\u003c\/strong\u003e est exactement ce qu'il vous faut. Extrait artisanalement par des femmes ghanéennes au sein d'une coopérative équitable, ce beurre brut non transformé conserve l'intégralité de ses actifs naturels : \u003cstrong\u003evitamines A, D, E et F\u003c\/strong\u003e, acides gras essentiels et insaponifiables réparateurs. Aucun solvant, aucune transformation chimique : juste le meilleur du karité, tel que la nature le produit.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 : Pourquoi choisir --\u003e\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003ePourquoi choisir un beurre de karité bio non raffiné ?\u003c\/h2\u003e\n \u003cp class=\"soi-kari-section-intro\"\u003eLa différence entre un beurre de karité classique et un \u003cstrong\u003ebeurre de karité bio pur non raffiné\u003c\/strong\u003e est fondamentale. Le raffinage élimine une grande partie des actifs bénéfiques. En choisissant un beurre brut, vous obtenez :\u003c\/p\u003e\n \u003cdiv class=\"soi-kari-grid\"\u003e\n \u003cdiv class=\"soi-kari-card\"\u003e\n \u003ch3\u003e🧬 Une teneur maximale en insaponifiables\u003c\/h3\u003e\n \u003cp\u003eDe 7 à 12 % d'insaponifiables, responsables des propriétés réparatrices et anti-inflammatoires du karité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card\"\u003e\n \u003ch3\u003e✨ Des vitamines naturellement présentes\u003c\/h3\u003e\n \u003cp\u003eDes vitamines A, D, E et F qui soutiennent le renouvellement cutané et protègent les cellules du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card\"\u003e\n \u003ch3\u003e🤲 Une texture dense et fondante\u003c\/h3\u003e\n \u003cp\u003eSigne d'un produit non altéré par la chaleur industrielle, qui conserve toute sa richesse originelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 : Bienfaits --\u003e\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets sur votre peau, votre visage et vos cheveux\u003c\/h2\u003e\n \u003cdiv class=\"soi-kari-benefits\"\u003e\n \u003cdiv class=\"soi-kari-benefit\"\u003e\n \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau sèche et sensible\u003c\/h3\u003e\n \u003cp\u003eForme un film protecteur naturel qui soulage les tiraillements, restaure le film hydrolipidique et apaise les rougeurs. Idéal pour les coudes, les talons, les lèvres et les mains abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-benefit\"\u003e\n \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e☀️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection toutes saisons\u003c\/h3\u003e\n \u003cp\u003eEn hiver, il protège des vents et du froid. En été, il apaise la peau après l'exposition solaire. Un allié 365 jours par an pour toute la famille, même les peaux de bébé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-benefit\"\u003e\n \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoin capillaire réparateur\u003c\/h3\u003e\n \u003cp\u003eEn masque avant shampooing ou sur les pointes, il nourrit les fibres capillaires abîmées, réduit les frisottis et restitue brillance et souplesse aux cheveux secs ou colorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 : Comment utiliser --\u003e\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003eComment utiliser le beurre de karité brut Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-kari-timeline\"\u003e\n \u003cdiv class=\"soi-kari-step\"\u003e\n \u003cdiv class=\"soi-kari-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step-content\"\u003e\n \u003ch3\u003ePour le corps\u003c\/h3\u003e\n \u003cp\u003ePrélevez une petite noisette, faites-la fondre entre vos paumes quelques secondes, puis massez doucement sur les zones sèches. La chaleur corporelle suffit à le rendre parfaitement fluide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step\"\u003e\n \u003cdiv class=\"soi-kari-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step-content\"\u003e\n \u003ch3\u003ePour le visage\u003c\/h3\u003e\n \u003cp\u003eUtilisez une infime quantité (un grain de riz suffit) en soin de nuit sur peau propre. Idéal pour les peaux très sèches ou en manque d'élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step\"\u003e\n \u003cdiv class=\"soi-kari-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step-content\"\u003e\n \u003ch3\u003ePour les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez en masque sur cheveux secs, laissez poser 20 à 30 minutes, puis shampouinez normalement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 : Composition et certification --\u003e\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003eComposition et certification\u003c\/h2\u003e\n \u003cdiv class=\"soi-kari-compo\"\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003eButyrospermum Parkii (Shea) Butter*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003eQualité\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003e100 % pur, brut et non raffiné\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003eCosmos Organic (ECOCERT)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003eCoopérative de femmes artisanes, Ghana\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003e100 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 12px; color: var(--soi-kari-text-muted); margin-top: 0.75rem; font-style: italic;\"\u003e* Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"soi-kari-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-kari-card-mini\"\u003e\n \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-value\"\u003eSans parfum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card-mini\"\u003e\n \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-label\"\u003eConservateur\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-value\"\u003eAucun\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card-mini\"\u003e\n \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🎨\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-label\"\u003eColorant\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-value\"\u003eAucun\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card-mini\"\u003e\n \u003cspan class=\"soi-kari-card-mini-icon\"\u003e👶\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-label\"\u003eConvient aux\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-value\"\u003ePeaux sensibles et bébé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-kari-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-kari-cta-box\"\u003e\n \u003cp class=\"soi-kari-cta-text\" style=\"color: white;\"\u003eUne seule noix de karité ghanéenne suffit à transformer votre routine. Corps, visage ou cheveux, le beurre de karité Najel vous offre ce que la cosmétique naturelle a de meilleur. Simple, efficace, honnê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-kari-marine: #1A2D3D;\n --soi-kari-marine-dark: #0F1E2B;\n --soi-kari-marine-light: #2C4458;\n --soi-kari-pomme: #A1C544;\n --soi-kari-pomme-dark: #84A636;\n --soi-kari-pomme-light: rgba(161,197,68,0.10);\n\n --soi-kari-white: #FFFFFF;\n --soi-kari-off-white: #F8FAF6;\n --soi-kari-stone: #F1F3EE;\n --soi-kari-line: #E5E8E0;\n\n --soi-kari-primary: #B8924A;\n --soi-kari-primary-soft: #F5EDE0;\n --soi-kari-accent: #3D2B1F;\n\n --soi-kari-text: #1A2D3D;\n --soi-kari-text-soft: #4A5B6B;\n --soi-kari-text-muted: #7B8693;\n\n --soi-kari-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-kari-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-kari-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-kari-radius: 12px;\n --soi-kari-radius-sm: 8px;\n --soi-kari-radius-pill: 999px;\n}\n\n.soi-kari-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-kari-fiche img { max-width: 100%; height: auto; }\n\n.soi-kari-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-kari-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-kari-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-kari-hero {\n position: relative;\n background: var(--soi-kari-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-kari-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-kari-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-kari-primary);\n}\n\n.soi-kari-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-kari-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-kari-primary);\n border-radius: 50%;\n}\n\n.soi-kari-hero-title {\n display: block;\n color: var(--soi-kari-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-kari-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-kari-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-kari-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-kari-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-kari-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-kari-label-accent {\n background: var(--soi-kari-primary);\n border-color: var(--soi-kari-primary);\n color: var(--soi-kari-white);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-kari-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-kari-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-kari-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-kari-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-kari-pomme);\n border-radius: 2px;\n}\n\n.soi-kari-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-kari-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-kari-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-kari-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-kari-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-kari-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-kari-benefit {\n background: var(--soi-kari-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-kari-radius);\n border: 1px solid var(--soi-kari-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-kari-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-kari-shadow-md);\n}\n\n.soi-kari-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-kari-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-kari-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-kari-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-kari-benefit:hover .soi-kari-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-kari-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-kari-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-kari-benefit p {\n font-size: 13px;\n color: var(--soi-kari-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-kari-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-kari-card {\n background: var(--soi-kari-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-kari-radius);\n border-left: 3px solid var(--soi-kari-primary);\n}\n\n.soi-kari-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-kari-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-kari-card p {\n font-size: 14px;\n color: var(--soi-kari-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-kari-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-kari-card-mini {\n background: var(--soi-kari-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-kari-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-kari-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-kari-card-mini-label {\n font-size: 11px;\n color: var(--soi-kari-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-kari-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-kari-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-kari-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-kari-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-kari-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-kari-radius);\n border: 1px solid var(--soi-kari-line);\n align-items: flex-start;\n}\n\n.soi-kari-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-kari-marine);\n color: var(--soi-kari-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-kari-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-kari-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-kari-step-content p {\n font-size: 14px;\n color: var(--soi-kari-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-kari-compo {\n background: var(--soi-kari-off-white);\n border-radius: var(--soi-kari-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-kari-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-kari-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-kari-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-kari-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-kari-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-kari-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-kari-marine);\n text-align: right;\n}\n\n\/* === ACCORDION === *\/\n.soi-kari-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-kari-accordion-item {\n background: var(--soi-kari-off-white);\n border-radius: var(--soi-kari-radius-sm);\n border: 1px solid var(--soi-kari-line);\n overflow: hidden;\n}\n\n.soi-kari-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-kari-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-kari-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-kari-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-kari-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-kari-accordion-item[open] .soi-kari-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-kari-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-kari-accordion-content p {\n font-size: 14px;\n color: var(--soi-kari-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-kari-cta-box {\n background: var(--soi-kari-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-kari-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-kari-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-kari-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-kari-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-kari-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-kari-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-kari-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-kari-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-kari-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-kari-compo-value {\n text-align: left;\n }\n\n .soi-kari-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-kari-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-kari-fiche {\n --soi-kari-text-soft: #2C3E50;\n --soi-kari-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603654533450,"sku":"NJ0225","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/beurre-de-karite-brut-certifie-bio-najel-packshot.webp?v=1779807899"},{"product_id":"boue-de-la-mer-morte-najel","title":"Boue de la mer Morte – Najel","description":"\u003cdiv class=\"soi-boue-fiche\"\u003e\n\n \u003csection class=\"soi-boue-hero\"\u003e\n \u003cdiv class=\"soi-boue-hero-tag\"\u003e\n \u003cspan class=\"soi-boue-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-boue-hero-title\"\u003eBoue de la Mer Morte\u003c\/span\u003e\n \u003cp class=\"soi-boue-hero-subtitle\"\u003eMasque régénérant aux minéraux de la Mer Morte, 100 % naturel et sans conservateurs, pour le visage, le corps et les cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-boue-hero-labels\"\u003e\n \u003cspan class=\"soi-boue-label soi-boue-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n \u003cspan class=\"soi-boue-label\"\u003eECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-boue-label\"\u003e100 % NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-boue-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n \u003cspan class=\"soi-boue-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-boue-section\"\u003e\n \u003ch2\u003ePourquoi la boue de la Mer Morte est-elle si efficace ?\u003c\/h2\u003e\n \u003cp\u003eDepuis des millénaires, la boue de la Mer Morte est considérée comme l'un des soins les plus précieux que la nature puisse offrir. La Mer Morte est un lac salé hypersalin dont les sédiments se chargent, au fil du temps, d'une concentration exceptionnelle en minéraux.\u003c\/p\u003e\n \u003cp\u003eLa boue qui en est extraite contient naturellement du magnésium, du calcium, du potassium et du sodium : quatre actifs qui agissent en synergie pour nourrir les cellules cutanées, réguler le sébum, apaiser les irritations et accélérer la régénération de l'épiderme.\u003c\/p\u003e\n \u003cp\u003eC'est précisément cette richesse minérale qui a été associée à un effet bénéfique sur les peaux sujettes au psoriasis, à l'eczéma ou à l'acné. Ce produit ne remplace en aucun cas un traitement médical, mais il peut venir en complément d'une routine de soin adaptée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-boue-section\"\u003e\n \u003ch2\u003eLes bienfaits de la boue de la Mer Morte selon votre besoin\u003c\/h2\u003e\n \u003cdiv class=\"soi-boue-grid\"\u003e\n \u003cdiv class=\"soi-boue-card\"\u003e\n \u003ch3\u003e🌿 Visage\u003c\/h3\u003e\n \u003cp\u003eLe masque à la boue de la Mer Morte absorbe l'excès de sébum, resserre les pores et affine le grain de peau. Idéal pour les peaux mixtes à grasses et les peaux acnéiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-card\"\u003e\n \u003ch3\u003e💆 Cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAppliquée en masque cheveux, elle purifie le cuir chevelu en profondeur, régule la production de sébum et redonne vitalité aux cheveux ternes ou abîmés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-card\"\u003e\n \u003ch3\u003e🛁 Corps\u003c\/h3\u003e\n \u003cp\u003eUtilisée en enveloppement corporel, la boue de la Mer Morte vous aide à soulager les tensions musculaires et les douleurs articulaires, pour un vrai moment de détente bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-card\"\u003e\n \u003ch3\u003e✨ Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSa formule naturelle et sans conservateurs la rend bien tolérée par les peaux délicates. Elle apaise, régénère et redonne de l'éclat sans agresser l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-boue-section\"\u003e\n \u003ch2\u003eComment utiliser la boue de la Mer Morte Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-boue-timeline\"\u003e\n \u003cdiv class=\"soi-boue-step\"\u003e\n \u003cdiv class=\"soi-boue-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-boue-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau ou votre cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eHumidifiez légèrement la zone à traiter pour favoriser l'adhérence de la boue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-step\"\u003e\n \u003cdiv class=\"soi-boue-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-boue-step-content\"\u003e\n \u003ch3\u003eAppliquez une couche généreuse\u003c\/h3\u003e\n \u003cp\u003eRépartissez la boue sur le visage, le cou, le corps ou les longueurs et cuir chevelu selon votre besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-step\"\u003e\n \u003cdiv class=\"soi-boue-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-boue-step-content\"\u003e\n \u003ch3\u003eLaissez poser 20 minutes\u003c\/h3\u003e\n \u003cp\u003eAccordez aux minéraux le temps d'agir en profondeur sur votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-step\"\u003e\n \u003cdiv class=\"soi-boue-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-boue-step-content\"\u003e\n \u003ch3\u003eRincez abondamment à l'eau claire\u003c\/h3\u003e\n \u003cp\u003eVotre peau est immédiatement plus douce, plus nette et visiblement revitalisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-tip\"\u003e\n \u003cdiv class=\"soi-boue-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour les peaux très sensibles ou en cas de pathologie cutanée, demandez l'avis de votre dermatologue 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-boue-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"soi-boue-compo\"\u003e\n \u003cdiv class=\"soi-boue-compo-row\"\u003e\n \u003cspan class=\"soi-boue-compo-label\"\u003eIngrédient principal\u003c\/span\u003e\n \u003cspan class=\"soi-boue-compo-value\"\u003eBoue de la Mer Morte (Dead Sea Mud)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-compo-row\"\u003e\n \u003cspan class=\"soi-boue-compo-label\"\u003eMinéraux présents\u003c\/span\u003e\n \u003cspan class=\"soi-boue-compo-value\"\u003eMagnésium, Calcium, Potassium, Sodium, Silice\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-compo-row\"\u003e\n \u003cspan class=\"soi-boue-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-boue-compo-value\"\u003e100 % naturelle, sans conservateurs, sans parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-compo-row\"\u003e\n \u003cspan class=\"soi-boue-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-boue-compo-value\"\u003eCosmos Natural Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-compo-row\"\u003e\n \u003cspan class=\"soi-boue-compo-label\"\u003eTypes de peau\u003c\/span\u003e\n \u003cspan class=\"soi-boue-compo-value\"\u003eNormales, mixtes, grasses, sensibles, sujettes au psoriasis ou à l'acné\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-boue-section\"\u003e\n \u003ch2\u003eCe que vous devez savoir avant d'acheter\u003c\/h2\u003e\n \u003cdiv class=\"soi-boue-grid-compact\"\u003e\n \u003cdiv class=\"soi-boue-card-mini\"\u003e\n \u003cspan class=\"soi-boue-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n \u003cspan class=\"soi-boue-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-boue-card-mini-value\"\u003eCosmos Natural Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-card-mini\"\u003e\n \u003cspan class=\"soi-boue-card-mini-icon\"\u003e🌍\u003c\/span\u003e\n \u003cspan class=\"soi-boue-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-boue-card-mini-value\"\u003eMer Morte\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-card-mini\"\u003e\n \u003cspan class=\"soi-boue-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-boue-card-mini-label\"\u003ePolyvalence\u003c\/span\u003e\n \u003cspan class=\"soi-boue-card-mini-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-card-mini\"\u003e\n \u003cspan class=\"soi-boue-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"soi-boue-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-boue-card-mini-value\"\u003ePure, sans conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-boue-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-boue-cta-box\"\u003e\n \u003cp class=\"soi-boue-cta-tag\" style=\"color: white;\"\u003eDes millénaires de sagesse minérale dans un seul pot\u003c\/p\u003e\n \u003cp class=\"soi-boue-cta-text\" style=\"color: white;\"\u003ePurifiante, régénérante et apaisante, la Boue de la Mer Morte Najel transforme chaque application en véritable rituel minéral. Votre peau mérite ce soin ancestral, certifié naturel, doux pour elle comme 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-boue-marine: #1A2D3D;\n --soi-boue-marine-dark: #0F1E2B;\n --soi-boue-marine-light: #2C4458;\n --soi-boue-pomme: #A1C544;\n --soi-boue-pomme-dark: #84A636;\n --soi-boue-pomme-light: rgba(161,197,68,0.10);\n --soi-boue-white: #FFFFFF;\n --soi-boue-off-white: #F8FAF6;\n --soi-boue-stone: #F1F3EE;\n --soi-boue-line: #E5E8E0;\n --soi-boue-primary: #8BBCC2;\n --soi-boue-primary-soft: #B5D8DC;\n --soi-boue-accent: #5A4A42;\n --soi-boue-text: #1A2D3D;\n --soi-boue-text-soft: #4A5B6B;\n --soi-boue-text-muted: #7B8693;\n --soi-boue-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-boue-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-boue-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-boue-radius: 12px;\n --soi-boue-radius-sm: 8px;\n --soi-boue-radius-pill: 999px;\n}\n\n.soi-boue-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-boue-fiche img { max-width: 100%; height: auto; }\n\n.soi-boue-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-boue-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-boue-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-boue-hero {\n position: relative;\n background: var(--soi-boue-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-boue-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-boue-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-boue-pomme);\n}\n\n.soi-boue-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-boue-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-boue-pomme);\n border-radius: 50%;\n}\n\n.soi-boue-hero-title {\n display: block;\n color: var(--soi-boue-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-boue-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-boue-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-boue-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-boue-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-boue-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-boue-label-accent {\n background: var(--soi-boue-pomme);\n border-color: var(--soi-boue-pomme);\n color: var(--soi-boue-marine);\n font-weight: 600;\n}\n\n.soi-boue-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-boue-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-boue-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-boue-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-boue-pomme);\n border-radius: 2px;\n}\n\n.soi-boue-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-boue-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-boue-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-boue-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-boue-card {\n background: var(--soi-boue-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-boue-radius);\n border-left: 3px solid var(--soi-boue-pomme);\n}\n\n.soi-boue-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-boue-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-boue-card p {\n font-size: 14px;\n color: var(--soi-boue-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-boue-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-boue-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-boue-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-boue-radius);\n border: 1px solid var(--soi-boue-line);\n align-items: flex-start;\n}\n\n.soi-boue-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-boue-marine);\n color: var(--soi-boue-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-boue-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-boue-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-boue-step-content p {\n font-size: 14px;\n color: var(--soi-boue-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-boue-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-boue-pomme-light);\n border-left: 4px solid var(--soi-boue-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-boue-radius) var(--soi-boue-radius) 0;\n align-items: flex-start;\n}\n\n.soi-boue-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-boue-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-boue-marine);\n margin-bottom: 4px;\n}\n\n.soi-boue-tip p {\n font-size: 14px;\n color: var(--soi-boue-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-boue-compo {\n background: var(--soi-boue-off-white);\n border-radius: var(--soi-boue-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-boue-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-boue-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-boue-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-boue-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-boue-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-boue-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-boue-marine);\n text-align: right;\n}\n\n.soi-boue-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-boue-card-mini {\n background: var(--soi-boue-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-boue-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-boue-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-boue-card-mini-label {\n font-size: 11px;\n color: var(--soi-boue-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-boue-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-boue-marine);\n}\n\n.soi-boue-cta-box {\n background: var(--soi-boue-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-boue-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-boue-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-boue-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-boue-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-boue-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-boue-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-boue-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-boue-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-boue-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-boue-compo-value {\n text-align: left;\n }\n\n .soi-boue-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-boue-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-boue-fiche {\n --soi-boue-text-soft: #2C3E50;\n --soi-boue-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603656597834,"sku":"NJ0320","price":10.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/boue-de-la-mer-morte-najel-packshot.webp?v=1779726481"},{"product_id":"savon-dalep-au-charbon-vegetal-bio-najel","title":"Savon d'Alep Charbon au Végétal Bio - Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Savon solide · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep au charbon végétal bio\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eDeux traditions millénaires réunies en un seul savon : l'artisanat aleppin de la famille Al Najjar et le pouvoir purificateur du charbon végétal bio d'Amla, pour les peaux mixtes et grasses.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eNATUREL \u0026amp; BIODÉGRADABLE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi le charbon végétal bio change la donne pour votre peau\u003c\/h2\u003e\n \u003cp\u003eLe charbon végétal actif agit comme un véritable aimant sur les impuretés. Il capte les polluants, les toxines et l'excès de sébum logés dans vos pores, sans agresser la barrière cutanée. Dans ce savon, le charbon provient de l'Amla, une plante utilisée depuis des siècles en médecine ayurvédique, ce qui lui confère une finesse et une pureté supérieures aux charbons industriels classiques.\u003c\/p\u003e\n \u003cp\u003eContrairement à de nombreux savons au charbon du marché, celui-ci ne dessèche pas : l'huile d'olive saponifiée et l'huile de baies de laurier maintiennent le film hydrolipidique de votre peau, pour un résultat propre mais jamais tirant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep au charbon végétal bio Najel\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive saponifiée\u003c\/h3\u003e\n \u003cp\u003eNettoyante, nourrissante et protectrice, elle constitue la base du savon d'Alep traditionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier saponifiée\u003c\/h3\u003e\n \u003cp\u003eAux propriétés purifiantes, désinfectantes et régénératrices reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e⬛ Charbon végétal bio d'Amla\u003c\/h3\u003e\n \u003cp\u003eAdsorbant puissant, il capture les impuretés en profondeur et contribue à réguler le sébum.\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\u003eSavoir-faire artisanal\u003c\/strong\u003e\n \u003cp\u003eCe savon est fabriqué selon un procédé artisanal authentique, avec un séchage minimum de neuf mois, qui lui confère une texture dense, longue durée et une efficacité optimale à chaque utilisation.\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 fait ce savon au charbon végétal ?\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 mixtes à grasses\u003c\/h3\u003e\n \u003cp\u003ePores dilatés, excès de sébum : le charbon végétal capture les impuretés sans dessécher.\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 à imperfections\u003c\/h3\u003e\n \u003cp\u003ePoints noirs, acné légère : un soin purifiant qui contribue à affiner le grain de 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\u003ePeaux exposées à la pollution\u003c\/h3\u003e\n \u003cp\u003eUn nettoyant purifiant en profondeur pour les peaux urbaines en quête de fraîcheur.\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\u003eRoutine 3-en-1\u003c\/h3\u003e\n \u003cp\u003eVisage, corps, cheveux : un soin quotidien qui simplifie votre routine tout en réduisant les déchets plastiques.\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 au charbon végétal bio\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 la zone à traiter avec de l'eau tiède pour ouvrir les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-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 peau par mouvements circulaires doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eLaissez agir, puis rincez\u003c\/h3\u003e\n \u003cp\u003eLaissez poser 1 à 2 minutes pour une action purifiante renforcée, puis rincez à l'eau froide.\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\u003ePour les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement sur cuir chevelu humide, massez, laissez poser quelques minutes, puis rincez abondamment.\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\u003eUtilisez 2 à 3 fois par semaine en soin purifiant ciblé, ou quotidiennement si votre peau le tolère bien. Conservez le savon hors de l'eau entre deux utilisations pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eCe que disent les utilisateurs du savon Najel au charbon\u003c\/h2\u003e\n \u003cp\u003eLes retours sont unanimes : après 2 à 3 semaines d'utilisation régulière, les utilisateurs constatent une peau visiblement plus nette, des pores affinés et un teint plus uniforme. Beaucoup apprécient aussi son utilisation en shampoing solide pour un cuir chevelu moins gras et des racines revitalisées. Un produit 3-en-1 (visage, corps, cheveux) qui simplifie la routine tout en réduisant les déchets plastiques.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le savon au charbon végétal\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🌸 Ce savon convient-il aux peaux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eIl est principalement formulé pour les peaux mixtes à grasses. Si votre peau est sensible, commencez par une utilisation 2 fois par semaine et observez la réaction.\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🧺 Le charbon végétal tache-t-il les tissus ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eRincez soigneusement après utilisation. La couleur noire du savon ne laisse généralement pas de traces si le rinçage est complet.\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 remplace-t-il un traitement dermatologique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eNon. Il s'agit d'un soin cosmétique naturel. En cas d'acné sévère ou de problème cutané persistant, 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-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;\"\u003eDes siècles de savoir-faire aleppin au service de votre peau\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003ePurifiant sans agresser, nettoyant sans dessécher : redonnez à votre visage, votre corps et vos cheveux toute leur légèreté avec un seul savon.\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: #4A3530;\n --soi-alep-primary-soft: #6B534D;\n --soi-alep-accent: #C5A96A;\n\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n 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}\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-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\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":61603656859978,"sku":"NJ0105","price":5.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-charbon-au-vegetal-bio-najel-packshot.webp?v=1786192768"},{"product_id":"savon-noir-dalep-a-leucalyptus-najel","title":"Savon noir d'Alep à l'Eucalyptus – Najel","description":"\u003cdiv class=\"soi-snae-fiche\"\u003e\n\n \u003csection class=\"soi-snae-hero\"\u003e\n \u003cdiv class=\"soi-snae-hero-tag\"\u003e\n \u003cspan class=\"soi-snae-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène \u0026amp; soin corps · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-snae-hero-title\"\u003eSavon noir d'Alep à l'Eucalyptus\u003c\/span\u003e\n \u003cp class=\"soi-snae-hero-subtitle\"\u003eNettoyant corps naturel inspiré du rituel hammam. Une pâte onctueuse à l'huile d'olive bio et à l'eucalyptus qui purifie en profondeur, sans agresser votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-snae-hero-labels\"\u003e\n \u003cspan class=\"soi-snae-label soi-snae-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n \u003cspan class=\"soi-snae-label\"\u003eECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-snae-label\"\u003e+99 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snae-section\"\u003e\n \u003ch2\u003eSavon noir d'Alep à l'Eucalyptus Najel : le nettoyant corps naturel au rituel hammam\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un savon noir naturel qui nettoie vraiment en profondeur, sans agresser votre peau ? Le Savon noir d'Alep à l'Eucalyptus de Najel puise dans une tradition millénaire pour vous offrir une expérience de soin authentique, à la fois purifiante et ressourçante. Certifié Cosmos Natural par Ecocert, sa formule à plus de 99 % d'origine naturelle respecte autant votre peau que l'environnement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snae-section\"\u003e\n \u003ch2\u003eUn savon noir d'exception, hérité du rituel hammam\u003c\/h2\u003e\n \u003cp class=\"soi-snae-section-intro\"\u003eContrairement à un simple gel douche, ce savon noir d'Alep à l'eucalyptus s'inspire directement des rituels de beauté orientaux pratiqués depuis des siècles. Sa texture pâte onctueuse, sans grain et non moussante, agit différemment : elle prépare la peau, la ramollit et facilite l'élimination des cellules mortes lors de l'application avec un gant kessa ou loofah. Résultat : une peau visiblement plus lisse, affinée et régénérée dès les premières utilisations.\u003c\/p\u003e\n \u003cdiv class=\"soi-snae-benefits\"\u003e\n \u003cdiv class=\"soi-snae-benefit\"\u003e\n \u003cdiv class=\"soi-snae-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eExfoliation douce sans grain\u003c\/h3\u003e\n \u003cp\u003eÉlimine les cellules mortes et les impuretés sans irriter votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-benefit\"\u003e\n \u003cdiv class=\"soi-snae-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRenouvellement cellulaire\u003c\/h3\u003e\n \u003cp\u003eStimule le renouvellement de la peau, qui retrouve son éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-benefit\"\u003e\n \u003cdiv class=\"soi-snae-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFraîcheur immédiate\u003c\/h3\u003e\n \u003cp\u003eL'huile essentielle d'Eucalyptus Globulus procure une sensation de fraîcheur vivifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-benefit\"\u003e\n \u003cdiv class=\"soi-snae-benefit-icon\"\u003e\u003cspan\u003e🤍\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTous types de peaux\u003c\/h3\u003e\n \u003cp\u003eConvient à toutes les peaux, y compris les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snae-section\"\u003e\n \u003ch2\u003eComposition : des ingrédients simples, des résultats concrets\u003c\/h2\u003e\n \u003cp class=\"soi-snae-section-intro\"\u003eLa force de ce savon noir naturel réside dans la pureté de ses ingrédients. Pas de superflu, pas de compromis.\u003c\/p\u003e\n \u003cdiv class=\"soi-snae-grid\"\u003e\n \u003cdiv class=\"soi-snae-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive vierge bio\u003c\/h3\u003e\n \u003cp\u003eNourrit, hydrate en profondeur et préserve l'élasticité cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eActif emblématique du savon d'Alep, aux propriétés apaisantes et purifiantes reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-card\"\u003e\n \u003ch3\u003e🍃 Huile essentielle d'Eucalyptus Globulus\u003c\/h3\u003e\n \u003cp\u003eTonifiante, rafraîchissante, aux vertus antiseptiques naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-card\"\u003e\n \u003ch3\u003e🧪 Potasse végétale\u003c\/h3\u003e\n \u003cp\u003eAgent saponifiant d'origine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-tip\"\u003e\n \u003cdiv class=\"soi-snae-tip-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n \u003cp\u003eFormulé et fabriqué par le Laboratoire NAJJAR, ce savon affiche plus de 99 % d'ingrédients d'origine naturelle et la certification Cosmos Natural Ecocert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snae-section\"\u003e\n \u003ch2\u003eComment utiliser le savon noir d'Alep à l'eucalyptus ?\u003c\/h2\u003e\n \u003cp class=\"soi-snae-section-intro\"\u003eL'efficacité de ce produit dépend beaucoup de la façon dont vous l'appliquez. Voici le protocole recommandé pour un résultat optimal.\u003c\/p\u003e\n \u003cdiv class=\"soi-snae-timeline\"\u003e\n \u003cdiv class=\"soi-snae-step\"\u003e\n \u003cdiv class=\"soi-snae-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-snae-step-content\"\u003e\n \u003ch3\u003eHumidifiez votre peau\u003c\/h3\u003e\n \u003cp\u003eSous une douche ou un bain chaud. La chaleur ouvre les pores et prépare la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-step\"\u003e\n \u003cdiv class=\"soi-snae-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-snae-step-content\"\u003e\n \u003ch3\u003eAppliquez une noisette de savon noir\u003c\/h3\u003e\n \u003cp\u003eDéposez le produit sur un gant kessa, loofah ou gant de friction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-step\"\u003e\n \u003cdiv class=\"soi-snae-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-snae-step-content\"\u003e\n \u003ch3\u003eMassez en mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003eFrottez énergiquement l'ensemble du corps pendant 2 à 3 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-step\"\u003e\n \u003cdiv class=\"soi-snae-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-snae-step-content\"\u003e\n \u003ch3\u003eLaissez poser quelques minutes\u003c\/h3\u003e\n \u003cp\u003eSi vous souhaitez intensifier l'effet purifiant, laissez le savon agir avant de rincer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-step\"\u003e\n \u003cdiv class=\"soi-snae-step-num\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"soi-snae-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau tiède, pour éliminer toutes les impuretés décollées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-tip\"\u003e\n \u003cdiv class=\"soi-snae-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eFréquence conseillée : 1 à 2 fois par semaine, en routine de soin hebdomadaire. Évitez les contours des yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snae-section\"\u003e\n \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n \u003cp class=\"soi-snae-section-intro\"\u003eCe savon noir à l'eucalyptus s'adresse à toute personne souhaitant adopter une routine corporelle plus naturelle et efficace. Il est particulièrement apprécié par :\u003c\/p\u003e\n \u003cdiv class=\"soi-snae-grid\"\u003e\n \u003cdiv class=\"soi-snae-card\"\u003e\n \u003ch3\u003e🪞 Peaux ternes ou à tendance grasse\u003c\/h3\u003e\n \u003cp\u003eVous avez besoin de purifier votre peau régulièrement pour retrouver de l'éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-card\"\u003e\n \u003ch3\u003e🛁 Amateurs de rituels bien-être\u003c\/h3\u003e\n \u003cp\u003eVous aimez recréer l'expérience du hammam à la maison, avec des produits authentiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eVous ne supportez pas les exfoliants à grains agressifs et recherchez une alternative douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-card\"\u003e\n \u003ch3\u003e🌱 Adeptes du naturel certifié\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un soin corps sans ingrédients controversés, certifié par un organisme reconnu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snae-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-snae-compo\"\u003e\n \u003cdiv class=\"soi-snae-compo-row\"\u003e\n \u003cspan class=\"soi-snae-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-snae-compo-value\"\u003eNajel (Laboratoire NAJJAR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-compo-row\"\u003e\n \u003cspan class=\"soi-snae-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-snae-compo-value\"\u003eCosmos Natural par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-compo-row\"\u003e\n \u003cspan class=\"soi-snae-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-snae-compo-value\"\u003ePlus de 99 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-compo-row\"\u003e\n \u003cspan class=\"soi-snae-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-snae-compo-value\"\u003eNettoyant et exfoliant corps\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-compo-row\"\u003e\n \u003cspan class=\"soi-snae-compo-label\"\u003eTexture\u003c\/span\u003e\n \u003cspan class=\"soi-snae-compo-value\"\u003ePâte onctueuse, sans grain\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-compo-row\"\u003e\n \u003cspan class=\"soi-snae-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-snae-compo-value\"\u003eEucalyptus (huile essentielle naturelle)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-accordion\"\u003e\n \u003cdetails class=\"soi-snae-accordion-item\"\u003e\n \u003csummary class=\"soi-snae-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-snae-accordion-content\"\u003e\n \u003cp\u003eCe produit est un cosmétique destiné au soin externe du corps. Il ne remplace en aucun cas un traitement médical dermatologique. 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 \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snae-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-snae-cta-box\"\u003e\n \u003cp class=\"soi-snae-cta-tag\" style=\"color: white;\"\u003eLe rituel hammam, chez vous\u003c\/p\u003e\n \u003cp class=\"soi-snae-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau le meilleur du rituel hammam, sans quitter votre salle de bain. Le Savon noir d'Alep à l'Eucalyptus Najel nettoie, purifie et régénère en douceur, grâce à des ingrédients naturels certifiés et une formule héritée d'une tradition millénaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-snae-marine: #1A2D3D;\n --soi-snae-marine-dark: #0F1E2B;\n --soi-snae-marine-light: #2C4458;\n --soi-snae-pomme: #A1C544;\n --soi-snae-pomme-dark: #84A636;\n --soi-snae-pomme-light: rgba(161,197,68,0.10);\n\n --soi-snae-white: #FFFFFF;\n --soi-snae-off-white: #F8FAF6;\n --soi-snae-stone: #F1F3EE;\n --soi-snae-line: #E5E8E0;\n\n --soi-snae-primary: #2A8A7A;\n --soi-snae-primary-soft: #D6F0EC;\n --soi-snae-accent: #3A2A20;\n\n --soi-snae-text: #1A2D3D;\n --soi-snae-text-soft: #4A5B6B;\n --soi-snae-text-muted: #7B8693;\n\n --soi-snae-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-snae-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-snae-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-snae-radius: 12px;\n --soi-snae-radius-sm: 8px;\n --soi-snae-radius-pill: 999px;\n}\n\n.soi-snae-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-snae-fiche img { max-width: 100%; height: auto; }\n\n.soi-snae-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-snae-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-snae-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-snae-hero {\n position: relative;\n background: var(--soi-snae-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-snae-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-snae-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-snae-pomme);\n}\n\n.soi-snae-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-snae-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-snae-pomme);\n border-radius: 50%;\n}\n\n.soi-snae-hero-title {\n display: block;\n color: var(--soi-snae-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-snae-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-snae-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-snae-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-snae-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-snae-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-snae-label-accent {\n background: var(--soi-snae-pomme);\n border-color: var(--soi-snae-pomme);\n color: var(--soi-snae-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-snae-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-snae-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-snae-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-snae-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-snae-pomme);\n border-radius: 2px;\n}\n\n.soi-snae-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-snae-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-snae-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-snae-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-snae-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-snae-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-snae-benefit {\n background: var(--soi-snae-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-snae-radius);\n border: 1px solid var(--soi-snae-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-snae-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-snae-shadow-md);\n}\n\n.soi-snae-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-snae-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-snae-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-snae-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-snae-benefit:hover .soi-snae-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-snae-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-snae-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-snae-benefit p {\n font-size: 13px;\n color: var(--soi-snae-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-snae-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-snae-card {\n background: var(--soi-snae-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-snae-radius);\n border-left: 3px solid var(--soi-snae-pomme);\n}\n\n.soi-snae-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-snae-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-snae-card p {\n font-size: 14px;\n color: var(--soi-snae-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-snae-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-snae-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-snae-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-snae-radius);\n border: 1px solid var(--soi-snae-line);\n align-items: flex-start;\n}\n\n.soi-snae-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-snae-marine);\n color: var(--soi-snae-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-snae-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-snae-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-snae-step-content p {\n font-size: 14px;\n color: var(--soi-snae-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-snae-compo {\n background: var(--soi-snae-off-white);\n border-radius: var(--soi-snae-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-snae-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-snae-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-snae-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-snae-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-snae-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-snae-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-snae-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-snae-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-snae-pomme-light);\n border-left: 4px solid var(--soi-snae-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-snae-radius) var(--soi-snae-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-snae-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-snae-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-snae-marine);\n margin-bottom: 4px;\n}\n\n.soi-snae-tip p {\n font-size: 14px;\n color: var(--soi-snae-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-snae-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-snae-accordion-item {\n background: var(--soi-snae-off-white);\n border-radius: var(--soi-snae-radius-sm);\n border: 1px solid var(--soi-snae-line);\n overflow: hidden;\n}\n\n.soi-snae-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-snae-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-snae-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-snae-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-snae-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-snae-accordion-item[open] .soi-snae-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-snae-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-snae-accordion-content p {\n font-size: 14px;\n color: var(--soi-snae-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-snae-cta-box {\n background: var(--soi-snae-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-snae-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-snae-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-snae-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-snae-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-snae-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-snae-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-snae-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-snae-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-snae-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-snae-compo-value {\n text-align: left;\n }\n\n .soi-snae-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-snae-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-snae-fiche {\n --soi-snae-text-soft: #2C3E50;\n --soi-snae-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603657318730,"sku":"NJ0145","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-noir-dalep-a-leucalyptus-najel-packshot.webp?v=1779539467"},{"product_id":"monoi-de-tahiti®-najel","title":"Monoï de Tahiti® – Najel","description":"\u003cdiv class=\"soi-mono-fiche\"\u003e\n\n\u003csection class=\"soi-mono-hero\"\u003e\n \u003cdiv class=\"soi-mono-hero-tag\"\u003e\n \u003cspan class=\"soi-mono-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques et soins beauté · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-mono-hero-title\"\u003eMonoï de Tahiti®\u003c\/span\u003e\n \u003cp class=\"soi-mono-hero-subtitle\"\u003eUn soin multi-usages né au cœur de la Polynésie, nourrissant, apaisant et enveloppant, pour le corps, le visage et les cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-mono-hero-labels\"\u003e\n \u003cspan class=\"soi-mono-label soi-mono-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n \u003cspan class=\"soi-mono-label\"\u003eAPPELLATION CONTRÔLÉE\u003c\/span\u003e\n \u003cspan class=\"soi-mono-label\"\u003eSANS SILICONES\u003c\/span\u003e\n \u003cspan class=\"soi-mono-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mono-section\"\u003e\n \u003ch2\u003eUne huile végétale de Monoï de Tahiti® au parfum fleur de Tiaré\u003c\/h2\u003e\n \u003cp\u003eImaginez un soin né au cœur de la Polynésie, là où les femmes macèrent les \u003cstrong\u003efleurs de Tiaré\u003c\/strong\u003e dans l'huile de coco depuis des siècles pour prendre soin de leur peau et de leurs cheveux. C'est exactement ce que vous offre le \u003cstrong\u003eMonoï de Tahiti® Najel\u003c\/strong\u003e : un soin multi-usages certifié Cosmos Natural, à la fois nourrissant, apaisant et enveloppant, pour le corps, le visage et les cheveux.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mono-section\"\u003e\n \u003ch2\u003eCe qui rend cette huile de Monoï unique\u003c\/h2\u003e\n \u003cp\u003eLe \u003cstrong\u003eMonoï de Tahiti®\u003c\/strong\u003e est une appellation contrôlée et protégée. Pour en porter le nom, il doit impérativement être fabriqué en Polynésie française, à partir de \u003cstrong\u003efleurs de Tiaré fraîches macérées au moins dix jours dans de l'huile de coprah raffinée\u003c\/strong\u003e. Najel respecte cette tradition à la lettre, sans raccourcis ni artifices.\u003c\/p\u003e\n \u003cdiv class=\"soi-mono-benefits\"\u003e\n \u003cdiv class=\"soi-mono-benefit\"\u003e\n \u003cdiv class=\"soi-mono-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation intense et durable\u003c\/h3\u003e\n \u003cp\u003eL'huile de coco pénètre les couches supérieures de l'épiderme et restaure le film lipidique naturel. La peau ressort douce, satinée, visiblement repulpée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-benefit\"\u003e\n \u003cdiv class=\"soi-mono-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoin réparateur pour les cheveux secs\u003c\/h3\u003e\n \u003cp\u003eAppliquée en masque ou en soin sans rinçage, cette huile de Monoï nourrit en profondeur, réduit les frisottis et révèle de la brillance sur les longueurs abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-benefit\"\u003e\n \u003cdiv class=\"soi-mono-benefit-icon\"\u003e\u003cspan\u003e☀️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEffet sublimateur pour le bronzage\u003c\/h3\u003e\n \u003cp\u003eUtilisée après une exposition solaire, l'huile de Monoï prolonge et unifie le hâle tout en hydratant. Elle ne contient aucun filtre UV et ne remplace pas votre protection solaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-benefit\"\u003e\n \u003cdiv class=\"soi-mono-benefit-icon\"\u003e\u003cspan\u003e🌺\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum envoûtant de Tiaré\u003c\/h3\u003e\n \u003cp\u003eDélicat, floral, légèrement sucré : il reste subtilement sur la peau plusieurs heures après l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mono-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de Monoï Najel au quotidien ?\u003c\/h2\u003e\n \u003cp\u003eSa polyvalence est l'un de ses grands atouts. Voici les utilisations les plus appréciées :\u003c\/p\u003e\n \u003cdiv class=\"soi-mono-timeline\"\u003e\n \u003cdiv class=\"soi-mono-step\"\u003e\n \u003cdiv class=\"soi-mono-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-mono-step-content\"\u003e\n \u003ch3\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes après la douche, sur peau encore légèrement humide, pour maximiser l'absorption et l'effet satiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-step\"\u003e\n \u003cdiv class=\"soi-mono-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-mono-step-content\"\u003e\n \u003ch3\u003eCheveux secs ou abîmés\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette sur les longueurs et pointes, laissez poser 20 à 30 minutes sous une serviette chaude, puis rincez. Résultat : des cheveux nourris, souples et brillants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-step\"\u003e\n \u003cdiv class=\"soi-mono-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-mono-step-content\"\u003e\n \u003ch3\u003eSoin du soir pour le visage\u003c\/h3\u003e\n \u003cp\u003eUne à deux gouttes en massage sur les zones sèches suffisent. Idéal pour les peaux normales à sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-step\"\u003e\n \u003cdiv class=\"soi-mono-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-mono-step-content\"\u003e\n \u003ch3\u003eAprès-soleil\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur le corps pour apaiser et prolonger le bronzage après l'exposition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-tip\"\u003e\n \u003cdiv class=\"soi-mono-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLe Monoï se solidifie naturellement en dessous de 25 °C. Il suffit de réchauffer le flacon quelques secondes dans vos mains ou dans un bain d'eau tiède pour le liquéfier à nouveau. C'est le signe d'un produit 100 % naturel, non dénaturé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mono-section\"\u003e\n \u003ch2\u003eComposition de l'huile de Monoï de Tahiti® Najel\u003c\/h2\u003e\n \u003cp\u003eLa liste INCI de ce produit est volontairement courte, ce qui est un gage de pureté :\u003c\/p\u003e\n \u003cdiv class=\"soi-mono-compo\"\u003e\n \u003cdiv class=\"soi-mono-compo-row\"\u003e\n \u003cspan class=\"soi-mono-compo-label\"\u003eCocos Nucifera (Coconut) Oil\u003c\/span\u003e\n \u003cspan class=\"soi-mono-compo-value\"\u003eHuile de noix de coco raffinée, base nourrissante et protectrice riche en acides gras saturés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-compo-row\"\u003e\n \u003cspan class=\"soi-mono-compo-label\"\u003eGardenia Tahitensis Flower Extract\u003c\/span\u003e\n \u003cspan class=\"soi-mono-compo-value\"\u003eMacérat de fleurs fraîches de Tiaré, actif emblématique et signature olfactive du vrai Monoï de Tahiti®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-compo-row\"\u003e\n \u003cspan class=\"soi-mono-compo-label\"\u003eParfum (Fragrance)\u003c\/span\u003e\n \u003cspan class=\"soi-mono-compo-value\"\u003eComplément d'arôme naturel pour intensifier la signature florale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-compo-row\"\u003e\n \u003cspan class=\"soi-mono-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-mono-compo-value\"\u003eCosmos Natural par Ecocert Greenlife\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-compo-row\"\u003e\n \u003cspan class=\"soi-mono-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-mono-compo-value\"\u003eColorants synthétiques, silicones, parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mono-section\"\u003e\n \u003ch2\u003ePour qui est fait ce Monoï ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-mono-grid\"\u003e\n \u003cdiv class=\"soi-mono-card\"\u003e\n \u003ch3\u003e🤲 Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eCette huile végétale de Monoï est particulièrement recommandée pour les peaux en manque de nutrition. Elle convient à tous les types de peau, y compris les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-card\"\u003e\n \u003ch3\u003e💇 Cheveux épais, bouclés ou fragilisés\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les cheveux abîmés par la chaleur ou la décoloration, elle nourrit en profondeur et redonne souplesse et brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-card\"\u003e\n \u003ch3\u003e⚠️ Peaux à tendance acnéique\u003c\/h3\u003e\n \u003cp\u003eSi votre peau est sujette à l'acné, privilégiez une application localisée sur le corps plutôt que sur le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mono-section\"\u003e\n \u003cdiv class=\"soi-mono-accordion\"\u003e\n \u003cdetails class=\"soi-mono-accordion-item\"\u003e\n \u003csummary class=\"soi-mono-accordion-header\"\u003e⚕️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"soi-mono-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne constitue pas un médicament et ne remplace en aucun cas un avis ou 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-mono-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-mono-cta-box\"\u003e\n \u003cp class=\"soi-mono-cta-tag\" style=\"color: white;\"\u003eUn rituel beauté ancestral dans votre salle de bain\u003c\/p\u003e\n \u003cp class=\"soi-mono-cta-text\" style=\"color: white;\"\u003eDouceur polynésienne, parfum de fleur de Tiaré, peau satinée et cheveux revitalisés : un seul flacon suffit pour transformer votre quotidien en véritable parenthèse d'évasion.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-mono-marine: #1A2D3D;\n --soi-mono-marine-dark: #0F1E2B;\n --soi-mono-marine-light: #2C4458;\n --soi-mono-pomme: #A1C544;\n --soi-mono-pomme-dark: #84A636;\n --soi-mono-pomme-light: rgba(161,197,68,0.10);\n --soi-mono-white: #FFFFFF;\n --soi-mono-off-white: #F8FAF6;\n --soi-mono-stone: #F1F3EE;\n --soi-mono-line: #E5E8E0;\n --soi-mono-primary: #D4713A;\n --soi-mono-primary-soft: #F2D6C2;\n --soi-mono-accent: #E8945A;\n --soi-mono-text: #1A2D3D;\n --soi-mono-text-soft: #4A5B6B;\n --soi-mono-text-muted: #7B8693;\n --soi-mono-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-mono-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-mono-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-mono-radius: 12px;\n --soi-mono-radius-sm: 8px;\n --soi-mono-radius-pill: 999px;\n}\n\n.soi-mono-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mono-fiche img { max-width: 100%; height: auto; }\n\n.soi-mono-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-mono-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-mono-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-mono-hero {\n position: relative;\n background: var(--soi-mono-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-mono-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-mono-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-mono-pomme);\n}\n\n.soi-mono-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-mono-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-mono-pomme);\n border-radius: 50%;\n}\n\n.soi-mono-hero-title {\n display: block;\n color: var(--soi-mono-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-mono-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-mono-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-mono-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-mono-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-mono-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-mono-label-accent {\n background: var(--soi-mono-pomme);\n border-color: var(--soi-mono-pomme);\n color: var(--soi-mono-marine);\n font-weight: 600;\n}\n\n.soi-mono-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mono-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-mono-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-mono-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-mono-pomme);\n border-radius: 2px;\n}\n\n.soi-mono-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-mono-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-mono-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-mono-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-mono-benefit {\n background: var(--soi-mono-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-mono-radius);\n border: 1px solid var(--soi-mono-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mono-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-mono-shadow-md);\n}\n\n.soi-mono-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-mono-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-mono-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-mono-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-mono-benefit:hover .soi-mono-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-mono-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mono-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mono-benefit p {\n font-size: 13px;\n color: var(--soi-mono-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mono-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-mono-card {\n background: var(--soi-mono-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mono-radius);\n border-left: 3px solid var(--soi-mono-pomme);\n}\n\n.soi-mono-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mono-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mono-card p {\n font-size: 14px;\n color: var(--soi-mono-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mono-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-mono-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-mono-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mono-radius);\n border: 1px solid var(--soi-mono-line);\n align-items: flex-start;\n}\n\n.soi-mono-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-mono-marine);\n color: var(--soi-mono-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-mono-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-mono-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-mono-step-content p {\n font-size: 14px;\n color: var(--soi-mono-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mono-compo {\n background: var(--soi-mono-off-white);\n border-radius: var(--soi-mono-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-mono-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-mono-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-mono-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-mono-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-mono-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-mono-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-mono-marine);\n text-align: right;\n}\n\n.soi-mono-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-mono-pomme-light);\n border-left: 4px solid var(--soi-mono-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-mono-radius) var(--soi-mono-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-mono-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-mono-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-mono-marine);\n margin-bottom: 4px;\n}\n\n.soi-mono-tip p {\n font-size: 14px;\n color: var(--soi-mono-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mono-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-mono-accordion-item {\n background: var(--soi-mono-off-white);\n border-radius: var(--soi-mono-radius-sm);\n border: 1px solid var(--soi-mono-line);\n overflow: hidden;\n}\n\n.soi-mono-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-mono-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-mono-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-mono-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-mono-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-mono-accordion-item[open] .soi-mono-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-mono-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-mono-accordion-content p {\n font-size: 14px;\n color: var(--soi-mono-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mono-cta-box {\n background: var(--soi-mono-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-mono-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-mono-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-mono-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-mono-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-mono-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-mono-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-mono-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-mono-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n .soi-mono-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n .soi-mono-compo-value {\n text-align: left;\n }\n .soi-mono-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-mono-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-mono-fiche {\n --soi-mono-text-soft: #2C3E50;\n --soi-mono-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603659743562,"sku":"NJ0175","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/monoi-de-tahiti-najel-packshot.webp?v=1779701538"},{"product_id":"beurre-de-karite-parfum-vanille-certifie-bio-najel","title":"Beurre de karité parfum vanille bio – Najel","description":"\u003cdiv class=\"soi-kvan-fiche\"\u003e\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-kvan-hero\"\u003e\n \u003cdiv class=\"soi-kvan-hero-tag\"\u003e\n \u003cspan class=\"soi-kvan-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-kvan-hero-title\"\u003eBeurre de karité parfum vanille certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-kvan-hero-subtitle\"\u003eUn soin multi-usages 100% naturel, enveloppé d'une douce fragrance gourmande de vanille, pour nourrir, protéger et réparer votre peau et vos cheveux en profondeur.\u003c\/p\u003e\n \u003cdiv class=\"soi-kvan-hero-labels\"\u003e\n \u003cspan class=\"soi-kvan-label soi-kvan-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-kvan-label\"\u003e100% NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-kvan-label\"\u003eCOMMERCE ÉQUITABLE\u003c\/span\u003e\n \u003cspan class=\"soi-kvan-label\"\u003e100 G\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 : Beurre de karité bio parfum vanille Najel : le soin multi-usages qui transforme votre routine beauté --\u003e\n \u003csection class=\"soi-kvan-section\"\u003e\n \u003ch2\u003eBeurre de karité bio vanillé : le soin multi-usages qui transforme votre routine beauté\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un soin naturel, efficace et agréable à utiliser au quotidien ? Le beurre de karité parfum vanille certifié bio Najel répond exactement à ce besoin. Extrait artisanalement des noix de karité récoltées dans les savanes d'Afrique de l'Ouest, ce beurre 100% naturel et certifié Cosmos Organic nourrit, protège et répare en profondeur votre peau et vos cheveux, le tout enveloppé d'une douce fragrance gourmande de vanille.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 : Pourquoi choisir ce beurre de karité bio ? --\u003e\n \u003csection class=\"soi-kvan-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce beurre de karité bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-kvan-grid\"\u003e\n \u003cdiv class=\"soi-kvan-card\"\u003e\n \u003ch3\u003e🌿 Certifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eUne garantie sérieuse sur la qualité biologique des ingrédients et le respect de l'environnement tout au long de la fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-card\"\u003e\n \u003ch3\u003e🤝 Issu du commerce équitable\u003c\/h3\u003e\n \u003cp\u003eLes noix de karité sont récoltées et transformées par des coopératives féminines ghanéennes dans des conditions de travail justes et respectueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-card\"\u003e\n \u003ch3\u003e🍃 100% naturel, non raffiné\u003c\/h3\u003e\n \u003cp\u003eLa composition brute préserve l'intégralité des propriétés actives du karité, notamment ses vitamines A, D, E et F.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-card\"\u003e\n \u003ch3\u003e🍦 Parfum vanille naturel\u003c\/h3\u003e\n \u003cp\u003eUne fragrance douce et enveloppante qui rend chaque application agréable, sans parfum synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 : Les bienfaits du beurre de karité sur les cheveux et la peau --\u003e\n \u003csection class=\"soi-kvan-section\"\u003e\n \u003ch2\u003eLes bienfaits du beurre de karité sur les cheveux et la peau\u003c\/h2\u003e\n \u003cp class=\"soi-kvan-section-intro\"\u003eLe beurre de karité pour les cheveux est l'un des actifs les plus plébiscités en cosmétique naturelle. Sa texture fondante pénètre rapidement dans la fibre capillaire pour nourrir, réparer et redonner de la brillance aux cheveux secs, abîmés ou bouclés.\u003c\/p\u003e\n \u003cdiv class=\"soi-kvan-benefits\"\u003e\n \u003cdiv class=\"soi-kvan-benefit\"\u003e\n \u003cdiv class=\"soi-kvan-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoin capillaire complet\u003c\/h3\u003e\n \u003cp\u003eIdéal en masque nourrissant, en soin sans rinçage sur les pointes, ou en activateur de boucles pour les cheveux frisés et crépus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-benefit\"\u003e\n \u003cdiv class=\"soi-kvan-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation profonde de la peau\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras insaponifiables, il restaure la barrière cutanée et lutte contre la sécheresse, les tiraillements et les gerçures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-benefit\"\u003e\n \u003cdiv class=\"soi-kvan-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection contre les agressions\u003c\/h3\u003e\n \u003cp\u003eEn hiver comme en été, il forme un film protecteur naturel contre le froid, le vent et les UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-benefit\"\u003e\n \u003cdiv class=\"soi-kvan-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoin réparateur polyvalent\u003c\/h3\u003e\n \u003cp\u003eIl s'utilise sur le visage, le corps, les lèvres, les coudes, les talons et les cheveux : un indispensable minimaliste de votre trousse beauté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 : Comment utiliser le beurre de karité sur les cheveux et la peau ? --\u003e\n \u003csection class=\"soi-kvan-section\"\u003e\n \u003ch2\u003eComment utiliser le beurre de karité sur les cheveux et la peau ?\u003c\/h2\u003e\n \u003cp class=\"soi-kvan-section-intro\"\u003eQuelques gestes simples pour profiter pleinement de ce soin :\u003c\/p\u003e\n \u003cdiv class=\"soi-kvan-timeline\"\u003e\n \u003cdiv class=\"soi-kvan-step\"\u003e\n \u003cdiv class=\"soi-kvan-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-step-content\"\u003e\n \u003ch3\u003eSoin capillaire avant-shampoing\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de beurre de karité sur vos cheveux secs, posez 30 minutes sous une serviette chaude, puis shampouinez normalement. Résultat : des cheveux doux, nourris et démêlés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-step\"\u003e\n \u003cdiv class=\"soi-kvan-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-step-content\"\u003e\n \u003ch3\u003eSoin des pointes\u003c\/h3\u003e\n \u003cp\u003ePrélevez une très petite quantité (la taille d'un grain de riz), faites-la fondre entre vos paumes et appliquez-la sur les longueurs et pointes pour éviter la casse et les fourches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-step\"\u003e\n \u003cdiv class=\"soi-kvan-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-step-content\"\u003e\n \u003ch3\u003eSur la peau\u003c\/h3\u003e\n \u003cp\u003eFaites fondre une noisette entre vos mains et massez les zones sèches (talons, coudes, genoux, corps) matin ou soir. La peau retrouve immédiatement souplesse et confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-step\"\u003e\n \u003cdiv class=\"soi-kvan-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-step-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eUtilisez en très faible quantité comme baume de nuit sur les peaux très sèches ou sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 : Composition du beurre de karité bio Najel --\u003e\n \u003csection class=\"soi-kvan-section\"\u003e\n \u003ch2\u003eComposition du beurre de karité bio Vanille Najel\u003c\/h2\u003e\n \u003cp class=\"soi-kvan-section-intro\"\u003eLa formule volontairement épurée garantit l'absence d'additifs inutiles. Le beurre de karité représente l'essentiel de la composition, ce qui en fait un soin d'une pureté rare.\u003c\/p\u003e\n \u003cdiv class=\"soi-kvan-compo\"\u003e\n \u003cdiv class=\"soi-kvan-compo-row\"\u003e\n \u003cspan class=\"soi-kvan-compo-label\"\u003eIngrédients (INCI)\u003c\/span\u003e\n \u003cspan class=\"soi-kvan-compo-value\"\u003eButyrospermum Parkii (Shea) Butter*, Fragrance (Parfum), Benzyl Benzoate\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-compo-row\"\u003e\n \u003cspan class=\"soi-kvan-compo-label\"\u003e* Origine\u003c\/span\u003e\n \u003cspan class=\"soi-kvan-compo-value\"\u003eIngrédient issu de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-compo-row\"\u003e\n \u003cspan class=\"soi-kvan-compo-label\"\u003eProvenance du karité\u003c\/span\u003e\n \u003cspan class=\"soi-kvan-compo-value\"\u003eAfrique de l'Ouest (coopératives féminines ghanéennes)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-compo-row\"\u003e\n \u003cspan class=\"soi-kvan-compo-label\"\u003eContenu\u003c\/span\u003e\n \u003cspan class=\"soi-kvan-compo-value\"\u003e100 g (3,5 oz)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-compo-row\"\u003e\n \u003cspan class=\"soi-kvan-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-kvan-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 6 : Ce beurre de karité est-il fait pour vous ? --\u003e\n \u003csection class=\"soi-kvan-section\"\u003e\n \u003ch2\u003eCe beurre de karité est-il fait pour vous ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-kvan-grid\"\u003e\n \u003cdiv class=\"soi-kvan-card\"\u003e\n \u003ch3\u003e🧴 Peau sèche à très sèche\u003c\/h3\u003e\n \u003cp\u003eCe soin convient particulièrement aux personnes qui souffrent de tiraillements, de gerçures ou de sécheresse cutanée persistante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-card\"\u003e\n \u003ch3\u003e💇 Cheveux bouclés, frisés ou crépus\u003c\/h3\u003e\n \u003cp\u003eIdéal pour nourrir les cheveux fragilisés, définir les boucles et redonner souplesse et brillance à votre chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-card\"\u003e\n \u003ch3\u003e🎯 Routine beauté minimaliste\u003c\/h3\u003e\n \u003cp\u003eUn produit unique et efficace qui remplace plusieurs soins : visage, corps, lèvres, cheveux, coudes, talons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-tip\"\u003e\n \u003cdiv class=\"soi-kvan-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe beurre de karité est également adapté aux femmes enceintes et aux enfants (en dehors des nourrissons), grâce à sa composition naturelle et sans perturbateurs endocriniens connus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Précautions --\u003e\n \u003csection class=\"soi-kvan-section\"\u003e\n \u003cdiv class=\"soi-kvan-accordion\"\u003e\n \u003cdetails class=\"soi-kvan-accordion-item\"\u003e\n \u003csummary class=\"soi-kvan-accordion-header\"\u003e⚠️ Précautions d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"soi-kvan-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 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 \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-kvan-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-kvan-cta-box\"\u003e\n \u003cp class=\"soi-kvan-cta-tag\" style=\"color: white;\"\u003eUn pot, mille usages\u003c\/p\u003e\n \u003cp class=\"soi-kvan-cta-text\" style=\"color: white;\"\u003eDoux, pur et enveloppant, le beurre de karité bio vanille Najel est bien plus qu'un simple hydratant : c'est un rituel de douceur complet, pour la peau comme pour les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-kvan-marine: #1A2D3D;\n --soi-kvan-marine-dark: #0F1E2B;\n --soi-kvan-marine-light: #2C4458;\n --soi-kvan-pomme: #A1C544;\n --soi-kvan-pomme-dark: #84A636;\n --soi-kvan-pomme-light: rgba(161,197,68,0.10);\n --soi-kvan-white: #FFFFFF;\n --soi-kvan-off-white: #F8FAF6;\n --soi-kvan-stone: #F1F3EE;\n --soi-kvan-line: #E5E8E0;\n --soi-kvan-primary: #C9A097;\n --soi-kvan-primary-soft: #E8D5D0;\n --soi-kvan-accent: #3A2420;\n --soi-kvan-text: #1A2D3D;\n --soi-kvan-text-soft: #4A5B6B;\n --soi-kvan-text-muted: #7B8693;\n --soi-kvan-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-kvan-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-kvan-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-kvan-radius: 12px;\n --soi-kvan-radius-sm: 8px;\n --soi-kvan-radius-pill: 999px;\n}\n\n.soi-kvan-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-kvan-fiche img { max-width: 100%; height: auto; }\n\n.soi-kvan-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-kvan-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-kvan-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-kvan-hero {\n position: relative;\n background: var(--soi-kvan-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-kvan-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-kvan-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-kvan-pomme);\n}\n\n.soi-kvan-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-kvan-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-kvan-pomme);\n border-radius: 50%;\n}\n\n.soi-kvan-hero-title {\n display: block;\n color: var(--soi-kvan-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-kvan-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-kvan-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-kvan-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-kvan-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-kvan-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-kvan-label-accent {\n background: var(--soi-kvan-pomme);\n border-color: var(--soi-kvan-pomme);\n color: var(--soi-kvan-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-kvan-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-kvan-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-kvan-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-kvan-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-kvan-pomme);\n border-radius: 2px;\n}\n\n.soi-kvan-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-kvan-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-kvan-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-kvan-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-kvan-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-kvan-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-kvan-benefit {\n background: var(--soi-kvan-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-kvan-radius);\n border: 1px solid var(--soi-kvan-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-kvan-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-kvan-shadow-md);\n}\n\n.soi-kvan-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-kvan-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-kvan-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-kvan-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-kvan-benefit:hover .soi-kvan-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-kvan-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-kvan-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-kvan-benefit p {\n font-size: 13px;\n color: var(--soi-kvan-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-kvan-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-kvan-card {\n background: var(--soi-kvan-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-kvan-radius);\n border-left: 3px solid var(--soi-kvan-pomme);\n}\n\n.soi-kvan-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-kvan-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-kvan-card p {\n font-size: 14px;\n color: var(--soi-kvan-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-kvan-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-kvan-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-kvan-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-kvan-radius);\n border: 1px solid var(--soi-kvan-line);\n align-items: flex-start;\n}\n\n.soi-kvan-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-kvan-marine);\n color: var(--soi-kvan-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-kvan-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-kvan-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-kvan-step-content p {\n font-size: 14px;\n color: var(--soi-kvan-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-kvan-compo {\n background: var(--soi-kvan-off-white);\n border-radius: var(--soi-kvan-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-kvan-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-kvan-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-kvan-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-kvan-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-kvan-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-kvan-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-kvan-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-kvan-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-kvan-pomme-light);\n border-left: 4px solid var(--soi-kvan-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-kvan-radius) var(--soi-kvan-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-kvan-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-kvan-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-kvan-marine);\n margin-bottom: 4px;\n}\n\n.soi-kvan-tip p {\n font-size: 14px;\n color: var(--soi-kvan-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-kvan-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-kvan-accordion-item {\n background: var(--soi-kvan-off-white);\n border-radius: var(--soi-kvan-radius-sm);\n border: 1px solid var(--soi-kvan-line);\n overflow: hidden;\n}\n\n.soi-kvan-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-kvan-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-kvan-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-kvan-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-kvan-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-kvan-accordion-item[open] .soi-kvan-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-kvan-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-kvan-accordion-content p {\n font-size: 14px;\n color: var(--soi-kvan-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-kvan-cta-box {\n background: var(--soi-kvan-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-kvan-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-kvan-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-kvan-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-kvan-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-kvan-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-kvan-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-kvan-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-kvan-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-kvan-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-kvan-compo-value {\n text-align: left;\n }\n\n .soi-kvan-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-kvan-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-kvan-fiche {\n --soi-kvan-text-soft: #2C3E50;\n --soi-kvan-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603660136778,"sku":"NJ0235","price":6.91,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/beurre-de-karite-parfum-vanille-certifie-bio-najel-packshot.webp?v=1779808240"},{"product_id":"savon-dalep-ambre-et-oud-najel","title":"Savon d'Alep Ambre \u0026 Oud – 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 \u0026amp; soin · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep ambre et oud\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eUn savon naturel héritier de 3 000 ans de savoir-faire, enrichi d'un parfum oriental chaud et envoûtant à l'ambre et au bois d'oud.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS SLS\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 ambre et oud Najel : le savon naturel aux 3 000 ans d'histoire\u003c\/h2\u003e\n \u003cp\u003eIl existe des rituels qui traversent les siècles sans prendre une ride. Le \u003cstrong\u003esavon d'Alep\u003c\/strong\u003e en fait partie. Fabriqué selon une recette millénaire à base d'\u003cstrong\u003ehuile d'olive\u003c\/strong\u003e et d'\u003cstrong\u003ehuile de baies de laurier\u003c\/strong\u003e, ce savon naturel est considéré comme le premier savon solide jamais créé, bien avant nos cosmétiques modernes.\u003c\/p\u003e\n \u003cp\u003eNajel, maître savonnier depuis 1895, lui ajoute une touche de raffinement orientale : un \u003cstrong\u003eparfum ambre et oud\u003c\/strong\u003e chaud, boisé et envoûtant qui transforme votre douche en véritable rituel sensoriel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi le savon d'Alep est-il si précieux pour la peau ?\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eContrairement à beaucoup de savons industriels, le \u003cstrong\u003esavon d'Alep artisanal\u003c\/strong\u003e ne contient ni sulfate, ni conservateur de synthèse. Ses deux actifs clés font toute la différence :\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 L'huile d'olive\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras et en vitamine E, elle nourrit en profondeur, préserve l'élasticité cutanée et convient parfaitement aux peaux sèches ou sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 L'huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eIngrédient distinctif du vrai savon d'Alep, elle est reconnue pour ses propriétés apaisantes, purifiantes et régénératrices. Elle aide à soulager les peaux sujettes aux irritations, à l'acné, à l'eczéma ou au psoriasis.\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\u003eRésultat\u003c\/strong\u003e\n \u003cp\u003eUn savon visage et corps qui nettoie sans agresser, hydrate sans graisser, et respecte le microbiome naturel de votre peau. De nombreux dermatologues le recommandent d'ailleurs pour les peaux 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\u003eL'ambre et le oud : un voyage olfactif au cœur de l'Orient\u003c\/h2\u003e\n \u003cp\u003eCe qui rend cette version Najel particulièrement spéciale, c'est son parfum. Le \u003cstrong\u003ebois d'oud\u003c\/strong\u003e, aussi appelé \"bois des Dieux\", est l'une des fragrances les plus précieuses au monde : chaleureux, profond, légèrement fumé. Associé à l'ambre aux notes douces et résineuses, il enveloppe votre peau d'un sillage délicat qui persiste bien après le rinçage.\u003c\/p\u003e\n \u003cp\u003eUn savon naturel qui sent aussi bon qu'un parfum de luxe oriental, c'est rare. Ici, c'est une réalité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel ambre et oud\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\"\u003eSodium olivate\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eHuile d'olive saponifiée, base nourrissante principale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eSodium laurate\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eHuile de baies de laurier saponifiée, actif apaisant et régénérant\u003c\/span\u003e\n \u003c\/div\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\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eFragrance ambre et oud\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eSodium chloride\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eTetrasodium EDTA\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eAgent stabilisant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eSyrie\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\"\u003eMin. 9 mois\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\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\"\u003eSavoir-faire\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eDepuis 1895\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\u003eComment utiliser votre savon d'Alep visage et 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\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains humides, appliquez délicatement en évitant le contour des yeux, puis rincez à l'eau tiède. Convient à tous les types de peau, y compris les peaux mixtes à tendance acnéique.\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 cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le comme un savon classique sous la douche. Certains l'utilisent en shampooing solide sur cheveux normaux à gras, en insistant sur le cuir chevelu.\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\u003eLinge et armoires\u003c\/h3\u003e\n \u003cp\u003eGlissez-le dans votre armoire à linge pour parfumer naturellement vos textiles avec un sillage ambre et oud subtil.\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\u003eConservez votre pain de savon sur un porte-savon bien drainé entre chaque utilisation pour prolonger sa durée de vie. Un pain de 185 g dure en moyenne 6 à 8 semaines avec une utilisation quotidienne.\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\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 adapté aux peaux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eOui, c'est même l'une de ses grandes forces. Sa douceur naturelle est appréciée par les peaux intolérantes aux savons classiques.\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🩺 Quel est l'avis des dermatologues sur le savon d'Alep ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eBeaucoup de dermatologues le conseillent comme alternative naturelle aux savons surgras industriels, notamment pour les peaux atopiques.\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 est la durée de vie d'un pain ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eUn pain de 185 g dure en moyenne 6 à 8 semaines avec une utilisation quotidienne.\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;\"\u003e3 000 ans de savoir-faire, un parfum d'exception\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau la douceur d'un savon millénaire et le luxe discret d'un sillage oriental qui vous accompagne bien après la douche.\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: #2A6B5A;\n --soi-alep-primary-soft: #E8F2EE;\n --soi-alep-accent: #D4A52A;\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\/* === 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-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\/* === 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\/* === 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}\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":61603663085898,"sku":"NJ0070","price":5.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-ambre-et-oud-najel-packshot.webp?v=1779627527"},{"product_id":"savon-dalep-rhassoul-argan-najel","title":"Savon d'Alep Rhassoul \u0026 Argan – 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 · Savon artisanal · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep Rhassoul \u0026amp; Argan\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003ePurification profonde et éclat naturel : plus de 3 000 ans de savoir-faire réunis dans un savon enrichi à l'argile marocaine et à l'huile d'argan.\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\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARABEN\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 : Introduction --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep Rhassoul \u0026amp; Argan Najel : purification profonde et éclat naturel\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep est l'un des plus anciens savons du monde, né il y a plus de 3 000 ans dans la ville syrienne d'Alep. La maison Najel, fondée en 1895 par la famille Al Najjar, perpétue ce savoir-faire artisanal avec une exigence rare. Cette version enrichie au rhassoul et à l'huile d'argan va encore plus loin : elle associe la puissance purifiante de l'argile marocaine à la richesse nourrissante de l'or liquide du Maroc, pour un teint véritablement lumineux.\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 Rhassoul \u0026amp; Argan\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eCe savon artisanal repose sur une formule 100 % naturelle, sans sulfate ni paraben, pensée pour respecter même les peaux les plus réactives.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive vierge\u003c\/h3\u003e\n \u003cp\u003eBase traditionnelle du savon d'Alep, elle nourrit, adoucit et protège le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient signature du vrai savon d'Alep. Apaisante, antibactérienne et cicatrisante, elle convient aussi aux peaux sensibles et aux peaux sujettes aux imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🏔️ Rhassoul (argile du Moyen Atlas)\u003c\/h3\u003e\n \u003cp\u003eArgile minérale marocaine reconnue pour ses propriétés absorbantes. Elle capte les impuretés, réduit les excès de sébum et resserre les pores visiblement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e✨ Huile d'argan\u003c\/h3\u003e\n \u003cp\u003eSurnommée \"or liquide\" du Maroc, elle est riche en vitamine E et en acides gras essentiels (oméga-6 et oméga-9). Elle hydrate en profondeur, améliore l'élasticité cutanée et aide à prévenir le vieillissement prématuré.\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 ?\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eCe savon est particulièrement adapté si vous avez la peau mixte à grasse ou un cuir chevelu gras, mais sa formule douce le rend aussi compatible avec les peaux sensibles.\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\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eNettoyage quotidien doux, réduction des pores dilatés, teint unifié.\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\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eSoin lavant complet, peau douce et ressourcée après chaque douche.\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\u003eShampoing solide naturel pour les cuirs chevelus gras, cheveux plus soyeux et moins alourdis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Mode d'emploi --\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\u003eMouillez et faites mousser\u003c\/h3\u003e\n \u003cp\u003eMouillez votre peau à l'eau tiède, puis faites mousser le savon entre vos mains ou directement sur le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement en mouvements circulaires pendant 1 à 2 minutes pour activer les propriétés purifiantes du rhassoul.\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 et poursuivez votre routine\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire, puis appliquez votre soin habituel. Pour les cheveux, laissez poser la mousse 1 à 2 minutes avant de rincer.\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 un résultat optimal, utilisez-le 2 à 3 fois par semaine sur le visage et quotidiennement sur le corps. Conservez-le hors de l'eau entre chaque utilisation pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Bienfaits reconnus --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eBienfaits reconnus du savon d'Alep : ce que disent les dermatologues\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep est souvent recommandé par les dermatologues pour les peaux sensibles, à tendance acnéique ou eczémateuse, en raison de sa composition simple et sans agents irritants. L'huile de baies de laurier a démontré des propriétés anti-inflammatoires et antibactériennes, utiles pour calmer les rougeurs et les imperfections. Ce savon ne remplace pas un traitement médical prescrit, mais il peut constituer un nettoyant de base respectueux dans une routine dermatologique adaptée.\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-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eNajel (fabricant depuis 1895)\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\"\u003eSyrie (savon d'Alep traditionnel) enrichi d'actifs du Maroc\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eMixte, grasse, sensible, à imperfections\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\"\u003eSulfate, paraben, colorant artificiel\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\"\u003eArtisanale, méthode traditionnelle à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 : 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;\"\u003eTrois millénaires de savoir-faire dans un savon\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eLa douceur de l'olive, la force purifiante du rhassoul, la richesse de l'argan. Votre peau le ressent dès la première utilisation : plus nette, plus souple, véritablement rayonnante.\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: #D48A2A;\n --soi-alep-primary-soft: #F5E6D0;\n --soi-alep-accent: #B5694A;\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}\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\/* TIMELINE *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION (data rows) *\/\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n 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-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":61603663184202,"sku":"NJ0100","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-rhassoul-argan-najel-packshot.webp?v=1779176394"},{"product_id":"huile-dargan-certifiee-bio-najel","title":"Huile d'Argan certifiée bio – Najel","description":"\u003cdiv class=\"soi-argn-fiche\"\u003e\n\n\u003csection class=\"soi-argn-hero\"\u003e\n \u003cdiv class=\"soi-argn-hero-tag\"\u003e\n \u003cspan class=\"soi-argn-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique et soin beauté · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-argn-hero-title\"\u003eUn rituel de douceur, du visage aux pointes\u003c\/span\u003e\n \u003cp class=\"soi-argn-hero-subtitle\"\u003eL'or du désert marocain au service de votre peau, de vos cheveux et de vos ongles. Pure à 100 %, extraite à froid, pour un soin régénérant sans compromis.\u003c\/p\u003e\n \u003cdiv class=\"soi-argn-hero-labels\"\u003e\n \u003cspan class=\"soi-argn-label soi-argn-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-argn-label\"\u003eECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-argn-label\"\u003e100% PURE\u003c\/span\u003e\n \u003cspan class=\"soi-argn-label\"\u003eORIGINE MAROC\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argn-section\"\u003e\n \u003ch2\u003ePourquoi l'huile d'argan de Najel se démarque-t-elle ?\u003c\/h2\u003e\n \u003cp\u003eToutes les huiles d'argan ne se valent pas. Celle de Najel est obtenue par \u003cstrong\u003eextraction à froid\u003c\/strong\u003e, un procédé qui préserve l'intégralité de ses actifs naturels : acides gras, vitamine E, insaponifiables. Rien n'est altéré, rien n'est perdu.\u003c\/p\u003e\n \u003cp\u003eElle est fabriquée en partenariat avec des \u003cstrong\u003ecoopératives de femmes marocaines\u003c\/strong\u003e, soutenant ainsi une filière artisanale équitable et durable. Le flacon ambré avec pompe doseuse protège le produit de la lumière et de l'oxydation, tout en permettant une application précise sans gaspillage.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argn-section\"\u003e\n \u003ch2\u003eComposition : ce que contient vraiment cette huile\u003c\/h2\u003e\n \u003cp class=\"soi-argn-section-intro\"\u003eUn ingrédient unique, \u003cem\u003eArgania Spinosa Kernel Oil\u003c\/em\u003e (huile de noyau d'argan), certifiée biologique. Voici ce que cette composition d'exception renferme :\u003c\/p\u003e\n \u003cdiv class=\"soi-argn-benefits\"\u003e\n \u003cdiv class=\"soi-argn-benefit\"\u003e\n \u003cdiv class=\"soi-argn-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAcides gras insaturés\u003c\/h3\u003e\n \u003cp\u003ePlus de 80 % d'acides oléique et linoléique pour une nutrition cellulaire intense et une restauration du film lipidique cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argn-benefit\"\u003e\n \u003cdiv class=\"soi-argn-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVitamine E (tocophérols)\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant naturel, elle protège la peau des radicaux libres et ralentit les signes visibles du vieillissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argn-benefit\"\u003e\n \u003cdiv class=\"soi-argn-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eInsaponifiables\u003c\/h3\u003e\n \u003cp\u003eStérols et squalène, réputés pour leurs propriétés régénérantes et restructurantes, favorisent le renouvellement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argn-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets, zone par zone\u003c\/h2\u003e\n \u003cdiv class=\"soi-argn-grid\"\u003e\n \u003cdiv class=\"soi-argn-card\"\u003e\n \u003ch3\u003e✨ Visage\u003c\/h3\u003e\n \u003cp\u003eAppliquer l'huile d'argan sur le visage permet de lisser le grain de peau, réduire l'apparence des ridules, unifier le teint terne et apaiser les peaux réactives. Elle convient aux peaux sèches comme aux peaux mixtes, car elle régule le sébum sans obstruer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argn-card\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eUtilisée après la douche sur peau légèrement humide, elle nourrit en profondeur, améliore l'élasticité et aide à atténuer les vergetures. Idéale pour les coudes, genoux et talons secs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argn-card\"\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant-shampoing ou en soin sans rinçage sur les pointes, elle répare les cheveux abîmés, réduit les frisottis et restitue de la brillance sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argn-card\"\u003e\n \u003ch3\u003e💅 Mains et ongles\u003c\/h3\u003e\n \u003cp\u003eMassez quelques gouttes sur les cuticules et les ongles cassants pour les renforcer et retrouver des mains douces, même en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argn-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile d'argan sur le visage ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-argn-timeline\"\u003e\n \u003cdiv class=\"soi-argn-step\"\u003e\n \u003cdiv class=\"soi-argn-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-argn-step-content\"\u003e\n \u003ch3\u003eNettoyez votre visage\u003c\/h3\u003e\n \u003cp\u003eAvec votre soin habituel, puis séchez délicatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argn-step\"\u003e\n \u003cdiv class=\"soi-argn-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-argn-step-content\"\u003e\n \u003ch3\u003eDéposez 2 à 3 gouttes\u003c\/h3\u003e\n \u003cp\u003eDans le creux de la main. La pompe permet un dosage précis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argn-step\"\u003e\n \u003cdiv class=\"soi-argn-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-argn-step-content\"\u003e\n \u003ch3\u003eRéchauffez l'huile\u003c\/h3\u003e\n \u003cp\u003eEntre vos paumes pendant quelques secondes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argn-step\"\u003e\n \u003cdiv class=\"soi-argn-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-argn-step-content\"\u003e\n \u003ch3\u003eAppliquez en effleurage\u003c\/h3\u003e\n \u003cp\u003eSur le visage, le cou et le décolleté, en évitant le contour des yeux si vous avez la peau très sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argn-step\"\u003e\n \u003cdiv class=\"soi-argn-step-num\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"soi-argn-step-content\"\u003e\n \u003ch3\u003eUtilisez matin ou soir\u003c\/h3\u003e\n \u003cp\u003eLe matin pour protéger votre peau, le soir pour régénérer pendant le sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argn-section\"\u003e\n \u003ch2\u003ePour qui est-elle faite ?\u003c\/h2\u003e\n \u003cp\u003eL'huile d'argan Najel s'adresse à toutes celles et ceux qui cherchent un soin naturel, efficace et polyvalent. Elle est particulièrement recommandée pour :\u003c\/p\u003e\n \u003cdiv class=\"soi-argn-grid\"\u003e\n \u003cdiv class=\"soi-argn-card\"\u003e\n \u003ch3\u003e🌾 Peaux sèches ou matures\u003c\/h3\u003e\n \u003cp\u003eNutrition intense et régénération pour les peaux en manque de confort ou marquées par le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argn-card\"\u003e\n \u003ch3\u003e🔥 Cheveux fragilisés\u003c\/h3\u003e\n \u003cp\u003eRéparation et brillance pour les cheveux abîmés par la chaleur ou la coloration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argn-card\"\u003e\n \u003ch3\u003e🍃 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eBien tolérée par les personnes sensibles aux formules chimiques. Sa texture légère convient même aux peaux à tendance acnéique en application ponctuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argn-tip\"\u003e\n \u003cdiv class=\"soi-argn-tip-icon\"\u003eℹ️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eBon à savoir\u003c\/strong\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical et ne remplace pas l'avis d'un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argn-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-argn-compo\"\u003e\n \u003cdiv class=\"soi-argn-compo-row\"\u003e\n \u003cspan class=\"soi-argn-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-argn-compo-value\"\u003e100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argn-compo-row\"\u003e\n \u003cspan class=\"soi-argn-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-argn-compo-value\"\u003eCosmos Organic (Ecocert)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argn-compo-row\"\u003e\n \u003cspan class=\"soi-argn-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-argn-compo-value\"\u003eMaroc, coopératives artisanales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argn-compo-row\"\u003e\n \u003cspan class=\"soi-argn-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-argn-compo-value\"\u003eFlacon ambré avec pompe doseuse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argn-compo-row\"\u003e\n \u003cspan class=\"soi-argn-compo-label\"\u003eConservation\u003c\/span\u003e\n \u003cspan class=\"soi-argn-compo-value\"\u003eÀ l'abri de la chaleur et de la lumière directe\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-argn-cta-box\"\u003e\n \u003cp class=\"soi-argn-cta-text\" style=\"color: white;\"\u003eVéritable trésor de la nature marocaine, pure, certifiée, fabriquée dans le respect des femmes et de la terre : offrez à votre peau le meilleur de ce que la nature sait faire.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-argn-marine: #1A2D3D;\n --soi-argn-marine-dark: #0F1E2B;\n --soi-argn-marine-light: #2C4458;\n --soi-argn-pomme: #A1C544;\n --soi-argn-pomme-dark: #84A636;\n --soi-argn-pomme-light: rgba(161,197,68,0.10);\n\n --soi-argn-white: #FFFFFF;\n --soi-argn-off-white: #F8FAF6;\n --soi-argn-stone: #F1F3EE;\n --soi-argn-line: #E5E8E0;\n\n --soi-argn-primary: #D88542;\n --soi-argn-primary-soft: #FAECD8;\n --soi-argn-accent: #C46A2A;\n\n --soi-argn-text: #1A2D3D;\n --soi-argn-text-soft: #4A5B6B;\n --soi-argn-text-muted: #7B8693;\n\n --soi-argn-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-argn-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-argn-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-argn-radius: 12px;\n --soi-argn-radius-sm: 8px;\n --soi-argn-radius-pill: 999px;\n}\n\n.soi-argn-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-argn-fiche img { max-width: 100%; height: auto; }\n\n.soi-argn-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-argn-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-argn-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-argn-hero {\n position: relative;\n background: var(--soi-argn-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-argn-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-argn-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-argn-pomme);\n}\n\n.soi-argn-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-argn-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-argn-pomme);\n border-radius: 50%;\n}\n\n.soi-argn-hero-title {\n display: block;\n color: var(--soi-argn-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-argn-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-argn-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-argn-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-argn-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-argn-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-argn-label-accent {\n background: var(--soi-argn-pomme);\n border-color: var(--soi-argn-pomme);\n color: var(--soi-argn-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-argn-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-argn-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-argn-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-argn-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-argn-pomme);\n border-radius: 2px;\n}\n\n.soi-argn-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-argn-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-argn-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-argn-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-argn-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-argn-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-argn-benefit {\n background: var(--soi-argn-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-argn-radius);\n border: 1px solid var(--soi-argn-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-argn-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-argn-shadow-md);\n}\n\n.soi-argn-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-argn-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-argn-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-argn-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-argn-benefit:hover .soi-argn-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-argn-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-argn-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-argn-benefit p {\n font-size: 13px;\n color: var(--soi-argn-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-argn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-argn-card {\n background: var(--soi-argn-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-argn-radius);\n border-left: 3px solid var(--soi-argn-pomme);\n}\n\n.soi-argn-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-argn-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-argn-card p {\n font-size: 14px;\n color: var(--soi-argn-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-argn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-argn-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-argn-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-argn-radius);\n border: 1px solid var(--soi-argn-line);\n align-items: flex-start;\n}\n\n.soi-argn-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-argn-marine);\n color: var(--soi-argn-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-argn-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-argn-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-argn-step-content p {\n font-size: 14px;\n color: var(--soi-argn-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-argn-compo {\n background: var(--soi-argn-off-white);\n border-radius: var(--soi-argn-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-argn-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-argn-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-argn-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-argn-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-argn-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-argn-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-argn-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-argn-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-argn-pomme-light);\n border-left: 4px solid var(--soi-argn-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-argn-radius) var(--soi-argn-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-argn-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-argn-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-argn-marine);\n margin-bottom: 4px;\n}\n\n.soi-argn-tip p {\n font-size: 14px;\n color: var(--soi-argn-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-argn-cta-box {\n background: var(--soi-argn-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-argn-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-argn-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-argn-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-argn-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-argn-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-argn-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-argn-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-argn-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-argn-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-argn-compo-value {\n text-align: left;\n }\n\n .soi-argn-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-argn-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-argn-fiche {\n --soi-argn-text-soft: #2C3E50;\n --soi-argn-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603663774026,"sku":"NJ0180","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-dargan-certifiee-bio-najel-packshot.webp?v=1782650791"},{"product_id":"eau-salee-de-la-mer-morte-najel","title":"Eau Salée de la Mer Morte – Najel","description":"\u003cdiv class=\"soi-merm-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-merm-hero\"\u003e\n \u003cdiv class=\"soi-merm-hero-tag\"\u003e\n \u003cspan class=\"soi-merm-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique \u0026amp; soin · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-merm-hero-title\"\u003eEau Salée de la Mer Morte\u003c\/span\u003e\n \u003cp class=\"soi-merm-hero-subtitle\"\u003eUn concentré de 21 minéraux essentiels puisé directement dans la Mer Morte, pour une peau apaisée, régénérée et visiblement plus douce.\u003c\/p\u003e\n \u003cdiv class=\"soi-merm-hero-labels\"\u003e\n \u003cspan class=\"soi-merm-label soi-merm-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n \u003cspan class=\"soi-merm-label\"\u003e100 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-merm-label\"\u003eTOUS TYPES DE PEAUX\u003c\/span\u003e\n \u003cspan class=\"soi-merm-label\"\u003e200 ML\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Eau Salée de la Mer Morte Najel : un concentré minéral pour votre peau --\u003e\n \u003csection class=\"soi-merm-section\"\u003e\n \u003ch2\u003eEau Salée de la Mer Morte Najel : un concentré minéral pour votre peau\u003c\/h2\u003e\n \u003cp\u003ePuisée directement dans la Mer Morte, cette eau salée d'exception signée Najel concentre l'essentiel de ce que la nature a de plus précieux pour votre peau. Avec une concentration en sel dépassant les 340 g\/litre (soit près de 10 fois la salinité d'une mer classique), l'eau de la Mer Morte affiche une densité et une masse volumique bien supérieures à l'eau ordinaire, ce qui explique ses propriétés uniques.\u003c\/p\u003e\n \u003cp\u003eCe flacon de 200 ml, certifié Cosmos Natural par Ecocert, renferme 21 minéraux essentiels : magnésium, potassium, calcium, bromure et bien d'autres actifs naturellement présents dans cette étendue d'eau unique au monde.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-merm-grid-compact\"\u003e\n \u003cdiv class=\"soi-merm-card-mini\"\u003e\n \u003cspan class=\"soi-merm-card-mini-icon\"\u003e🧂\u003c\/span\u003e\n \u003cspan class=\"soi-merm-card-mini-label\"\u003eConcentration en sel\u003c\/span\u003e\n \u003cspan class=\"soi-merm-card-mini-value\"\u003e340 g\/litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-card-mini\"\u003e\n \u003cspan class=\"soi-merm-card-mini-icon\"\u003e💎\u003c\/span\u003e\n \u003cspan class=\"soi-merm-card-mini-label\"\u003eMinéraux essentiels\u003c\/span\u003e\n \u003cspan class=\"soi-merm-card-mini-value\"\u003e21 minéraux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-card-mini\"\u003e\n \u003cspan class=\"soi-merm-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-merm-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-merm-card-mini-value\"\u003eCosmos Natural Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-card-mini\"\u003e\n \u003cspan class=\"soi-merm-card-mini-icon\"\u003e📏\u003c\/span\u003e\n \u003cspan class=\"soi-merm-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-merm-card-mini-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi l'eau de la Mer Morte est-elle si particulière ? --\u003e\n \u003csection class=\"soi-merm-section\"\u003e\n \u003ch2\u003ePourquoi l'eau de la Mer Morte est-elle si particulière ?\u003c\/h2\u003e\n \u003cp\u003eLa Mer Morte est un lac salé situé entre la Jordanie et Israël, à plus de 430 mètres sous le niveau de la mer. Sa température de l'eau oscille entre 19 °C en hiver et 31 °C en été, favorisant une concentration minérale extrême par évaporation constante. Cette composition fait de l'eau de la Mer Morte un ingrédient cosmétique à part, utilisé depuis des siècles pour ses vertus thérapeutiques et régénérantes.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-merm-benefits\"\u003e\n \u003cdiv class=\"soi-merm-benefit\"\u003e\n \u003cdiv class=\"soi-merm-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMagnésium\u003c\/h3\u003e\n \u003cp\u003eApaise les peaux irritées et favorise la régénération cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-benefit\"\u003e\n \u003cdiv class=\"soi-merm-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePotassium\u003c\/h3\u003e\n \u003cp\u003eMaintient l'hydratation naturelle de la peau au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-benefit\"\u003e\n \u003cdiv class=\"soi-merm-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCalcium\u003c\/h3\u003e\n \u003cp\u003eRenforce la barrière cutanée et protège contre la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-benefit\"\u003e\n \u003cdiv class=\"soi-merm-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBromure\u003c\/h3\u003e\n \u003cp\u003eEffet relaxant reconnu sur les muscles et les tensions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les utilisations concrètes de l'eau de la Mer Morte Najel --\u003e\n \u003csection class=\"soi-merm-section\"\u003e\n \u003ch2\u003eLes utilisations concrètes de l'eau de la Mer Morte Najel\u003c\/h2\u003e\n \u003cp class=\"soi-merm-section-intro\"\u003eLa polyvalence de ce soin est l'une de ses grandes forces. Voici comment l'intégrer facilement à votre routine :\u003c\/p\u003e\n\n \u003cdiv class=\"soi-merm-grid\"\u003e\n \u003cdiv class=\"soi-merm-card\"\u003e\n \u003ch3\u003e🌸 Soin du visage\u003c\/h3\u003e\n \u003cp\u003eDiluée à 5 % dans de l'eau (environ 1 cuillère à café pour 200 ml), elle s'utilise en brumisation ou en lotion tonique pour purifier les pores et unifier le teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-card\"\u003e\n \u003ch3\u003e🛁 Bain minéral apaisant\u003c\/h3\u003e\n \u003cp\u003eVersez 200 à 300 ml dans votre bain tiède pour reproduire l'expérience thalasso chez vous. Idéal après une journée intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-card\"\u003e\n \u003ch3\u003e💆 Soin du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAppliquez diluée en friction légère pour apaiser les irritations et les démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-card\"\u003e\n \u003ch3\u003e💪 Massage musculaire\u003c\/h3\u003e\n \u003cp\u003eEn application locale (pure ou légèrement diluée) sur les zones douloureuses ou contractées, elle favorise la détente et soulage les tensions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-card\"\u003e\n \u003ch3\u003e🩹 Peaux réactives\u003c\/h3\u003e\n \u003cp\u003eSon action purifiante et anti-inflammatoire naturelle la rend particulièrement adaptée aux peaux sujettes à l'eczéma ou au psoriasis. Elle ne remplace en aucun cas un traitement médical prescrit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition --\u003e\n \u003csection class=\"soi-merm-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"soi-merm-compo\"\u003e\n \u003cdiv class=\"soi-merm-compo-row\"\u003e\n \u003cspan class=\"soi-merm-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-merm-compo-value\"\u003eAqua (Dead Sea Water)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-compo-row\"\u003e\n \u003cspan class=\"soi-merm-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-merm-compo-value\"\u003eEau de la Mer Morte 100 % pure et naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-compo-row\"\u003e\n \u003cspan class=\"soi-merm-compo-label\"\u003eAdditifs\u003c\/span\u003e\n \u003cspan class=\"soi-merm-compo-value\"\u003eSans additif, sans conservateur ajouté, sans parfum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-compo-row\"\u003e\n \u003cspan class=\"soi-merm-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-merm-compo-value\"\u003eCosmos Natural Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-compo-row\"\u003e\n \u003cspan class=\"soi-merm-compo-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"soi-merm-compo-value\"\u003eTous types de peaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser l'eau de la Mer Morte au quotidien ? --\u003e\n \u003csection class=\"soi-merm-section\"\u003e\n \u003ch2\u003eComment utiliser l'eau de la Mer Morte au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"soi-merm-section-intro\"\u003eLa règle d'or : toujours diluer avant une application sur le visage. Pure, elle est réservée aux bains ou aux massages corporels ponctuels.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-merm-timeline\"\u003e\n \u003cdiv class=\"soi-merm-step\"\u003e\n \u003cdiv class=\"soi-merm-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-merm-step-content\"\u003e\n \u003ch3\u003eVisage ou cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eDilution à 5 % : 1 part d'eau salée pour 20 parts d'eau douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-step\"\u003e\n \u003cdiv class=\"soi-merm-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-merm-step-content\"\u003e\n \u003ch3\u003eBain relaxant\u003c\/h3\u003e\n \u003cp\u003eVersez directement le flacon entier dans un bain rempli.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-step\"\u003e\n \u003cdiv class=\"soi-merm-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-merm-step-content\"\u003e\n \u003ch3\u003eApplication locale musculaire\u003c\/h3\u003e\n \u003cp\u003ePure, en compresse tiède sur la zone concernée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-merm-tip\"\u003e\n \u003cdiv class=\"soi-merm-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour des résultats visibles sur la peau (éclat, douceur, confort), comptez 3 à 4 semaines d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Précautions d'utilisation --\u003e\n \u003csection class=\"soi-merm-section\"\u003e\n \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"soi-merm-accordion\"\u003e\n \u003cdetails class=\"soi-merm-accordion-item\"\u003e\n \u003csummary class=\"soi-merm-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"soi-merm-accordion-content\"\u003e\n \u003cp\u003eÉvitez tout contact avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-merm-accordion-item\"\u003e\n \u003csummary class=\"soi-merm-accordion-header\"\u003e🚫 Application sur le visage\u003c\/summary\u003e\n \u003cdiv class=\"soi-merm-accordion-content\"\u003e\n \u003cp\u003eNe s'applique pas pure sur le visage. Toujours diluer avant utilisation sur cette zone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-merm-accordion-item\"\u003e\n \u003csummary class=\"soi-merm-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"soi-merm-accordion-content\"\u003e\n \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-merm-accordion-item\"\u003e\n \u003csummary class=\"soi-merm-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"soi-merm-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 \u003c!-- CTA BOX --\u003e\n \u003csection class=\"soi-merm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-merm-cta-box\"\u003e\n \u003cp class=\"soi-merm-cta-tag\" style=\"color: white;\"\u003eDes siècles de sagesse minérale en un flacon\u003c\/p\u003e\n \u003cp class=\"soi-merm-cta-text\" style=\"color: white;\"\u003eRamenez chez vous l'essence même de la Mer Morte. 200 ml de pureté certifiée, pour une peau apaisée, régénérée et visiblement plus douce.\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-merm-marine: #1A2D3D;\n --soi-merm-marine-dark: #0F1E2B;\n --soi-merm-marine-light: #2C4458;\n --soi-merm-pomme: #A1C544;\n --soi-merm-pomme-dark: #84A636;\n --soi-merm-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-merm-white: #FFFFFF;\n --soi-merm-off-white: #F8FAF6;\n --soi-merm-stone: #F1F3EE;\n --soi-merm-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging ambre\/teal Najel) === *\/\n --soi-merm-primary: #3E8A8E;\n --soi-merm-primary-soft: rgba(62,138,142,0.10);\n --soi-merm-accent: #5AACA8;\n\n \/* === Textes === *\/\n --soi-merm-text: #1A2D3D;\n --soi-merm-text-soft: #4A5B6B;\n --soi-merm-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-merm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-merm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-merm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-merm-radius: 12px;\n --soi-merm-radius-sm: 8px;\n --soi-merm-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-merm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-merm-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-merm-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-merm-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-merm-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-merm-hero {\n position: relative;\n background: var(--soi-merm-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-merm-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-merm-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-merm-pomme);\n}\n\n.soi-merm-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-merm-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-merm-pomme);\n border-radius: 50%;\n}\n\n.soi-merm-hero-title {\n display: block;\n color: var(--soi-merm-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-merm-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-merm-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-merm-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-merm-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-merm-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-merm-label-accent {\n background: var(--soi-merm-pomme);\n border-color: var(--soi-merm-pomme);\n color: var(--soi-merm-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-merm-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-merm-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-merm-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-merm-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-merm-pomme);\n border-radius: 2px;\n}\n\n.soi-merm-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-merm-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-merm-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-merm-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-merm-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-merm-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-merm-benefit {\n background: var(--soi-merm-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-merm-radius);\n border: 1px solid var(--soi-merm-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-merm-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-merm-shadow-md);\n}\n\n.soi-merm-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-merm-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-merm-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-merm-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-merm-benefit:hover .soi-merm-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-merm-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-merm-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-merm-benefit p {\n font-size: 13px;\n color: var(--soi-merm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-merm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-merm-card {\n background: var(--soi-merm-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-merm-radius);\n border-left: 3px solid var(--soi-merm-pomme);\n}\n\n.soi-merm-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-merm-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-merm-card p {\n font-size: 14px;\n color: var(--soi-merm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-merm-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-merm-card-mini {\n background: var(--soi-merm-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-merm-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-merm-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-merm-card-mini-label {\n font-size: 11px;\n color: var(--soi-merm-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-merm-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-merm-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-merm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-merm-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-merm-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-merm-radius);\n border: 1px solid var(--soi-merm-line);\n align-items: flex-start;\n}\n\n.soi-merm-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-merm-marine);\n color: var(--soi-merm-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-merm-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-merm-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-merm-step-content p {\n font-size: 14px;\n color: var(--soi-merm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-merm-compo {\n background: var(--soi-merm-off-white);\n border-radius: var(--soi-merm-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-merm-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-merm-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-merm-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-merm-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-merm-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-merm-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-merm-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-merm-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-merm-pomme-light);\n border-left: 4px solid var(--soi-merm-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-merm-radius) var(--soi-merm-radius) 0;\n align-items: flex-start;\n}\n\n.soi-merm-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-merm-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-merm-marine);\n margin-bottom: 4px;\n}\n\n.soi-merm-tip p {\n font-size: 14px;\n color: var(--soi-merm-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-merm-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-merm-accordion-item {\n background: var(--soi-merm-off-white);\n border-radius: var(--soi-merm-radius-sm);\n border: 1px solid var(--soi-merm-line);\n overflow: hidden;\n}\n\n.soi-merm-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-merm-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-merm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-merm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-merm-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-merm-accordion-item[open] .soi-merm-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-merm-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-merm-accordion-content p {\n font-size: 14px;\n color: var(--soi-merm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-merm-cta-box {\n background: var(--soi-merm-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-merm-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-merm-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-merm-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-merm-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-merm-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-merm-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-merm-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-merm-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-merm-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-merm-compo-value {\n text-align: left;\n }\n\n .soi-merm-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-merm-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-merm-benefits {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .soi-merm-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-merm-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-merm-fiche {\n --soi-merm-text-soft: #2C3E50;\n --soi-merm-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603665117514,"sku":"NJ0325","price":5.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/eau-salee-de-la-mer-morte-najel-packshot.webp?v=1779719891"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/soin_peau.webp?v=1780051159","url":"https:\/\/firmtoaromatherapy.com\/collections\/soin-peau.oembed","provider":"Soinature","version":"1.0","type":"link"}