{"title":"Al Bara","description":"\u003ch2\u003eUne amitié qui a traversé la Méditerranée\u003c\/h2\u003e\n\n\u003cp\u003eIl y a des marques qui naissent dans un bureau, sur un tableau blanc, à coups de brainstorming marketing. Et puis il y a \u003cstrong\u003eAl Bara\u003c\/strong\u003e — une marque qui est née d'une rencontre humaine, d'un déracinement et d'une solidarité qui a tout changé.\u003c\/p\u003e\n\n\u003cp\u003eL'histoire commence en 2012, quand Zeina, une Syrienne, arrive en France avec sa famille pour fuir la guerre qui ravage son pays. Elle s'installe. Elle reconstruit. Et dans cette nouvelle vie, elle rencontre Albane, une Française qui devient rapidement bien plus qu'une voisine. Les deux femmes, qui semblent au premier abord n'avoir rien en commun, deviennent vite inséparables.\u003c\/p\u003e\n\n\u003cp\u003eC'est dans ces échanges, dans cette complicité, que germe l'idée. En 2014, les deux amies fondent Al Bara avec un double objectif : proposer des savons et des accessoires de grande qualité, et contribuer à la reconstruction du patrimoine syrien en faisant travailler des artisans locaux. Zeina apporte son réseau en Syrie, sa connaissance du terrain, et le souvenir vivace des maîtres savonniers de sa région. Le souvenir du grand-père maître-savonnier est au cœur de l'inspiration. Albane, elle, apporte son réseau commercial et sa maîtrise du marché français.\u003c\/p\u003e\n\n\u003cp\u003eLe nom de la marque n'est pas choisi au hasard. Il fait référence au petit village d'Al Bara, considéré comme le berceau des premiers savons d'Alep — et signifie également « la pureté » en arabe, ce qui fait directement écho à l'univers du bain et du spa. Un nom qui dit tout, en deux mots.\u003c\/p\u003e\n\n\u003cp\u003eCe qui nous a touchés dans cette histoire, c'est qu'elle ne s'arrête pas à une belle intention. Aujourd'hui, la marque fait vivre plus de 60 personnes, dont une quinzaine de maîtres-savonniers et les 18 salariés de l'atelier d'emballage d'Alep. C'est du concret, du tangible. Chaque savon acheté, c'est une famille syrienne qui continue à vivre de son métier dans un pays encore meurtri.\u003c\/p\u003e\n\n\u003ch2\u003eUn savoir-faire vieux de 3 000 ans, transmis geste par geste\u003c\/h2\u003e\n\n\u003cp\u003eLe savon d'Alep, c'est sans doute le savon le plus ancien du monde encore fabriqué selon sa recette d'origine. Son savoir-faire perpétue une tradition vieille de plus de 3 000 ans. Et chez Al Bara, on ne touche pas à ça. Pas question de moderniser à tout prix ou de rationaliser la production pour gagner quelques centimes.\u003c\/p\u003e\n\n\u003cp\u003eLe procédé artisanal est identique depuis des millénaires : l'huile d'olive est mise à chauffer lentement dans des chaudrons en cuivre avec de la soude et de l'eau pour réaliser la saponification, puis l'huile de baie de laurier est ajoutée en proportion variable. La pâte obtenue repose une journée, est ensuite coulée avant de refroidir, puis découpée manuellement en pains.\u003c\/p\u003e\n\n\u003cp\u003eMais l'étape qui nous fascine vraiment, c'est la suite. Les savons sont ensuite disposés dans une tour de séchage pendant \u003cstrong\u003e9 mois\u003c\/strong\u003e, le temps nécessaire à la maturation d'un savon d'Alep de qualité — c'est ce long affinage qui lui donne sa couleur brun-vert caractéristique. Chaque pain est ensuite estampillé du sceau du maître savonnier. Neuf mois d'attente pour un savon. Voilà ce que signifie vraiment « artisanal ».\u003c\/p\u003e\n\n\u003cp\u003eLa recette ne comprend que quatre ingrédients : l'huile d'olive, de la soude, l'huile de baie de laurier et de l'eau. Rien de plus. Pas de conservateur, pas de colorant, pas de parfum de synthèse. Les olives et les baies de laurier sont récoltées à maturité, puis pressées selon des méthodes traditionnelles pour en extraire des huiles d'une grande pureté. Le sourcing est local, ancré dans la région d'Alep, ce qui garantit la fraîcheur et la traçabilité des matières premières.\u003c\/p\u003e\n\n\u003ch2\u003ePourquoi on a craqué pour Al Bara\u003c\/h2\u003e\n\n\u003cp\u003eFranchement, on ne cherchait pas forcément une marque de savon d'Alep quand on a découvert Al Bara. Mais une fois qu'on a compris ce qu'elle représentait — sur le plan humain, sur le plan de la fabrication, sur le plan de l'engagement — on n'a pas hésité longtemps.\u003c\/p\u003e\n\n\u003cp\u003eCe qui nous a convaincus en premier, c'est la cohérence totale entre le discours et les actes. La marque a été créée avec deux objectifs clairs : perpétuer un savoir-faire ancestral avec une fabrication artisanale et naturelle, et faire travailler localement des familles syriennes. Deux ans après sa création, elle avait déjà importé plus de 200 000 produits depuis la Syrie. Ce n'est pas une marque qui parle d'impact — c'est une marque qui en crée.\u003c\/p\u003e\n\n\u003cp\u003eEt puis, les produits eux-mêmes nous ont bluffés. Un savon qui ne contient que quatre ingrédients et qui tient ses promesses mieux que bien des formules à 30 composants, c'est rare. On a testé, on a observé le résultat sur la peau, et on a compris pourquoi des générations de Syriens ne jurent que par ce savon depuis des siècles. Ce n'est pas du marketing, c'est de la tradition validée par le temps.\u003c\/p\u003e\n\n\u003ch2\u003eDes valeurs qui ne sont pas que des mots\u003c\/h2\u003e\n\n\u003cp\u003eAl Bara, c'est une marque qui incarne des engagements bien réels. Premier point : \u003cstrong\u003ele 100% naturel\u003c\/strong\u003e. Les savons sont fabriqués à partir d'huile d'olive de deuxième pression, d'huile de baies de laurier, d'eau et de soude végétale — sans aucun produit de synthèse, solvant, colorant ou dérivé de graisse animale. C'est du végétal pur, point.\u003c\/p\u003e\n\n\u003cp\u003eSur la certification bio, Al Bara est honnête jusqu'au bout. Bien que les produits soient garantis 100% naturels, il est actuellement impossible de faire certifier bio des savons dans un pays en guerre. On apprécie cette transparence : plutôt que de chercher une certification de substitution ou de noyer le poisson, la marque explique clairement la situation. Les ingrédients sont naturels, la fabrication est propre, mais le label bio ne peut pas être obtenu dans ce contexte géopolitique. Voilà ce qu'on appelle de l'honnêteté.\u003c\/p\u003e\n\n\u003cp\u003eL'engagement solidaire, lui, est au cœur du modèle économique. Chaque achat contribue à la reconstruction et à la préservation du patrimoine syrien en faisant travailler des artisans locaux. La fabrication fait intervenir de nombreux corps de métier sur place : savonnerie, empaquetage et imprimerie. Même les étiquettes sont produites en Syrie. Rien n'est sous-traité ailleurs pour des raisons de coût.\u003c\/p\u003e\n\n\u003cp\u003eEt côté biodégradabilité : les savons Al Bara sont \u003cstrong\u003e100% biodégradables\u003c\/strong\u003e, sans huile de palme, et leur emballage est pensé pour limiter les déchets plastiques. Une cohérence environnementale qui s'ajoute à la cohérence sociale.\u003c\/p\u003e\n\n\u003ch2\u003ePour qui sont faits ces savons ?\u003c\/h2\u003e\n\n\u003cp\u003eLes savons Al Bara s'adressent avant tout à ceux qui cherchent à simplifier leur routine beauté sans sacrifier l'efficacité. La formule à quatre ingrédients, sans parfum de synthèse ni conservateur, en fait un savon de toute la famille pour un usage quotidien sur le visage et le corps, dès trois ans. Pratique pour les parents qui veulent unifier les produits de la salle de bain.\u003c\/p\u003e\n\n\u003cp\u003eLes peaux sensibles, réactives ou sujettes aux irritations trouveront dans ces savons une vraie alternative aux gels douche bourrés de tensioactifs agressifs. L'huile d'olive nourrit, adoucit et protège, tandis que l'huile de laurier purifie et apaise. Un duo qui fonctionne aussi bien sur le visage que sur le corps.\u003c\/p\u003e\n\n\u003cp\u003eLes amateurs de cosmétiques à l'histoire, les curieux des traditions orientales, les personnes engagées qui veulent que leurs achats aient un sens — tous ceux-là trouveront dans Al Bara une marque qui leur ressemble.\u003c\/p\u003e\n\n\u003cp\u003eEn revanche, si vous cherchez un savon au parfum très prononcé qui dure toute la journée, ou une texture crémeuse type surgras très dosé, le savon d'Alep dans sa version classique ne sera peut-être pas votre premier choix. Son odeur naturelle, légèrement terrienne, peut surprendre au premier usage — même si elle s'estompe rapidement après rinçage.\u003c\/p\u003e\n\n\u003ch2\u003eCe qui la distingue vraiment de la concurrence\u003c\/h2\u003e\n\n\u003cp\u003eIl existe d'autres marques qui vendent du savon d'Alep. Mais Al Bara se distingue sur plusieurs points précis. D'abord, \u003cstrong\u003ela traçabilité totale\u003c\/strong\u003e : on sait exactement d'où vient chaque savon, quel maître savonnier l'a fabriqué, et dans quel atelier il a été emballé. Ensuite, la démarche solidaire n'est pas un argument marketing ajouté après coup — elle est constitutive de la marque depuis le premier jour.\u003c\/p\u003e\n\n\u003cp\u003eLa gamme est aussi plus complète que chez beaucoup de concurrents : savons classiques à différents taux de laurier, versions parfumées avec des fragrances naturelles orientales, savon à l'argile rose, version pur olive... Il y en a pour tous les types de peau et toutes les envies. Et le rapport qualité-prix reste très accessible pour des produits fabriqués à la main avec neuf mois de maturation.\u003c\/p\u003e\n\n\u003ch2\u003eNos coups de cœur dans la gamme Al Bara\u003c\/h2\u003e\n\n\u003cp\u003eDifficile de choisir, mais voilà nos trois favoris du moment.\u003c\/p\u003e\n\n\u003ch3\u003eLe savon d'Alep Pur Olive — notre valeur sûre\u003c\/h3\u003e\n\n\u003cp\u003eNotre \u003ca href=\"\/products\/savon-dalep-pur-olive-200-g-al-bara\"\u003esavon Pur Olive\u003c\/a\u003e est devenu le chouchou de notre équipe pour les peaux les plus délicates. Sans huile de laurier, il est encore plus doux et convient aux peaux très sensibles, aux bébés, aux femmes enceintes. Ce qu'on aime ? Sa texture fondante au contact de l'eau, sa mousse légère mais efficace, et le fait qu'il ne laisse jamais la peau tiraillée. Un savon qu'on peut utiliser au quotidien sans jamais s'en lasser, et qui dure vraiment longtemps — un pain de 200g, ça tient plusieurs semaines même à usage intensif.\u003c\/p\u003e\n\n\u003ch3\u003eLe savon d'Alep 20% Laurier — l'équilibre parfait\u003c\/h3\u003e\n\n\u003cp\u003eSi on devait recommander un savon pour débuter avec Al Bara, ce serait sans hésiter le \u003ca href=\"\/products\/savon-d-alep-20-laurier-200-g-al-bara\"\u003esavon 20% Laurier\u003c\/a\u003e. Le taux de laurier est suffisant pour bénéficier des propriétés purifiantes de cette huile précieuse, sans que ce soit trop intense pour les peaux normales. C'est le savon universel par excellence : visage, corps, cheveux — il fait tout. On l'a testé sur des peaux mixtes et les retours sont unanimes : la peau est plus nette, moins brillante, et le confort après le bain est vraiment là. Idéal pour toute la famille dès le plus jeune âge.\u003c\/p\u003e\n\n\u003ch3\u003eLes savons parfumés — le plaisir en plus\u003c\/h3\u003e\n\n\u003cp\u003eEntre nous, on a eu un vrai coup de cœur pour les versions parfumées de la gamme. Que ce soit le \u003ca href=\"\/products\/savon-dalep-parfume-iris-al-bara\"\u003esavon à l'Iris\u003c\/a\u003e, délicat et floral, le \u003ca href=\"\/products\/savon-dalep-ambre-al-bara\"\u003esavon Ambre\u003c\/a\u003e aux notes chaudes et enveloppantes, ou encore le \u003ca href=\"\/products\/savon-dalep-parfume-grenade-50-g-al-bara\"\u003esavon Grenade\u003c\/a\u003e pour son côté fruité et légèrement acidulé — ces petits savons de 50g sont parfaits pour glisser dans un sac de voyage ou offrir en cadeau. La base reste la même recette traditionnelle, mais les parfums naturels ajoutent une dimension sensorielle vraiment agréable. On voit une vraie différence sur la peau assez rapidement, elle est plus douce, moins sèche, plus confortable — et les parfums sont délicats, sans être écœurants.\u003c\/p\u003e\n\n\u003cp\u003eOn a aussi un faible pour le \u003ca href=\"\/products\/savon-dalep-a-largile-rose-150-g-al-bara\"\u003esavon à l'argile rose\u003c\/a\u003e : l'argile rose apporte un effet purifiant supplémentaire tout en restant très doux, parfait pour les peaux mixtes qui veulent une routine minimaliste mais efficace.\u003c\/p\u003e\n\n\u003ch2\u003eCe qui rend les produits Al Bara vraiment différents\u003c\/h2\u003e\n\n\u003cp\u003eOn parle souvent de « qualité des ingrédients » comme d'une formule toute faite. Chez Al Bara, ça veut dire quelque chose de très concret : \u003cstrong\u003equatre ingrédients maximum\u003c\/strong\u003e, tous d'origine naturelle, tous sourcés en Syrie, tous travaillés selon des méthodes qui n'ont pas changé depuis des siècles. Pas d'huile de palme, pas de conservateur, pas de silicone.\u003c\/p\u003e\n\n\u003cp\u003eCe qui surprend les nouveaux utilisateurs, c'est souvent l'économie du produit. Un pain de 200g dure bien plus longtemps qu'on ne le pense, surtout si on le laisse sécher correctement entre deux utilisations. Il se garde longtemps et est donc économique — c'est un point que les clients soulignent régulièrement dans leurs retours.\u003c\/p\u003e\n\n\u003cp\u003eLes produits Al Bara sont largement appréciés pour leur composition naturelle, sans emballage plastique, et leur agréable sensation sur la peau. Les clients soulignent la diversité et l'authenticité de ces articles, notamment les savons d'Alep, qui se distinguent par leurs senteurs plaisantes et leurs propriétés économiques.\u003c\/p\u003e\n\n\u003cp\u003eEt puis, il y a ce détail qui dit tout : chaque savon porte le sceau de son maître savonnier. Ce n'est pas une signature décorative — c'est une garantie de traçabilité, un gage de fierté artisanale. Quand vous tenez un savon Al Bara dans les mains, vous savez exactement qui l'a fait et où.\u003c\/p\u003e\n\n\u003cdiv class=\"faq-container\"\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eLes savons Al Bara sont-ils vraiment 100% naturels ? Ont-ils une certification bio ?\u003c\/summary\u003e\n\u003cp\u003eOui, tous les savons Al Bara sont formulés avec des ingrédients 100% naturels : huile d'olive, huile de baie de laurier, soude végétale et eau. Aucun produit de synthèse, colorant ou conservateur n'entre dans la composition. En revanche, la certification bio n'est pas obtenue : il est actuellement impossible de faire certifier des produits fabriqués en Syrie, pays en guerre, selon les normes bio européennes. La marque le dit clairement et sans détour — ce qui, à nos yeux, est une marque de sérieux.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eLe savon d'Alep convient-il aux peaux sensibles et aux enfants ?\u003c\/summary\u003e\n\u003cp\u003eAbsolument. Le savon d'Alep est l'un des savons les plus doux qui soit, grâce à sa composition minimaliste sans allergènes courants. La version Pur Olive, sans huile de laurier, est particulièrement adaptée aux peaux très réactives, aux nourrissons et aux femmes enceintes. Le savon 20% Laurier convient à toute la famille dès trois ans. Si votre peau est très sèche, commencez par une version à faible taux de laurier et observez comment votre peau réagit.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eComment utiliser et conserver un savon d'Alep pour qu'il dure le plus longtemps possible ?\u003c\/summary\u003e\n\u003cp\u003eLe secret, c'est le séchage entre deux utilisations. Posez votre savon sur un porte-savon qui laisse l'air circuler — évitez les coupelles où l'eau stagne. Un savon bien entretenu peut facilement durer plusieurs semaines, voire plus d'un mois. Pour le visage, frottez le pain directement sur la peau humide ou faites mousser entre vos paumes. Pour les cheveux, frottez délicatement sur le cuir chevelu en massant bien, puis rincez abondamment.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la différence entre les savons à 20% et à plus fort taux de laurier ?\u003c\/summary\u003e\n\u003cp\u003eTout est dans le pourcentage d'huile de baie de laurier. Plus ce taux est élevé, plus le savon est purifiants et adapté aux peaux grasses, mixtes ou à problèmes. Un savon à 20% de laurier convient à toutes les peaux en usage quotidien. Un taux plus élevé est recommandé pour les peaux grasses, les cuirs chevelus à tendance pelliculaire, ou les peaux qui ont besoin d'un nettoyage plus en profondeur. En cas de doute, le 20% est un excellent point de départ.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eLes savons Al Bara sont-ils disponibles rapidement après commande ?\u003c\/summary\u003e\n\u003cp\u003eOui, nous expédions les commandes dans les meilleurs délais. Les savons Al Bara que nous proposons sont en stock et partent généralement sous 24 à 48h ouvrées. Les clients notent régulièrement la rapidité et le soin apporté à l'emballage des commandes — un point auquel nous tenons particulièrement pour que vos savons arrivent en parfait état.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* FAQ Styles *\/\n.faq-container {\n max-width: 100%;\n margin: 20px auto;\n padding: 15px;\n background: #f8f8f8;\n border-radius: 8px;\n border: 1px solid #ddd;\n}\n.faq-container details {\n margin-bottom: 10px;\n background: white;\n padding: 12px;\n border-radius: 6px;\n border: 1px solid #ddd;\n cursor: pointer;\n transition: all 0.3s ease;\n}\n.faq-container details[open] {\n background: #eef5ee;\n border-color: #6a7e70;\n}\n.faq-container summary {\n font-weight: bold;\n font-size: 1rem;\n color: #333;\n padding: 5px 0;\n cursor: pointer;\n transition: color 0.3s ease;\n display: flex;\n justify-content: space-between;\n align-items: left;\n}\n.faq-container summary:hover {\n color: #6a7e70;\n}\n.faq-container summary::after {\n content: \"▼\";\n font-size: 0.9rem;\n color: #888;\n transition: transform 0.3s ease;\n}\n.faq-container details[open] summary::after {\n transform: rotate(180deg);\n color: #6a7e70;\n}\n.faq-container p {\n margin-top: 8px;\n font-size: 0.95rem;\n color: #555;\n line-height: 1.5;\n}\n.faq-container details[open] p {\n animation: fadeIn 0.3s ease-in-out;\n}\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(-5px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\u003c\/style\u003e","products":[{"product_id":"savon-d-alep-35-laurier-200-g-al-bara","title":"Savon d’Alep 35% Laurier – 200 g – Al Bara","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Al Bara\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eTrois millénaires de tradition savonnière\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eUn savon d'Alep authentique à 35% d'huile de baies de laurier, façonné artisanalement selon un savoir-faire ancestral pour les peaux en quête de pureté et de douceur.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e100% NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS HUILE DE PALME\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS CONSERVATEUR\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARFUM DE SYNTHÈSE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eLe savon d'Alep Al Bara : un soin lavant ancestral\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep 35% Laurier Al Bara est bien plus qu'un simple savon. C'est l'un des plus anciens savons du monde, né à Alep en Syrie il y a plus de 3 000 ans, façonné selon un savoir-faire artisanal transmis de génération en génération. Avec sa teneur élevée en huile de baies de laurier, cette version 35% s'adresse tout particulièrement aux peaux qui ont besoin d'un soin lavant à la fois purifiant, apaisant et naturel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Al Bara : le minimalisme au service de la peau\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eCe qui distingue un vrai savon d'Alep authentique, c'est la pureté de sa formule. Pas de parfum ajouté, pas de colorant, pas de conservateur. Seulement l'essentiel.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive de première pression\u003c\/h3\u003e\n \u003cp\u003eBase principale du savon, elle nourrit, adoucit et protège l'épiderme en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier à 35%\u003c\/h3\u003e\n \u003cp\u003ePurifie, apaise et contribue à assainir la peau. C'est l'actif signature du savon d'Alep.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e💧 Eau et soude\u003c\/h3\u003e\n \u003cp\u003eAgents de saponification naturels, indispensables à la formation du savon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSon parfum discret et boisé provient uniquement des huiles qui le composent. Aucun ajout artificiel ne vient altérer cette authenticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POURQUOI 35% --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon d'Alep à 35% de laurier ?\u003c\/h2\u003e\n \u003cp\u003ePlus le pourcentage d'huile de laurier est élevé, plus les propriétés purifiantes et apaisantes du savon sont prononcées. Le 35% est particulièrement adapté aux peaux mixtes à grasses, aux peaux sujettes aux imperfections, ou encore à celles qui réagissent à de nombreux produits cosmétiques conventionnels.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🤍\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eSa formule minimaliste respecte les épidermes les plus délicats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAcné et points noirs\u003c\/h3\u003e\n \u003cp\u003eSes propriétés purifiantes aident à assainir les peaux sujettes aux imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEczéma et psoriasis\u003c\/h3\u003e\n \u003cp\u003eL'huile de laurier contribue à apaiser les peaux concernées par ces problématiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux mixtes à grasses\u003c\/h3\u003e\n \u003cp\u003eCe savon purifie sans décaper, pour un nettoyage équilibré au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eCe savon peut s'utiliser aussi bien pour le visage que pour le corps, voire les cheveux. Recommandé par de nombreux dermatologues, il constitue une alternative naturelle fiable aux produits nettoyants chargés en agents irritants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- FABRICATION --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eUn processus de fabrication artisanal unique\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLe savon d'Alep Al Bara est fabriqué selon la méthode traditionnelle en trois étapes clés.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eCuisson lente au chaudron\u003c\/h3\u003e\n \u003cp\u003eLes huiles sont chauffées et mélangées à la soude pendant plusieurs jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eSéchage naturel\u003c\/h3\u003e\n \u003cp\u003eLes pains sont empilés dans des caves et séchés à l'air libre pendant 6 à 8 mois minimum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eFaçonnage et découpe manuels\u003c\/h3\u003e\n \u003cp\u003eChaque pain est taillé à la main, ce qui explique ses contours légèrement irréguliers, signe d'authenticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eCe long processus de maturation est ce qui confère au savon d'Alep ses propriétés exceptionnelles. Plus il vieillit, plus il s'enrichit et devient doux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATION --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep sur le visage et le corps ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n \u003cp\u003eMouillez le pain de savon et faites mousser entre vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eAppliquer et masser\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse sur le visage ou le corps en massages circulaires doux. Rincez abondamment à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eConserver correctement\u003c\/h3\u003e\n \u003cp\u003eÉgouttez votre pain entre chaque utilisation en le posant sur une savonnière à l'abri de l'eau stagnante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour les peaux sensibles, commencez par une utilisation 2 à 3 fois par semaine avant d'augmenter la fréquence selon la tolérance de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS PRATIQUES --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003ePoids\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e200 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eAlep, Syrie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e100% artisanale et naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eÉtui en carton recyclable (bac jaune)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eHuile de palme, conservateur, parfum de synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eTrois millénaires de tradition dans le creux de vos mains. Naturel, pur, efficace : offrez à votre peau ce qu'elle mérite vraiment, sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging bleu-vert oriental + ocre doré) === *\/\n --soi-alep-primary: #2A7A8A;\n --soi-alep-primary-soft: rgba(42,122,138,0.08);\n --soi-alep-accent: #C4A35A;\n\n \/* === Textes === *\/\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 15px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 15px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 15px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"Default Title","offer_id":62333302014282,"sku":"AB0005","price":8.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-35-laurier-200-g-al-bara-packshot.webp?v=1788439761"},{"product_id":"savon-d-alep-20-laurier-200-g-al-bara","title":"Savon d’Alep 20% Laurier – 200 g – Al Bara","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n\u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Al Bara\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eUn rituel millénaire pour votre peau\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eNé il y a plus de 3 000 ans dans la ville d'Alep, ce savon artisanal à 20% d'huile de laurier perpétue une tradition ancestrale au service de votre peau, avec une composition d'une rare simplicité.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e100% NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003e100% VÉGÉTAL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003e20% LAURIER\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eL'âme du savon d'Alep : une fabrication qui ne ment pas\u003c\/h2\u003e\n \u003cp\u003eChez Al Bara, chaque pain est fabriqué à Alep selon la méthode du chaudron ancestral : une cuisson lente à haute température, un refroidissement progressif, puis une découpe et un séchage naturel de plusieurs semaines. Pas de raccourci industriel. Ce soin artisanal garantit une qualité régulière et une tolérance cutanée remarquable, reconnue même sur les peaux les plus réactives.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep 20% Laurier\u003c\/h2\u003e\n \u003cp\u003eSa force tient à sa simplicité. La composition se résume à l'essentiel, sans aucun parfum ajouté, aucun colorant, aucun conservateur artificiel.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eHuile d'olive de première pression\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e80%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eHuile de baies de laurier\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e20%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eAutres ingrédients\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eEau et soude naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLe pourcentage de laurier indique la puissance du savon : à 20%, il convient à la plupart des types de peau, y compris les peaux sensibles et mixtes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eBienfaits du savon d'Alep : ce qu'il apporte vraiment à votre peau\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🧼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage doux et profond\u003c\/h3\u003e\n \u003cp\u003eSa mousse fine élimine impuretés et excès de sébum sans agresser votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau souple et confortable\u003c\/h3\u003e\n \u003cp\u003eContrairement aux savons classiques, il ne dessèche pas grâce à la richesse de l'huile d'olive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction purifiante\u003c\/h3\u003e\n \u003cp\u003eL'huile de laurier contribue à assainir les pores et à limiter l'apparition des boutons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement des irritations\u003c\/h3\u003e\n \u003cp\u003eRecommandé pour les peaux sujettes à l'eczéma, au psoriasis léger ou aux rougeurs (sans remplacer un avis médical).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eVisage et corps\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eConvient\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eToute la famille\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep visage et cheveux : comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🧖 Utilisation sur le visage\u003c\/h3\u003e\n \u003cp\u003eMouillez votre peau, frottez doucement le pain entre vos mains pour créer une mousse légère, appliquez en massages circulaires puis rincez abondamment. Utilisez-le matin ou soir selon votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e💆 Utilisation sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eIl peut remplacer votre shampoing ordinaire si votre eau n'est pas trop calcaire. Frottez directement le pain sur cheveux mouillés, massez le cuir chevelu, puis rincez soigneusement. Un vinaigre de cidre dilué en rinçage final optimise le résultat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLaissez votre savon sécher entre chaque utilisation sur un porte-savon aéré. Un pain bien entretenu dure 2 à 3 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep : avis dermatologue et tolérance cutanée\u003c\/h2\u003e\n \u003cp\u003eL'avis dermatologique sur le savon d'Alep est généralement positif : son pH légèrement alcalin, tempéré par la richesse en acide oléique de l'huile d'olive, en fait l'un des savons solides les mieux tolérés sur le marché. Il est souvent conseillé aux personnes allergiques aux produits conventionnels, aux femmes enceintes ou aux enfants dès le bas âge (sous avis médical).\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eConditionnement et éco-responsabilité\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid-compact\"\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003ePoids net\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003e200 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eCarton recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eTri\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eBac jaune\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003ePlastique\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eAucun\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eAuthentique, épuré, efficace : offrez à votre peau chaque jour un rituel millénaire avec la certitude de ne lui donner que le meilleur de la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n\n --soi-alep-primary: #2E7D4F;\n --soi-alep-primary-soft: #E8F0EA;\n --soi-alep-accent: #C8A55A;\n\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 15px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-alep-card-mini {\n background: var(--soi-alep-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-alep-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-alep-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-alep-card-mini-label {\n font-size: 11px;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-alep-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n}\n\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 15px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"Default Title","offer_id":62333302178122,"sku":"AB0010","price":5.8,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-20-laurier-200-g-al-bara-packshot.webp?v=1788438411"},{"product_id":"savon-dalep-pur-olive-200-g-al-bara","title":"Savon d'Alep Pur Olive – 200 g – Al Bara","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n\u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Savon d'Alep · Al Bara\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eL'héritage millénaire de l'olive pure\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eFabriqué à Alep selon un savoir-faire vieux de plus de 3 000 ans, cuit au chaudron et façonné à la main, ce savon concentre l'essentiel : une seule huile, de l'olive, travaillée avec soin pour respecter votre peau au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003ePUR OLIVE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS COLORANT\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep Pur Olive Al Bara : le soin naturel millénaire pour votre peau\u003c\/h2\u003e\n \u003cp\u003eSi vous cherchez un savon \u003cstrong\u003e100 % naturel, doux et efficace\u003c\/strong\u003e, le savon d'Alep Pur Olive Al Bara est sans doute l'un des choix les plus sûrs qui soit. Fabriqué à Alep selon un savoir-faire vieux de plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e, cuit lentement au chaudron et façonné à la main, ce pain de 200 g concentre l'essentiel : une seule huile, de l'olive, travaillée avec soin pour respecter votre peau au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon d'Alep à l'huile d'olive pure ?\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep est souvent cité comme le premier savon solide inventé par l'humanité. Sa formule originelle, à base d'huile d'olive de première pression, n'a pratiquement pas changé depuis des millénaires. L'huile d'olive est naturellement riche en actifs précieux pour votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAcides gras oléiques\u003c\/h3\u003e\n \u003cp\u003eNourrissent et renforcent la barrière cutanée pour une peau protégée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVitamine E\u003c\/h3\u003e\n \u003cp\u003eUn antioxydant naturel qui contribue à protéger la peau du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePolyphénols\u003c\/h3\u003e\n \u003cp\u003eAux propriétés apaisantes reconnues, pour un confort durable après chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eVotre peau est nettoyée en douceur, sans arrachement du film hydrolipidique, avec une sensation de confort durable même sur les peaux les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePour qui est-il fait ? Quelles peaux peut-il convenir ?\u003c\/h2\u003e\n \u003cp\u003eCe savon d'Alep Pur Olive convient particulièrement bien aux profils suivants :\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches ou très sèches\u003c\/h3\u003e\n \u003cp\u003eIl lave sans dessécher, contrairement aux savons classiques chargés en sulfates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eSa composition ultra-simple (zéro parfum ajouté, zéro colorant) réduit le risque d'irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🩹 Peaux atopiques ou sujettes aux rougeurs\u003c\/h3\u003e\n \u003cp\u003ePlusieurs dermatologues recommandent les savons d'Alep comme alternative douce aux syndets chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e✨ Peaux normales à mixtes\u003c\/h3\u003e\n \u003cp\u003eIl régule sans agresser, idéal en toilette quotidienne visage et corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eVous pouvez l'utiliser sur \u003cstrong\u003ele visage, le corps, les mains\u003c\/strong\u003e, et même pour le shampooing si votre cuir chevelu est sensible ou irrité.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Pur Olive Al Bara\u003c\/h2\u003e\n \u003cp\u003eLa force de ce savon, c'est sa transparence totale. Un ingrédient, un seul, travaillé avec respect.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eHuile d'olive vierge de première pression (Olea europaea fruit oil)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eMéthode\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSaponification traditionnelle à chaud\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003ePain solide de 200 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eÉtui carton recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eAucun additif, aucun conservateur synthétique, aucun parfum artificiel. La couleur dorée légèrement ocre du pain est naturelle et varie selon la saison de fabrication, signe d'un produit vivant et authentique.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eToilette visage et corps\u003c\/h3\u003e\n \u003cp\u003eFrottez le pain humide entre vos mains pour former une mousse, appliquez sur la peau, puis rincez à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eMulti-usage maison\u003c\/h3\u003e\n \u003cp\u003eIl peut aussi servir pour la lessive délicate, l'entretien du linge ou comme savon de cuisine naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eConservation optimale\u003c\/h3\u003e\n \u003cp\u003eLaissez-le sécher entre deux utilisations sur un porte-savon aéré. Un savon bien égoutté dure beaucoup plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le savon d'Alep\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e🩺 Le savon d'Alep est-il recommandé par les dermatologues ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eDe nombreux professionnels de la santé cutanée le conseillent comme alternative aux nettoyants synthétiques pour les peaux sensibles ou atopiques, grâce à sa composition minimaliste et l'absence de perturbateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e🌿 Quelle différence avec un savon d'Alep à la baie de laurier ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eLe savon d'Alep Pur Olive est la version la plus douce et la plus universelle. La baie de laurier apporte des propriétés supplémentaires (purifiant, antiseptique léger), mais peut être plus concentrée pour certaines peaux. La version Pur Olive est idéale pour débuter ou pour les peaux très délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e🧴 Peut-on l'utiliser sur le visage ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eOui, sans problème. Sa douceur en fait un excellent savon visage naturel, particulièrement apprécié des personnes qui souhaitent simplifier leur routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eTrois millénaires de sagesse dans un pain de savon\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003ePas de superflu, pas de chimie inutile : juste de l'huile d'olive travaillée avec patience et savoir-faire, pour une peau propre, nourrie et apaisée chaque jour.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n\n --soi-alep-primary: #C49A5C;\n --soi-alep-primary-soft: #D4B07A;\n --soi-alep-accent: #8B6F47;\n\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 15px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 15px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 15px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"Default Title","offer_id":62333302702410,"sku":"AB0015","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-pur-olive-200-g-al-bara-packshot.webp?v=1791900632"},{"product_id":"savon-dalep-a-largile-rose-150-g-al-bara","title":"Savon d'Alep à l'argile rose – 150 g – Al Bara","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Al Bara\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eL'héritage millénaire des maîtres savonniers d'Alep\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eUn pain artisanal à l'huile d'olive et à l'argile rose d'Alep, 100 % naturel et végétal, pour une peau purifiée et éclatante au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e100% NATUREL ET VÉGÉTAL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS CONSERVATEUR\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARFUM DE SYNTHÈSE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Intro --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep à l'argile rose : le rituel purifiant de l'Orient, pour une peau éclatante au naturel\u003c\/h2\u003e\n \u003cp\u003eDerrière chaque pain de savon \u003cstrong\u003eAl Bara à l'argile rose d'Alep\u003c\/strong\u003e se cache un héritage millénaire. Fabriqué à la main selon la méthode ancestrale des maîtres savonniers syriens, ce savon d'Alep à l'argile marie deux actifs d'exception : l'huile d'olive et l'argile rose d'Alep. Le résultat ? Un soin quotidien 100 % naturel, sans conservateur ni parfum ajouté, qui nettoie en profondeur sans jamais agresser votre peau.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pourquoi ce savon fait la différence --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi ce savon d'Alep à l'argile rouge fait la différence\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eCe savon tient ses propriétés de deux ingrédients complémentaires, au cœur de sa formule épurée.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras et en vitamine E, elle nourrit, assouplit et protège le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🪷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eArgile rose d'Alep\u003c\/h3\u003e\n \u003cp\u003eDouce et purifiante, elle absorbe l'excès de sébum, resserre les pores et ravive l'éclat du teint sans dessécher, même les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eContrairement à un savon classique industriel, ce pain artisanal respecte l'équilibre naturel de votre peau grâce à sa formule végétale ultra-épurée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : À qui s'adresse ce savon --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce savon d'Alep à l'argile ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e✨ Peaux mixtes à grasses\u003c\/h3\u003e\n \u003cp\u003eL'argile rose régule le sébum et affine le grain de peau en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌸 Peaux ternes ou fatiguées\u003c\/h3\u003e\n \u003cp\u003eL'association huile d'olive et argile ravive la luminosité du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSans parfum, sans conservateur, il convient aux peaux réactives qui supportent mal les produits conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e♻️ Adeptes du zéro déchet\u003c\/h3\u003e\n \u003cp\u003eEmballage carton recyclable, formule biodégradable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Comment utiliser --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon d'Alep à l'argile rose\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eMouillez votre visage ou votre corps à l'eau tiède pour ouvrir les pores et préparer la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eCréez une mousse crémeuse\u003c\/h3\u003e\n \u003cp\u003eFrottez doucement le savon entre vos mains, puis appliquez la mousse en massages circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eRincez en douceur\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Séchez en tamponnant sans frotter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eConservez au sec\u003c\/h3\u003e\n \u003cp\u003eConservez votre savon à l'abri de l'eau stagnante pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e🪷\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eAstuce masque express\u003c\/strong\u003e\n \u003cp\u003eLaissez la mousse poser 1 à 2 minutes avant de rincer : l'argile agit en profondeur pour une peau visiblement purifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Composition --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep argile rose Al Bara\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eUne formule courte, lisible et 100 % végétale.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eBase saponifiée\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eHuile d'olive (Olea Europaea Fruit Oil)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eActif purifiant\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eArgile rose d'Alep\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eConservateur, parfum de synthèse, colorant artificiel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e100 % naturelle et végétale, aucun ingrédient d'origine animale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Informations pratiques --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid-compact\"\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003ePoids\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003e150 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eVisage et corps\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🤲\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eArtisanale, méthode traditionnelle d'Alep\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eÉtui carton recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 : Précautions --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eCe savon est un produit cosmétique naturel. Il ne se substitue pas à un traitement médical. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e🧴 Types de peaux concernés\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eCe savon convient aux peaux mixtes, grasses, sensibles et ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e♻️ Tri et recyclage\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eL'étui carton est à déposer dans le bac de tri jaune (les règles de tri peuvent varier selon votre localité).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eUn rituel ancestral dans votre salle de bain\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau la simplicité d'un soin millénaire : deux ingrédients bien choisis, une fabrication artisanale, un éclat retrouvé chaque matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n --soi-alep-primary: #B5694A;\n --soi-alep-primary-soft: rgba(181,105,74,0.10);\n --soi-alep-accent: #8C3E3E;\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 15px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-alep-card-mini {\n background: var(--soi-alep-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-alep-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-alep-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-alep-card-mini-label {\n font-size: 11px;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-alep-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 15px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 15px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"Default Title","offer_id":62333302833482,"sku":"AB0030","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-a-largile-rose-150-g-al-bara-packshot.webp?v=1788526958"},{"product_id":"savon-dalep-parfume-grenade-50-g-al-bara","title":"Savon d'Alep parfumé Grenade - Al Bara","description":"\u003cdiv class=\"soi-gren-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-gren-hero\"\u003e\n \u003cdiv class=\"soi-gren-hero-tag\"\u003e\n \u003cspan class=\"soi-gren-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Savon d'Alep · Al Bara\n \u003c\/div\u003e\n \u003cspan class=\"soi-gren-hero-title\"\u003eUn savoir-faire ancestral sublimé par la grenade\u003c\/span\u003e\n \u003cp class=\"soi-gren-hero-subtitle\"\u003eFabriqué artisanalement à Alep selon une méthode vieille de 3 000 ans, ce savon à l'huile d'olive parfumé à la grenade transforme chaque lavage en un rituel sensoriel d'Orient.\u003c\/p\u003e\n \u003cdiv class=\"soi-gren-hero-labels\"\u003e\n \u003cspan class=\"soi-gren-label soi-gren-label-accent\"\u003e100 % NATUREL ET VÉGÉTAL\u003c\/span\u003e\n \u003cspan class=\"soi-gren-label\"\u003eSANS HUILE DE PALME\u003c\/span\u003e\n \u003cspan class=\"soi-gren-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Pourquoi le savon d'Alep est unique --\u003e\n \u003csection class=\"soi-gren-section\"\u003e\n \u003ch2\u003ePourquoi le savon d'Alep est unique\u003c\/h2\u003e\n \u003cp\u003eConsidéré comme le \u003cstrong\u003epremier savon de l'histoire\u003c\/strong\u003e, le savon d'Alep tire son nom de la ville syrienne éponyme. Sa force repose sur une formule d'une sobriété remarquable : de l'huile d'olive, de l'eau et de la soude. Contrairement aux savons industriels, il ne contient aucun dérivé de pétrole, aucune huile de palme, aucun conservateur artificiel.\u003c\/p\u003e\n \u003cp\u003eCe que les dermatologues apprécient dans le savon d'Alep, c'est justement sa composition minimaliste, respectueuse même des peaux les plus sensibles. Il nettoie sans décaper, hydrate sans alourdir, et convient aussi bien au visage qu'au corps.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : La grenade --\u003e\n \u003csection class=\"soi-gren-section\"\u003e\n \u003ch2\u003eLa grenade : une senteur d'Orient qui éveille les sens\u003c\/h2\u003e\n \u003cp\u003eAl Bara a choisi de parfumer ce savon d'Alep à la \u003cstrong\u003egrenade\u003c\/strong\u003e, fruit emblématique des jardins orientaux. Fraîche, légèrement acidulée, pétillante, cette note fruitée transforme votre rituel de lavage en un moment de plaisir sensoriel. Elle laisse sur la peau une sensation de propreté lumineuse et de douce fraîcheur, sans jamais être entêtante.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Composition --\u003e\n \u003csection class=\"soi-gren-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Grenade Al Bara\u003c\/h2\u003e\n \u003cp class=\"soi-gren-section-intro\"\u003eSa formule est \u003cstrong\u003e100 % naturelle et végétale\u003c\/strong\u003e, fabriquée artisanalement à Alep selon la méthode traditionnelle au chaudron :\u003c\/p\u003e\n \u003cdiv class=\"soi-gren-grid\"\u003e\n \u003cdiv class=\"soi-gren-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eBase nourrissante et adoucissante, reconnue pour ses vertus apaisantes sur la peau sèche et sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-card\"\u003e\n \u003ch3\u003e💧 Eau et soude végétale\u003c\/h3\u003e\n \u003cp\u003eNécessaires à la saponification, totalement neutralisées dans le produit fini.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-card\"\u003e\n \u003ch3\u003e🌺 Parfum de grenade\u003c\/h3\u003e\n \u003cp\u003eNote fruitée et lumineuse inspirée des jardins d'Orient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-tip\"\u003e\n \u003cdiv class=\"soi-gren-tip-icon\"\u003e🚫\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eEngagements de formulation\u003c\/strong\u003e\n \u003cp\u003eSans huile de palme, sans colorant artificiel, sans conservateur synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Comment utiliser --\u003e\n \u003csection class=\"soi-gren-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep au quotidien\u003c\/h2\u003e\n \u003cp class=\"soi-gren-section-intro\"\u003eCe savon se prête à de nombreux usages, c'est l'un de ses grands atouts :\u003c\/p\u003e\n \u003cdiv class=\"soi-gren-timeline\"\u003e\n \u003cdiv class=\"soi-gren-step\"\u003e\n \u003cdiv class=\"soi-gren-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gren-step-content\"\u003e\n \u003ch3\u003eSavon visage\u003c\/h3\u003e\n \u003cp\u003eFaites mousser doucement entre vos mains, appliquez en évitant le contour des yeux, rincez à l'eau tiède. Sa douceur convient aux peaux mixtes, sèches ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-step\"\u003e\n \u003cdiv class=\"soi-gren-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gren-step-content\"\u003e\n \u003ch3\u003eSavon corps\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le directement sous la douche pour un nettoyage quotidien respectueux de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-step\"\u003e\n \u003cdiv class=\"soi-gren-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gren-step-content\"\u003e\n \u003ch3\u003eSavon d'invité ou cadeau\u003c\/h3\u003e\n \u003cp\u003eSon format 50 g et son emballage soigné en font une attention parfumée idéale, à offrir ou à glisser dans un sac de voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-tip\"\u003e\n \u003cdiv class=\"soi-gren-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour prolonger sa durée de vie, posez-le sur un porte-savon drainant entre chaque utilisation et laissez-le sécher à l'air libre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Informations pratiques --\u003e\n \u003csection class=\"soi-gren-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-gren-compo\"\u003e\n \u003cdiv class=\"soi-gren-compo-row\"\u003e\n \u003cspan class=\"soi-gren-compo-label\"\u003ePoids\u003c\/span\u003e\n \u003cspan class=\"soi-gren-compo-value\"\u003e50 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-compo-row\"\u003e\n \u003cspan class=\"soi-gren-compo-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-gren-compo-value\"\u003ePain de savon solide, format voyage ou invité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-compo-row\"\u003e\n \u003cspan class=\"soi-gren-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-gren-compo-value\"\u003eArtisanale, méthode traditionnelle au chaudron, à Alep\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-compo-row\"\u003e\n \u003cspan class=\"soi-gren-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-gren-compo-value\"\u003e100 % naturelle et végétale, sans huile de palme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-compo-row\"\u003e\n \u003cspan class=\"soi-gren-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-gren-compo-value\"\u003eVisage, corps, usage familial quotidien\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gren-compo-row\"\u003e\n \u003cspan class=\"soi-gren-compo-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-gren-compo-value\"\u003eÉtui carton à déposer dans le bac de tri jaune (règles pouvant varier selon la localité)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Questions fréquentes --\u003e\n \u003csection class=\"soi-gren-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le savon d'Alep\u003c\/h2\u003e\n \u003cdiv class=\"soi-gren-accordion\"\u003e\n \u003cdetails class=\"soi-gren-accordion-item\"\u003e\n \u003csummary class=\"soi-gren-accordion-header\"\u003e🧴 Le savon d'Alep convient-il au visage ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gren-accordion-content\"\u003e\n \u003cp\u003eOui, à condition de bien le rincer et de l'utiliser sans frotter. Sa base huile d'olive le rend particulièrement doux pour les peaux sensibles ou sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gren-accordion-item\"\u003e\n \u003csummary class=\"soi-gren-accordion-header\"\u003e🔎 Quelle est la différence avec un savon d'Alep classique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gren-accordion-content\"\u003e\n \u003cp\u003eLe savon d'Alep traditionnel ne contient aucun parfum. Ce modèle Al Bara y ajoute une touche de grenade pour enrichir l'expérience sensorielle, tout en conservant la base naturelle d'origine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gren-accordion-item\"\u003e\n \u003csummary class=\"soi-gren-accordion-header\"\u003e💧 Peut-on l'utiliser en format liquide ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gren-accordion-content\"\u003e\n \u003cp\u003eCe savon se présente sous forme solide. Pour obtenir une texture liquide, il suffit de le diluer dans de l'eau chaude, bien que le format pain reste le plus économique et le moins emballé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-gren-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gren-cta-box\"\u003e\n \u003cp class=\"soi-gren-cta-tag\" style=\"color: white;\"\u003eLe soin ancestral parfumé d'Orient\u003c\/p\u003e\n \u003cp class=\"soi-gren-cta-text\" style=\"color: white;\"\u003eLaissez-vous porter par les jardins d'Orient avec ce savon d'Alep parfumé à la grenade signé Al Bara. Une formule ancestrale, une senteur fruitée et lumineuse, une peau nettoyée en douceur chaque jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-gren-marine: #1A2D3D;\n --soi-gren-marine-dark: #0F1E2B;\n --soi-gren-marine-light: #2C4458;\n --soi-gren-pomme: #A1C544;\n --soi-gren-pomme-dark: #84A636;\n --soi-gren-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-gren-white: #FFFFFF;\n --soi-gren-off-white: #F8FAF6;\n --soi-gren-stone: #F1F3EE;\n --soi-gren-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (extraites du packaging rose grenade + savon olive) === *\/\n --soi-gren-primary: #D4687A;\n --soi-gren-primary-soft: rgba(212,104,122,0.10);\n --soi-gren-accent: #B89A52;\n\n \/* === Textes === *\/\n --soi-gren-text: #1A2D3D;\n --soi-gren-text-soft: #4A5B6B;\n --soi-gren-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-gren-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gren-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gren-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gren-radius: 12px;\n --soi-gren-radius-sm: 8px;\n --soi-gren-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-gren-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gren-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-gren-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gren-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gren-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gren-hero {\n position: relative;\n background: var(--soi-gren-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-gren-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gren-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gren-primary);\n}\n\n.soi-gren-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-gren-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gren-primary);\n border-radius: 50%;\n}\n\n.soi-gren-hero-title {\n display: block;\n color: var(--soi-gren-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-gren-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-gren-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gren-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-gren-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gren-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gren-label-accent {\n background: var(--soi-gren-primary);\n border-color: var(--soi-gren-primary);\n color: var(--soi-gren-white);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gren-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gren-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gren-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-gren-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gren-pomme);\n border-radius: 2px;\n}\n\n.soi-gren-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gren-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-gren-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gren-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gren-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gren-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-gren-card {\n background: var(--soi-gren-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gren-radius);\n border-left: 3px solid var(--soi-gren-pomme);\n}\n\n.soi-gren-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gren-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gren-card p {\n font-size: 14px;\n color: var(--soi-gren-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-gren-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-gren-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gren-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gren-radius);\n border: 1px solid var(--soi-gren-line);\n align-items: flex-start;\n}\n\n.soi-gren-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gren-marine);\n color: var(--soi-gren-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-gren-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gren-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gren-step-content p {\n font-size: 15px;\n color: var(--soi-gren-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-gren-compo {\n background: var(--soi-gren-off-white);\n border-radius: var(--soi-gren-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-gren-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-gren-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-gren-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-gren-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-gren-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-gren-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-gren-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-gren-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gren-pomme-light);\n border-left: 4px solid var(--soi-gren-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gren-radius) var(--soi-gren-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-gren-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gren-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gren-marine);\n margin-bottom: 4px;\n}\n\n.soi-gren-tip p {\n font-size: 15px;\n color: var(--soi-gren-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gren-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gren-accordion-item {\n background: var(--soi-gren-off-white);\n border-radius: var(--soi-gren-radius-sm);\n border: 1px solid var(--soi-gren-line);\n overflow: hidden;\n}\n\n.soi-gren-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gren-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-gren-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gren-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gren-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gren-accordion-item[open] .soi-gren-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gren-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gren-accordion-content p {\n font-size: 14px;\n color: var(--soi-gren-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gren-cta-box {\n background: var(--soi-gren-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gren-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gren-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-gren-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gren-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-gren-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-gren-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gren-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-gren-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gren-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-gren-compo-value {\n text-align: left;\n }\n\n .soi-gren-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gren-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gren-fiche {\n --soi-gren-text-soft: #2C3E50;\n --soi-gren-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"50 g","offer_id":63422385619274,"sku":"AB0035","price":3.98,"currency_code":"EUR","in_stock":true},{"title":"100 g","offer_id":63422385652042,"sku":"AB0040","price":4.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-parfume-grenade-50-g-al-bara-packshot.webp?v=1788532975"},{"product_id":"savon-dalep-parfume-herbe-dalep-50-g-al-bara","title":"Savon d'Alep parfumé Herbe d'Alep – Al Bara","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Savon d'Alep · Al Bara\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eLa fraîcheur du Levant dans un savon millénaire\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eUn soin du corps ancré dans la tradition orientale, aux herbes aromatiques du Levant, formulé 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\"\u003e100 % NATUREL ET VÉGÉTAL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS HUILE DE PALME\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS COLORANT ARTIFICIEL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep Herbe d'Alep – Al Bara : la fraîcheur du Levant dans un savon 100 % naturel\u003c\/h2\u003e\n \u003cp\u003eImaginez les herbes sauvages qui poussent au cœur de la Syrie : le romarin, le thym, la menthe fraîche, et toute cette vitalité capturée dans un pain de savon façonné selon un savoir-faire vieux de plus de 3 000 ans. C'est exactement ce que vous offre ce savon d'Alep parfumé Herbe d'Alep signé Al Bara : un soin du corps ancré dans la tradition orientale, formulé sans compromis sur la naturalité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eL'âme du savon d'Alep : un patrimoine millénaire\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep est considéré comme l'ancêtre de tous les savons solides, précurseur du savon de Marseille. Né à Alep, au nord de la Syrie, il est fabriqué selon la méthode ancestrale au chaudron : les huiles sont cuites lentement, saponifiées à la soude, puis le savon est coulé, découpé et laissé à vieillir. Ce processus artisanal, que peu de marques respectent encore, garantit un produit d'une qualité rare.\u003c\/p\u003e\n \u003cp\u003eIci, Al Bara y ajoute une touche sensorielle unique : un parfum vif aux notes vertes et aromatiques évoquant les herbes du Levant, pour transformer chaque toilette en véritable rituel de fraîcheur.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep bienfaits : ce qu'il fait vraiment 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\u003eNettoyage en douceur\u003c\/h3\u003e\n \u003cp\u003eSa base d'huile d'olive respecte le film hydrolipidique naturel de la peau, sans la décaper.\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\u003ePurification quotidienne\u003c\/h3\u003e\n \u003cp\u003eIl élimine impuretés et résidus tout en laissant la peau confortable et apaisée.\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\u003eConvient au visage\u003c\/h3\u003e\n \u003cp\u003ePlébiscité pour les peaux mixtes, grasses ou sujettes aux imperfections, grâce à sa formule sans huile de palme ni perturbateurs chimiques.\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\u003eUtilisable sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eAdopté comme shampoing solide, il aide à purifier le cuir chevelu sans l'agresser.\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\u003eFraîcheur durable\u003c\/h3\u003e\n \u003cp\u003eLes notes aromatiques d'herbes fraîches laissent un sillage léger et vivifiant après chaque utilisation.\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\u003eBon à savoir\u003c\/strong\u003e\n \u003cp\u003eCe savon est un produit cosmétique naturel. Il ne remplace en aucun cas un traitement médical prescrit par un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Herbe d'Alep\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLa composition de ce savon d'Alep Al Bara reste fidèle à l'esprit originel, enrichie d'un parfum d'herbes soigneusement sélectionné.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eBase nourrissante\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eHuile d'olive (Olea Europaea Fruit Oil)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eAgents saponifiants\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eEau et soude végétale (Sodium Hydroxide)\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\"\u003eNotes naturelles de romarin, thym et menthe sauvage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e100 % naturelle et végétale, compatible clean beauty\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eHuile de palme, paraben, colorant artificiel\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 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\u003eMouillez la peau\u003c\/h3\u003e\n \u003cp\u003eMouillez abondamment la zone à nettoyer : visage, corps ou cuir chevelu selon votre besoin.\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 le savon\u003c\/h3\u003e\n \u003cp\u003eFaites mousser entre vos mains ou directement sur la peau en mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eRincez à l'eau tiède\u003c\/h3\u003e\n \u003cp\u003eRincez soigneusement et laissez la peau respirer librement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eConservez au sec\u003c\/h3\u003e\n \u003cp\u003eConservez le pain de savon au sec entre chaque usage pour maximiser 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 \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eFormat et conditionnement\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\"\u003eFormats disponibles\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003e50 g et 100 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eÉtui carton recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eAl Bara\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eTri\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eBac jaune\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eUn rituel de soin ancestral aux herbes du Levant\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eAvec le savon d'Alep Herbe d'Alep d'Al Bara, vous faites le choix de 3 000 ans de tradition, d'une formule 100 % naturelle et d'un parfum vivifiant qui respecte votre peau autant que la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-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: #7A9A3D;\n --soi-alep-primary-soft: #EAF0DC;\n --soi-alep-accent: #C4A84A;\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(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 15px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === 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\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 15px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === 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\/* === TIP === *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 15px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"50 g","offer_id":63457845477706,"sku":"AB0055","price":3.98,"currency_code":"EUR","in_stock":true},{"title":"100 g","offer_id":63457845510474,"sku":"AB0060","price":4.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-parfume-herbe-dalep-al-bara-packshot_b4106ed0-09f4-490b-9d2d-df077080486e.webp?v=1788853721"},{"product_id":"savon-dalep-parfume-chevrefeuille-50-g-al-bara","title":"Savon d'Alep parfumé Chèvrefeuille – Al Bara","description":"\u003cdiv class=\"soi-chev-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-chev-hero\"\u003e\n \u003cdiv class=\"soi-chev-hero-tag\"\u003e\n \u003cspan class=\"soi-chev-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Al Bara\n \u003c\/div\u003e\n \u003cspan class=\"soi-chev-hero-title\"\u003eL'Orient floral à l'état pur\u003c\/span\u003e\n \u003cp class=\"soi-chev-hero-subtitle\"\u003eUn savon d'Alep artisanal né d'un savoir-faire vieux de plus de 3 000 ans, sublimé par la douceur florale du chèvrefeuille. Authenticité, simplicité, naturalité.\u003c\/p\u003e\n \u003cdiv class=\"soi-chev-hero-labels\"\u003e\n \u003cspan class=\"soi-chev-label soi-chev-label-accent\"\u003e100% NATUREL \u0026amp; VÉGÉTAL\u003c\/span\u003e\n \u003cspan class=\"soi-chev-label\"\u003eSANS HUILE DE PALME\u003c\/span\u003e\n \u003cspan class=\"soi-chev-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003cspan class=\"soi-chev-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 : Le savon d'Alep : un trésor multi-millénaire pour votre peau --\u003e\n \u003csection class=\"soi-chev-section\"\u003e\n \u003ch2\u003eLe savon d'Alep : un trésor multi-millénaire pour votre peau\u003c\/h2\u003e\n \u003cp class=\"soi-chev-section-intro\"\u003eConsidéré comme le plus ancien savon solide du monde et ancêtre direct du savon de Marseille, le savon d'Alep est traditionnellement fabriqué à base d'huile d'olive et d'huile de baies de laurier, cuit lentement au chaudron selon la méthode ancestrale de la saponification à chaud. Chez Al Bara, cette tradition est respectée à la lettre : pas de raccourcis industriels, pas d'huile de palme, rien que le meilleur de la nature.\u003c\/p\u003e\n \u003cdiv class=\"soi-chev-benefits\"\u003e\n \u003cdiv class=\"soi-chev-benefit\"\u003e\n \u003cdiv class=\"soi-chev-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage doux\u003c\/h3\u003e\n \u003cp\u003eRespectueux de la peau, ce savon convient aux peaux sensibles et s'utilise aussi bien sur le visage que sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-chev-benefit\"\u003e\n \u003cdiv class=\"soi-chev-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction nourrissante\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras grâce à l'huile d'olive, il nourrit votre peau en profondeur à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-chev-benefit\"\u003e\n \u003cdiv class=\"soi-chev-benefit-icon\"\u003e\u003cspan\u003e☁️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMousse fine et crémeuse\u003c\/h3\u003e\n \u003cp\u003eSa mousse délicate purifie en douceur sans jamais agresser l'épiderme, même les plus fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-chev-benefit\"\u003e\n \u003cdiv class=\"soi-chev-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormule 100 % naturelle\u003c\/h3\u003e\n \u003cp\u003eEntièrement végétale, sans perturbateurs endocriniens ni conservateurs synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 : Le chèvrefeuille --\u003e\n \u003csection class=\"soi-chev-section\"\u003e\n \u003ch2\u003eLe chèvrefeuille : une fragrance florale qui raconte les jardins d'Orient\u003c\/h2\u003e\n \u003cp\u003eCe savon d'Alep se distingue par l'ajout d'un parfum de chèvrefeuille, fleur emblématique des jardins méditerranéens. Sa senteur est à la fois fraîche, légèrement sucrée et lumineuse. Elle laisse sur votre peau un sillage délicat qui dure bien après le rinçage.\u003c\/p\u003e\n \u003cp\u003eUn véritable plaisir sensoriel qui transforme votre rituel de soin en moment de douceur.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 : Composition --\u003e\n \u003csection class=\"soi-chev-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep parfumé Chèvrefeuille\u003c\/h2\u003e\n \u003cp class=\"soi-chev-section-intro\"\u003eLa composition du savon d'Alep Al Bara reste volontairement simple et transparente.\u003c\/p\u003e\n \u003cdiv class=\"soi-chev-compo\"\u003e\n \u003cdiv class=\"soi-chev-compo-row\"\u003e\n \u003cspan class=\"soi-chev-compo-label\"\u003eBase nourrissante\u003c\/span\u003e\n \u003cspan class=\"soi-chev-compo-value\"\u003eHuile d'olive saponifiée, riche en vitamine E\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-chev-compo-row\"\u003e\n \u003cspan class=\"soi-chev-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-chev-compo-value\"\u003eFragrance chèvrefeuille, floral doux et naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-chev-compo-row\"\u003e\n \u003cspan class=\"soi-chev-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-chev-compo-value\"\u003eHuile de palme, parabènes, colorants artificiels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:1rem;\"\u003eSa formule 100 % naturelle et végétale en fait un choix judicieux pour les peaux réactives, les personnes en quête d'une alternative saine aux savons conventionnels, et pour une utilisation quotidienne sur le visage.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 : Comment utiliser --\u003e\n \u003csection class=\"soi-chev-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon d'Alep parfumé ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-chev-timeline\"\u003e\n \u003cdiv class=\"soi-chev-step\"\u003e\n \u003cdiv class=\"soi-chev-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-chev-step-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eMouillez le savon ainsi que vos mains ou un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-chev-step\"\u003e\n \u003cdiv class=\"soi-chev-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-chev-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le visage ou le corps avec des mouvements circulaires doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-chev-step\"\u003e\n \u003cdiv class=\"soi-chev-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-chev-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-chev-step\"\u003e\n \u003cdiv class=\"soi-chev-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-chev-step-content\"\u003e\n \u003ch3\u003eConservez\u003c\/h3\u003e\n \u003cp\u003eConservez le pain de 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-chev-tip\"\u003e\n \u003cdiv class=\"soi-chev-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe savon convient à un usage quotidien, pour le visage comme pour le corps. Il est apprécié par les peaux sèches, mixtes et sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 : Formats disponibles --\u003e\n \u003csection class=\"soi-chev-section\"\u003e\n \u003ch2\u003eDisponible en pain de 50 g ou 100 g\u003c\/h2\u003e\n \u003cp class=\"soi-chev-section-intro\"\u003eLe savon d'Alep Chèvrefeuille Al Bara est proposé en deux formats adaptés à tous vos usages.\u003c\/p\u003e\n \u003cdiv class=\"soi-chev-grid-compact\"\u003e\n \u003cdiv class=\"soi-chev-card-mini\"\u003e\n \u003cspan class=\"soi-chev-card-mini-icon\"\u003e✈️\u003c\/span\u003e\n \u003cspan class=\"soi-chev-card-mini-label\"\u003eFormat découverte\u003c\/span\u003e\n \u003cspan class=\"soi-chev-card-mini-value\"\u003ePain de 50 g\u003c\/span\u003e\n \u003cspan class=\"soi-chev-card-mini-desc\"\u003eIdéal pour voyager, tester ou offrir en cadeau.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-chev-card-mini\"\u003e\n \u003cspan class=\"soi-chev-card-mini-icon\"\u003e🛁\u003c\/span\u003e\n \u003cspan class=\"soi-chev-card-mini-label\"\u003eFormat quotidien\u003c\/span\u003e\n \u003cspan class=\"soi-chev-card-mini-value\"\u003ePain de 100 g\u003c\/span\u003e\n \u003cspan class=\"soi-chev-card-mini-desc\"\u003ePour plusieurs semaines d'utilisation.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-chev-tip\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-chev-tip-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eEmballage responsable\u003c\/strong\u003e\n \u003cp\u003eSa boîte en carton recyclable peut être déposée dans le bac de tri jaune. Un geste simple pour une beauté responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 : Pourquoi choisir --\u003e\n \u003csection class=\"soi-chev-section\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep Al Bara ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-chev-grid\"\u003e\n \u003cdiv class=\"soi-chev-card\"\u003e\n \u003ch3\u003e🕌 Tradition artisanale\u003c\/h3\u003e\n \u003cp\u003eFabriqué artisanalement à Alep, dans la pure tradition orientale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-chev-card\"\u003e\n \u003ch3\u003e📋 Formule courte et naturelle\u003c\/h3\u003e\n \u003cp\u003eSans ingrédients controversés, pour une transparence totale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-chev-card\"\u003e\n \u003ch3\u003e🌸 Parfum élégant\u003c\/h3\u003e\n \u003cp\u003eLe chèvrefeuille offre une senteur florale douce et non entêtante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-chev-card\"\u003e\n \u003ch3\u003e🌍 Respect de la peau et de l'environnement\u003c\/h3\u003e\n \u003cp\u003eUne formule végétale qui prend soin de vous et de la planète.\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-chev-section\"\u003e\n \u003cdiv class=\"soi-chev-accordion\"\u003e\n \u003cdetails class=\"soi-chev-accordion-item\"\u003e\n \u003csummary class=\"soi-chev-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-chev-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 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-chev-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-chev-cta-box\"\u003e\n \u003cp class=\"soi-chev-cta-tag\" style=\"color: white;\"\u003eUn rituel de soin vieux de 3 000 ans\u003c\/p\u003e\n \u003cp class=\"soi-chev-cta-text\" style=\"color: white;\"\u003eUn savon qui sent le chèvrefeuille en fleur, façonné à la main selon une tradition millénaire. Simple, pur, authentique. Parce que prendre soin de vous ne devrait jamais être 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-chev-marine: #1A2D3D;\n --soi-chev-marine-dark: #0F1E2B;\n --soi-chev-marine-light: #2C4458;\n --soi-chev-pomme: #A1C544;\n --soi-chev-pomme-dark: #84A636;\n --soi-chev-pomme-light: rgba(161,197,68,0.10);\n\n --soi-chev-white: #FFFFFF;\n --soi-chev-off-white: #F8FAF6;\n --soi-chev-stone: #F1F3EE;\n --soi-chev-line: #E5E8E0;\n\n --soi-chev-primary: #B8D4A8;\n --soi-chev-primary-soft: #D5E8CB;\n --soi-chev-accent: #C2A86A;\n\n --soi-chev-text: #1A2D3D;\n --soi-chev-text-soft: #4A5B6B;\n --soi-chev-text-muted: #7B8693;\n\n --soi-chev-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-chev-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-chev-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-chev-radius: 12px;\n --soi-chev-radius-sm: 8px;\n --soi-chev-radius-pill: 999px;\n}\n\n.soi-chev-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-chev-fiche img { max-width: 100%; height: auto; }\n\n.soi-chev-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-chev-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-chev-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-chev-hero {\n position: relative;\n background: var(--soi-chev-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-chev-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-chev-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-chev-pomme);\n}\n\n.soi-chev-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-chev-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-chev-pomme);\n border-radius: 50%;\n}\n\n.soi-chev-hero-title {\n display: block;\n color: var(--soi-chev-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-chev-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-chev-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-chev-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-chev-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-chev-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-chev-label-accent {\n background: var(--soi-chev-pomme);\n border-color: var(--soi-chev-pomme);\n color: var(--soi-chev-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-chev-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-chev-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-chev-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-chev-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-chev-pomme);\n border-radius: 2px;\n}\n\n.soi-chev-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-chev-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-chev-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-chev-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-chev-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-chev-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-chev-benefit {\n background: var(--soi-chev-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-chev-radius);\n border: 1px solid var(--soi-chev-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-chev-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-chev-shadow-md);\n}\n\n.soi-chev-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-chev-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-chev-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-chev-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-chev-benefit:hover .soi-chev-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-chev-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-chev-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-chev-benefit p {\n font-size: 15px;\n color: var(--soi-chev-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-chev-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-chev-card {\n background: var(--soi-chev-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-chev-radius);\n border-left: 3px solid var(--soi-chev-pomme);\n}\n\n.soi-chev-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-chev-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-chev-card p {\n font-size: 14px;\n color: var(--soi-chev-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-chev-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n}\n\n.soi-chev-card-mini {\n background: var(--soi-chev-stone);\n padding: 1.25rem 1.25rem;\n border-radius: var(--soi-chev-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-chev-card-mini-icon {\n font-size: 24px;\n margin-bottom: 4px;\n}\n\n.soi-chev-card-mini-label {\n font-size: 11px;\n color: var(--soi-chev-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-chev-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-chev-marine);\n}\n\n.soi-chev-card-mini-desc {\n font-size: 13px;\n color: var(--soi-chev-text-soft);\n line-height: 1.5;\n margin-top: 2px;\n}\n\n\/* === TIMELINE === *\/\n.soi-chev-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-chev-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-chev-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-chev-radius);\n border: 1px solid var(--soi-chev-line);\n align-items: flex-start;\n}\n\n.soi-chev-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-chev-marine);\n color: var(--soi-chev-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-chev-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-chev-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-chev-step-content p {\n font-size: 15px;\n color: var(--soi-chev-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-chev-compo {\n background: var(--soi-chev-off-white);\n border-radius: var(--soi-chev-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-chev-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-chev-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-chev-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-chev-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-chev-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-chev-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-chev-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-chev-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-chev-pomme-light);\n border-left: 4px solid var(--soi-chev-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-chev-radius) var(--soi-chev-radius) 0;\n align-items: flex-start;\n}\n\n.soi-chev-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-chev-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-chev-marine);\n margin-bottom: 4px;\n}\n\n.soi-chev-tip p {\n font-size: 15px;\n color: var(--soi-chev-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-chev-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-chev-accordion-item {\n background: var(--soi-chev-off-white);\n border-radius: var(--soi-chev-radius-sm);\n border: 1px solid var(--soi-chev-line);\n overflow: hidden;\n}\n\n.soi-chev-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-chev-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-chev-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-chev-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-chev-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-chev-accordion-item[open] .soi-chev-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-chev-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-chev-accordion-content p {\n font-size: 14px;\n color: var(--soi-chev-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-chev-cta-box {\n background: var(--soi-chev-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-chev-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-chev-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-chev-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-chev-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-chev-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-chev-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-chev-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-chev-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-chev-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-chev-compo-value {\n text-align: left;\n }\n\n .soi-chev-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-chev-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-chev-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-chev-grid-compact {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-chev-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-chev-fiche {\n --soi-chev-text-soft: #2C3E50;\n --soi-chev-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"50 g","offer_id":63458867511626,"sku":"AB0065","price":3.98,"currency_code":"EUR","in_stock":true},{"title":"100 g","offer_id":63458867544394,"sku":"AB0070","price":4.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-parfume-chevrefeuille-al-bara-packshot.webp?v=1788855916"},{"product_id":"savon-dalep-fleur-de-coton-al-bara","title":"Savon d'Alep parfumé Fleur de coton – Al Bara","description":"\u003cdiv class=\"soi-flco-fiche\"\u003e\n\n\u003csection class=\"soi-flco-hero\"\u003e\n \u003cdiv class=\"soi-flco-hero-tag\"\u003e\n \u003cspan class=\"soi-flco-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Savon d'Alep · Al Bara\n \u003c\/div\u003e\n \u003cspan class=\"soi-flco-hero-title\"\u003eLa douceur ancestrale d'Alep, parfumée de linge frais\u003c\/span\u003e\n \u003cp class=\"soi-flco-hero-subtitle\"\u003eUn savon artisanal né il y a plus de 3 000 ans, cuit au chaudron selon la tradition syrienne, et délicatement parfumé à la fleur de coton pour transformer chaque toilette en rituel de bien-être.\u003c\/p\u003e\n \u003cdiv class=\"soi-flco-hero-labels\"\u003e\n \u003cspan class=\"soi-flco-label soi-flco-label-accent\"\u003e100% VÉGÉTAL\u003c\/span\u003e\n \u003cspan class=\"soi-flco-label\"\u003eSANS HUILE DE PALME\u003c\/span\u003e\n \u003cspan class=\"soi-flco-label\"\u003eSANS PARABÈNE\u003c\/span\u003e\n \u003cspan class=\"soi-flco-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-flco-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-flco-section\"\u003e\n \u003ch2\u003eSavon d'Alep Fleur de coton – Al Bara : douceur ancestrale et parfum délicat\u003c\/h2\u003e\n \u003cp\u003eImaginez un savon qui porte en lui plusieurs millénaires de savoir-faire artisanal, et qui sent bon le linge frais séché au soleil. C'est exactement ce que vous offre ce \u003cstrong\u003esavon d'Alep parfumé Fleur de coton d'Al Bara\u003c\/strong\u003e, fabriqué à Alep selon la méthode traditionnelle syrienne, cuit lentement au chaudron, sans compromis sur la qualité.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-flco-section\"\u003e\n \u003ch2\u003eLe savon d'Alep : le plus ancien savon du monde\u003c\/h2\u003e\n \u003cp\u003eOriginaire de la ville d'Alep en Syrie, le \u003cstrong\u003esavon d'Alep\u003c\/strong\u003e est considéré comme le premier savon solide de l'histoire, né il y a plus de 3 000 ans. Sa formule est d'une simplicité remarquable : une base végétale à l'\u003cstrong\u003ehuile d'olive\u003c\/strong\u003e, cuite selon un procédé artisanal transmis de génération en génération. Contrairement aux savons industriels, il ne contient ni huile de palme, ni agent chimique agressif. Résultat : une mousse douce et enveloppante, respectueuse même des peaux les plus sensibles.\u003c\/p\u003e\n \u003cp\u003eLes bienfaits du savon d'Alep sur le visage et le corps sont reconnus depuis des siècles : il nettoie sans agresser, nourrit grâce aux acides gras de l'huile d'olive, et laisse la peau souple après chaque utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-flco-section\"\u003e\n \u003ch2\u003eCe qui rend cette version unique : la Fleur de coton\u003c\/h2\u003e\n \u003cp\u003eAl Bara a choisi d'infuser ce savon d'Alep traditionnel d'un parfum \u003cstrong\u003efleur de coton\u003c\/strong\u003e, doux, poudré et apaisant. Cette senteur évoque instantanément la fraîcheur du linge blanc, la légèreté et la sérénité. Un rituel de nettoyage qui devient un vrai moment de bien-être.\u003c\/p\u003e\n \u003cdiv class=\"soi-flco-benefits\"\u003e\n \u003cdiv class=\"soi-flco-benefit\"\u003e\n \u003cdiv class=\"soi-flco-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum délicat et poudré\u003c\/h3\u003e\n \u003cp\u003eFleur de coton, ni entêtant ni chimique, pour un moment de douceur à chaque toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flco-benefit\"\u003e\n \u003cdiv class=\"soi-flco-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormule 100 % naturelle et végétale\u003c\/h3\u003e\n \u003cp\u003eZéro compromis sur la composition, fidèle à la tradition du savon d'Alep authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flco-benefit\"\u003e\n \u003cdiv class=\"soi-flco-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabrication artisanale à Alep\u003c\/h3\u003e\n \u003cp\u003eCuit lentement au chaudron selon la méthode ancestrale syrienne, sans huile de palme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flco-benefit\"\u003e\n \u003cdiv class=\"soi-flco-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAdapté à tous les types de peau\u003c\/h3\u003e\n \u003cp\u003eSa mousse douce et enveloppante respecte même les peaux les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-flco-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Fleur de coton Al Bara\u003c\/h2\u003e\n \u003cp\u003eLa composition de ce savon respecte la tradition du savon d'Alep authentique, enrichie d'un parfum délicat :\u003c\/p\u003e\n \u003cdiv class=\"soi-flco-grid\"\u003e\n \u003cdiv class=\"soi-flco-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive (Olea europaea fruit oil)\u003c\/h3\u003e\n \u003cp\u003eBase principale nourrissante et protectrice, riche en acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flco-card\"\u003e\n \u003ch3\u003e🧪 Hydroxyde de sodium (soude)\u003c\/h3\u003e\n \u003cp\u003eAgent saponifiant naturel, entièrement transformé après la cuisson au chaudron.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flco-card\"\u003e\n \u003ch3\u003e💧 Eau\u003c\/h3\u003e\n \u003cp\u003eComposant essentiel du procédé de saponification traditionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flco-card\"\u003e\n \u003ch3\u003e🌺 Parfum fleur de coton\u003c\/h3\u003e\n \u003cp\u003eFragrance douce et poudrée, évocatrice de linge frais et de sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flco-tip\"\u003e\n \u003cdiv class=\"soi-flco-tip-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eL'engagement qualité\u003c\/strong\u003e\n \u003cp\u003eAucun sulfate, aucun parabène, aucune huile de palme. La formule reste au plus près de la recette originelle syrienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-flco-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon d'Alep ?\u003c\/h2\u003e\n \u003cp\u003eL'utilisation est simple et intuitive, que ce soit pour le visage, le corps ou les mains :\u003c\/p\u003e\n \u003cdiv class=\"soi-flco-timeline\"\u003e\n \u003cdiv class=\"soi-flco-step\"\u003e\n \u003cdiv class=\"soi-flco-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-flco-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMouillez le savon et vos mains (ou un gant de toilette) pour créer une mousse douce et onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flco-step\"\u003e\n \u003cdiv class=\"soi-flco-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-flco-step-content\"\u003e\n \u003ch3\u003eAppliquez en douceur\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le visage ou le corps en massages circulaires pour profiter pleinement de sa texture enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flco-step\"\u003e\n \u003cdiv class=\"soi-flco-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-flco-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire. Votre peau est propre, souple et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flco-step\"\u003e\n \u003cdiv class=\"soi-flco-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-flco-step-content\"\u003e\n \u003ch3\u003eConservez au sec\u003c\/h3\u003e\n \u003cp\u003eAprès utilisation, \u003cstrong\u003elaissez sécher le savon à l'abri de l'eau\u003c\/strong\u003e 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-flco-tip\"\u003e\n \u003cdiv class=\"soi-flco-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePosez votre savon sur un porte-savon aéré entre chaque usage. Un pain de 100 g dure facilement 4 à 6 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-flco-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-flco-compo\"\u003e\n \u003cdiv class=\"soi-flco-compo-row\"\u003e\n \u003cspan class=\"soi-flco-compo-label\"\u003eFormat disponible\u003c\/span\u003e\n \u003cspan class=\"soi-flco-compo-value\"\u003ePain de 50 g ou 100 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flco-compo-row\"\u003e\n \u003cspan class=\"soi-flco-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-flco-compo-value\"\u003eAl Bara\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flco-compo-row\"\u003e\n \u003cspan class=\"soi-flco-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-flco-compo-value\"\u003eFabriqué artisanalement à Alep, Syrie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flco-compo-row\"\u003e\n \u003cspan class=\"soi-flco-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-flco-compo-value\"\u003eHuile de palme, parabènes, sulfates\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flco-compo-row\"\u003e\n \u003cspan class=\"soi-flco-compo-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-flco-compo-value\"\u003eÉtui recyclable (bac de tri jaune)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-flco-section\"\u003e\n \u003cdiv class=\"soi-flco-accordion\"\u003e\n \u003cdetails class=\"soi-flco-accordion-item\"\u003e\n \u003csummary class=\"soi-flco-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-flco-accordion-content\"\u003e\n \u003cp\u003eCe savon est un produit cosmétique naturel. Il ne se substitue pas à un avis ou traitement médical en cas de pathologie cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-flco-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-flco-cta-box\"\u003e\n \u003cp class=\"soi-flco-cta-tag\" style=\"color: white;\"\u003eUn rituel millénaire, parfumé de douceur\u003c\/p\u003e\n \u003cp class=\"soi-flco-cta-text\" style=\"color: white;\"\u003eNaturel, artisanal, sans compromis : le savon d'Alep Fleur de coton Al Bara vous offre chaque matin l'essentiel, en mieux. Laissez-vous envelopper par la tradition syrienne et la tendresse de la fleur de coton.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-flco-marine: #1A2D3D;\n --soi-flco-marine-dark: #0F1E2B;\n --soi-flco-marine-light: #2C4458;\n --soi-flco-pomme: #A1C544;\n --soi-flco-pomme-dark: #84A636;\n --soi-flco-pomme-light: rgba(161,197,68,0.10);\n\n --soi-flco-white: #FFFFFF;\n --soi-flco-off-white: #F8FAF6;\n --soi-flco-stone: #F1F3EE;\n --soi-flco-line: #E5E8E0;\n\n --soi-flco-primary: #E8B5B0;\n --soi-flco-primary-soft: #F5DDD9;\n --soi-flco-accent: #C9A86C;\n\n --soi-flco-text: #1A2D3D;\n --soi-flco-text-soft: #4A5B6B;\n --soi-flco-text-muted: #7B8693;\n\n --soi-flco-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-flco-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-flco-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-flco-radius: 12px;\n --soi-flco-radius-sm: 8px;\n --soi-flco-radius-pill: 999px;\n}\n\n.soi-flco-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-flco-fiche img { max-width: 100%; height: auto; }\n\n.soi-flco-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-flco-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-flco-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-flco-hero {\n position: relative;\n background: var(--soi-flco-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-flco-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-flco-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-flco-pomme);\n}\n\n.soi-flco-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-flco-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-flco-pomme);\n border-radius: 50%;\n}\n\n.soi-flco-hero-title {\n display: block;\n color: var(--soi-flco-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-flco-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-flco-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-flco-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-flco-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-flco-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-flco-label-accent {\n background: var(--soi-flco-pomme);\n border-color: var(--soi-flco-pomme);\n color: var(--soi-flco-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-flco-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-flco-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-flco-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-flco-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-flco-pomme);\n border-radius: 2px;\n}\n\n.soi-flco-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-flco-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-flco-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-flco-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-flco-benefit {\n background: var(--soi-flco-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-flco-radius);\n border: 1px solid var(--soi-flco-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-flco-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-flco-shadow-md);\n}\n\n.soi-flco-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-flco-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-flco-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-flco-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-flco-benefit:hover .soi-flco-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-flco-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-flco-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-flco-benefit p {\n font-size: 15px;\n color: var(--soi-flco-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-flco-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-flco-card {\n background: var(--soi-flco-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-flco-radius);\n border-left: 3px solid var(--soi-flco-pomme);\n}\n\n.soi-flco-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-flco-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-flco-card p {\n font-size: 14px;\n color: var(--soi-flco-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-flco-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-flco-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-flco-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-flco-radius);\n border: 1px solid var(--soi-flco-line);\n align-items: flex-start;\n}\n\n.soi-flco-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-flco-marine);\n color: var(--soi-flco-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-flco-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-flco-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-flco-step-content p {\n font-size: 15px;\n color: var(--soi-flco-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-flco-compo {\n background: var(--soi-flco-off-white);\n border-radius: var(--soi-flco-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-flco-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-flco-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-flco-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-flco-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-flco-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-flco-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-flco-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-flco-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-flco-pomme-light);\n border-left: 4px solid var(--soi-flco-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-flco-radius) var(--soi-flco-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-flco-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-flco-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-flco-marine);\n margin-bottom: 4px;\n}\n\n.soi-flco-tip p {\n font-size: 15px;\n color: var(--soi-flco-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-flco-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-flco-accordion-item {\n background: var(--soi-flco-off-white);\n border-radius: var(--soi-flco-radius-sm);\n border: 1px solid var(--soi-flco-line);\n overflow: hidden;\n}\n\n.soi-flco-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-flco-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-flco-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-flco-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-flco-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-flco-accordion-item[open] .soi-flco-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-flco-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-flco-accordion-content p {\n font-size: 14px;\n color: var(--soi-flco-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-flco-cta-box {\n background: var(--soi-flco-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-flco-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-flco-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-flco-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-flco-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-flco-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-flco-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-flco-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-flco-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-flco-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-flco-compo-value {\n text-align: left;\n }\n\n .soi-flco-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-flco-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-flco-fiche {\n --soi-flco-text-soft: #2C3E50;\n --soi-flco-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"50 g","offer_id":63469917110602,"sku":"AB0075","price":3.98,"currency_code":"EUR","in_stock":true},{"title":"100 g","offer_id":63469917143370,"sku":"AB0080","price":4.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-parfume-fleur-de-coton-al-bara-packshot.webp?v=1788938353"},{"product_id":"savon-dalep-ambre-al-bara","title":"Savon d'Alep parfumé Ambre – Al Bara","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène \u0026amp; soin corporel · Al Bara\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eL'Orient s'invite dans votre rituel de soin\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eUn savon d'Alep artisanal parfumé à l'ambre, cuit au chaudron selon la tradition millénaire syrienne. 50 g de douceur pure, 100 % naturelle et végétale.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e100 % NATUREL ET VÉGÉTAL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS HUILE DE PALME\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eUn savon d'Alep artisanal, fidèle à la tradition\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep compte parmi les plus anciens savons du monde : son histoire remonte à plus de 3 000 ans, dans la ville syrienne d'Alep. Avec ce pain de 50 g parfumé à l'ambre, la maison Al Bara vous invite à redécouvrir ce rituel ancestral sous une forme moderne et voyageuse, idéale pour le quotidien comme pour offrir.\u003c\/p\u003e\n \u003cp\u003eContrairement aux savons industriels, ce savon est cuit lentement au chaudron selon la méthode traditionnelle syrienne, sans huile de palme et sans ingrédients synthétiques. Sa formule 100 % naturelle et végétale repose sur une base généreuse en huile d'olive vierge, reconnue pour ses vertus nourrissantes et adoucissantes sur tous les types de peau, visage comme corps.\u003c\/p\u003e\n \u003cp\u003eIl est ensuite délicatement parfumé à l'ambre : une fragrance chaude, boisée et enveloppante, directement inspirée des rituels de beauté du hammam oriental.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Ambre Al Bara\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\"\u003eHuile d'olive\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eOlea Europaea Fruit Oil · base nourrissante et protectrice\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eEau\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eAqua\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eHydroxyde de sodium\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eAgent saponifiant naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eFragrance ambre\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eParfum naturel aux notes chaudes et boisées\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e\u003cem\u003eFormule 100 % naturelle et végétale, sans huile de palme, sans parabènes, sans colorants synthétiques. Convient aux peaux sensibles. Il est recommandé de réaliser un test sur une petite zone cutanée lors d'une première utilisation.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eQuels sont les bienfaits du savon d'Alep ?\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLe savon d'Alep suscite un intérêt croissant, y compris dans les recommandations dermatologiques pour les peaux réactives. Voici ce que ce savon vous apporte concrètement :\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\u003eNettoie en douceur\u003c\/h3\u003e\n \u003cp\u003eSa mousse onctueuse élimine les impuretés sans agresser le film hydrolipidique de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🫶\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNourrit et adoucit\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive pénètre la peau pour la laisser souple et confortable après le rinçage.\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\u003eConvient au visage\u003c\/h3\u003e\n \u003cp\u003ePlébiscité pour son respect du microbiome cutané, même sur les peaux mixtes ou 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\u003eParfume subtilement\u003c\/h3\u003e\n \u003cp\u003eLe sillage ambré persiste légèrement sur la peau après rinçage, sans être étouffant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉco-responsable\u003c\/h3\u003e\n \u003cp\u003eZéro déchet, emballage carton recyclable à déposer dans le bac de tri jaune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon d'Alep ?\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 vos mains ou votre visage avec de l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez doucement le pain de savon entre vos paumes pour créer une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le visage ou le corps en effectuant des 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\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire et séchez par tamponnement.\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\u003eEntre chaque utilisation, laissez votre 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\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eCe savon est-il fait pour vous ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🧴 Un soin naturel polyvalent\u003c\/h3\u003e\n \u003cp\u003eCe savon d'Alep Ambre vous conviendra parfaitement si vous recherchez une alternative saine aux gels douche conventionnels, avec une formule 100 % naturelle utilisable sur le visage comme sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🛁 Un rituel inspiré du hammam\u003c\/h3\u003e\n \u003cp\u003eIl plaira à celles et ceux qui souhaitent intégrer un rituel de soin inspiré du hammam oriental dans leur quotidien, porté par les notes chaudes et enveloppantes de l'ambre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🎁 Un format idéal à offrir\u003c\/h3\u003e\n \u003cp\u003eLe format 50 g est parfait pour voyager, tester le produit, ou glisser dans un coffret cadeau. Une attention authentique qui fait toujours plaisir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid-compact\"\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003ePoids\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003e50 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\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003ePain solide rond\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\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eAl Bara\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\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eAmbre\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 au chaudron\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eTri\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eBac jaune\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eCe savon convient aux peaux sensibles. Toutefois, lors d'une première utilisation, il est recommandé de réaliser un test sur une petite zone cutanée afin de vérifier l'absence de 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♻️ Tri et recyclage\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eL'étui carton est à déposer dans le bac de tri jaune. Les règles de tri peuvent varier selon votre localité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \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 instant de douceur authentique\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eUne mousse douce, un parfum chaud d'ambre et une formule pure qui respecte votre peau autant que la planète. À vous offrir ou à offrir sans hésiter.\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: #C47A6E;\n --soi-alep-primary-soft: rgba(196,122,110,0.12);\n --soi-alep-accent: #B89B5A;\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 5vw, 35px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-alep-section p em {\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--soi-alep-text-soft);\n}\n\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 15px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-alep-card-mini {\n background: var(--soi-alep-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-alep-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-alep-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-alep-card-mini-label {\n font-size: 11px;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-alep-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n}\n\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 15px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 15px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"50 g","offer_id":63469917274442,"sku":"AB0085","price":3.98,"currency_code":"EUR","in_stock":true},{"title":"100 g","offer_id":63469917307210,"sku":"AB0090","price":4.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-parfume-ambre-al-bara-packshot_d8dfc30c-a493-44a0-8d1f-9b1a9e48d208.webp?v=1788938467"},{"product_id":"savon-dalep-musc-al-bara","title":"Savon d'Alep parfumé Musc – Al Bara","description":"\u003cdiv class=\"soi-musc-fiche\"\u003e\n\n \u003csection class=\"soi-musc-hero\"\u003e\n \u003cdiv class=\"soi-musc-hero-tag\"\u003e\n \u003cspan class=\"soi-musc-tag-dot\"\u003e\u003c\/span\u003e\n Savon d'Alep · Al Bara\n \u003c\/div\u003e\n \u003cspan class=\"soi-musc-hero-title\"\u003eUn rituel ancestral enveloppé de musc oriental\u003c\/span\u003e\n \u003cp class=\"soi-musc-hero-subtitle\"\u003eNé il y a plus de 3 000 ans à Alep, ce savon artisanal 100 % végétal nettoie en douceur, nourrit votre peau et l'enveloppe d'un sillage chaud et poudré.\u003c\/p\u003e\n \u003cdiv class=\"soi-musc-hero-labels\"\u003e\n \u003cspan class=\"soi-musc-label soi-musc-label-accent\"\u003e100 % NATUREL \u0026amp; VÉGÉTAL\u003c\/span\u003e\n \u003cspan class=\"soi-musc-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003cspan class=\"soi-musc-label\"\u003eSANS HUILE DE PALME\u003c\/span\u003e\n \u003cspan class=\"soi-musc-label\"\u003eZÉRO PLASTIQUE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-musc-section\"\u003e\n \u003ch2\u003eLe savon d'Alep : 3 000 ans de tradition au service de votre peau\u003c\/h2\u003e\n \u003cp\u003eConsidéré comme le premier savon solide de l'histoire, le savon d'Alep est né en Syrie il y a plus de trois millénaires. Sa composition repose sur deux ingrédients nobles : l'huile d'olive pour nourrir et protéger, et l'huile de baies de laurier pour ses propriétés purifiantes reconnues. Fabriqué selon une méthode artisanale immuable, il est cuit lentement au chaudron afin de préserver l'intégrité de chaque actif végétal.\u003c\/p\u003e\n \u003cp\u003eLa version parfumée au musc blanc proposée par Al Bara respecte cette tradition à la lettre, tout en y ajoutant une dimension sensorielle orientale : un sillage doux, légèrement poudré, qui reste subtilement sur votre peau après chaque utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-musc-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Musc Al Bara\u003c\/h2\u003e\n \u003cp class=\"soi-musc-section-intro\"\u003eUne formule 100 % naturelle et végétale, sans sulfates, sans parabènes et sans conservateurs synthétiques.\u003c\/p\u003e\n \u003cdiv class=\"soi-musc-grid\"\u003e\n \u003cdiv class=\"soi-musc-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive saponifiée\u003c\/h3\u003e\n \u003cp\u003eBase nourrissante et apaisante, respectueuse du microbiome cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-musc-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier saponifiée\u003c\/h3\u003e\n \u003cp\u003ePurifiante, reconnue pour ses bienfaits sur les peaux à tendance grasse ou à imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-musc-card\"\u003e\n \u003ch3\u003e🌸 Parfum musc\u003c\/h3\u003e\n \u003cp\u003eSenteur orientale chaude, enveloppante et délicatement poudrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-musc-compo\"\u003e\n \u003cdiv class=\"soi-musc-compo-row\"\u003e\n \u003cspan class=\"soi-musc-compo-label\"\u003ePoids net\u003c\/span\u003e\n \u003cspan class=\"soi-musc-compo-value\"\u003e50 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-musc-compo-row\"\u003e\n \u003cspan class=\"soi-musc-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-musc-compo-value\"\u003eFabriqué artisanalement à Alep, Syrie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-musc-compo-row\"\u003e\n \u003cspan class=\"soi-musc-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-musc-compo-value\"\u003eHuile de palme, sulfates, parabènes, conservateurs synthétiques, colorants artificiels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-musc-section\"\u003e\n \u003ch2\u003eQuels sont les bienfaits du savon d'Alep sur la peau ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-musc-benefits\"\u003e\n \u003cdiv class=\"soi-musc-benefit\"\u003e\n \u003cdiv class=\"soi-musc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage doux et profond\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux sensibles, sèches et mixtes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-musc-benefit\"\u003e\n \u003cdiv class=\"soi-musc-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation préservée\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive évite l'effet \"tiraillement\" après le lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-musc-benefit\"\u003e\n \u003cdiv class=\"soi-musc-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau souple et confortable\u003c\/h3\u003e\n \u003cp\u003eUn toucher soyeux dès la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-musc-benefit\"\u003e\n \u003cdiv class=\"soi-musc-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSillage parfumé subtil\u003c\/h3\u003e\n \u003cp\u003eLe musc laisse une légère fragrance sur la peau sans agresser les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-musc-benefit\"\u003e\n \u003cdiv class=\"soi-musc-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉco-responsable\u003c\/h3\u003e\n \u003cp\u003eFormat solide zéro plastique, étui recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-musc-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep visage et corps ?\u003c\/h2\u003e\n \u003cp class=\"soi-musc-section-intro\"\u003eCe savon s'utilise aussi bien sur le visage que sur le corps, sous la douche ou au lavabo.\u003c\/p\u003e\n \u003cdiv class=\"soi-musc-timeline\"\u003e\n \u003cdiv class=\"soi-musc-step\"\u003e\n \u003cdiv class=\"soi-musc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-musc-step-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eMouillez votre peau et le savon sous l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-musc-step\"\u003e\n \u003cdiv class=\"soi-musc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-musc-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le pain entre vos mains ou directement sur la zone à nettoyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-musc-step\"\u003e\n \u003cdiv class=\"soi-musc-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-musc-step-content\"\u003e\n \u003ch3\u003eMassez et rincez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement en mouvements circulaires, puis rincez à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-musc-step\"\u003e\n \u003cdiv class=\"soi-musc-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-musc-step-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003eLaissez sécher le savon entre deux utilisations sur un porte-savon aéré 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-musc-tip\"\u003e\n \u003cdiv class=\"soi-musc-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUtilisable quotidiennement. Convient à toute la famille, adultes et enfants dès 3 ans. Le format 50 g est idéal pour le voyage, la découverte ou pour glisser dans un sac de sport.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-musc-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 enrichis en détergents synthétiques, le savon d'Alep respecte la barrière cutanée naturelle. Sa composition végétale simple et lisible rassure aussi bien les peaux sensibles que les consommateurs soucieux de cosmétique naturel et de transparence. Les dermatologues le recommandent régulièrement pour les peaux à tendance atopique ou réactive, précisément pour sa formule épurée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-musc-section\"\u003e\n \u003cdiv class=\"soi-musc-accordion\"\u003e\n \u003cdetails class=\"soi-musc-accordion-item\"\u003e\n \u003csummary class=\"soi-musc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-musc-accordion-content\"\u003e\n \u003cp\u003eDéconseillé en cas d'allergie aux ingrédients listés. Ce 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 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-musc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-musc-cta-box\"\u003e\n \u003cp class=\"soi-musc-cta-tag\" style=\"color: white;\"\u003eUn luxe simple et authentique depuis 3 000 ans\u003c\/p\u003e\n \u003cp class=\"soi-musc-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau la douceur de l'huile d'olive, la pureté du laurier et le sillage envoûtant du musc. Un geste de soin ancestral, profondément respectueux de vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-musc-marine: #1A2D3D;\n --soi-musc-marine-dark: #0F1E2B;\n --soi-musc-marine-light: #2C4458;\n --soi-musc-pomme: #A1C544;\n --soi-musc-pomme-dark: #84A636;\n --soi-musc-pomme-light: rgba(161,197,68,0.10);\n\n --soi-musc-white: #FFFFFF;\n --soi-musc-off-white: #F8FAF6;\n --soi-musc-stone: #F1F3EE;\n --soi-musc-line: #E5E8E0;\n\n --soi-musc-primary: #D4A88A;\n --soi-musc-primary-soft: #F0DDD0;\n --soi-musc-accent: #B5A04A;\n\n --soi-musc-text: #1A2D3D;\n --soi-musc-text-soft: #4A5B6B;\n --soi-musc-text-muted: #7B8693;\n\n --soi-musc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-musc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-musc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-musc-radius: 12px;\n --soi-musc-radius-sm: 8px;\n --soi-musc-radius-pill: 999px;\n}\n\n.soi-musc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-musc-fiche img { max-width: 100%; height: auto; }\n\n.soi-musc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-musc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-musc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-musc-hero {\n position: relative;\n background: var(--soi-musc-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-musc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-musc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-musc-pomme);\n}\n\n.soi-musc-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-musc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-musc-pomme);\n border-radius: 50%;\n}\n\n.soi-musc-hero-title {\n display: block;\n color: var(--soi-musc-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-musc-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-musc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-musc-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-musc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-musc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-musc-label-accent {\n background: var(--soi-musc-pomme);\n border-color: var(--soi-musc-pomme);\n color: var(--soi-musc-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-musc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-musc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-musc-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-musc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-musc-pomme);\n border-radius: 2px;\n}\n\n.soi-musc-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-musc-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-musc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-musc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-musc-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-musc-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-musc-benefit {\n background: var(--soi-musc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-musc-radius);\n border: 1px solid var(--soi-musc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-musc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-musc-shadow-md);\n}\n\n.soi-musc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-musc-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-musc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-musc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-musc-benefit:hover .soi-musc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-musc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-musc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-musc-benefit p {\n font-size: 15px;\n color: var(--soi-musc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-musc-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-musc-card {\n background: var(--soi-musc-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-musc-radius);\n border-left: 3px solid var(--soi-musc-pomme);\n}\n\n.soi-musc-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-musc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-musc-card p {\n font-size: 14px;\n color: var(--soi-musc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-musc-compo {\n background: var(--soi-musc-off-white);\n border-radius: var(--soi-musc-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-musc-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-musc-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-musc-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-musc-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-musc-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-musc-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-musc-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-musc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-musc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-musc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-musc-radius);\n border: 1px solid var(--soi-musc-line);\n align-items: flex-start;\n}\n\n.soi-musc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-musc-marine);\n color: var(--soi-musc-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-musc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-musc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-musc-step-content p {\n font-size: 15px;\n color: var(--soi-musc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-musc-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-musc-pomme-light);\n border-left: 4px solid var(--soi-musc-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-musc-radius) var(--soi-musc-radius) 0;\n align-items: flex-start;\n}\n\n.soi-musc-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-musc-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-musc-marine);\n margin-bottom: 4px;\n}\n\n.soi-musc-tip p {\n font-size: 15px;\n color: var(--soi-musc-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-musc-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-musc-accordion-item {\n background: var(--soi-musc-off-white);\n border-radius: var(--soi-musc-radius-sm);\n border: 1px solid var(--soi-musc-line);\n overflow: hidden;\n}\n\n.soi-musc-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-musc-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-musc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-musc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-musc-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-musc-accordion-item[open] .soi-musc-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-musc-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-musc-accordion-content p {\n font-size: 14px;\n color: var(--soi-musc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-musc-cta-box {\n background: var(--soi-musc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-musc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-musc-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-musc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-musc-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-musc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-musc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-musc-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-musc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-musc-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-musc-compo-value {\n text-align: left;\n }\n\n .soi-musc-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-musc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-musc-fiche {\n --soi-musc-text-soft: #2C3E50;\n --soi-musc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"50 g","offer_id":63473418535242,"sku":"AB0095","price":3.98,"currency_code":"EUR","in_stock":true},{"title":"100 g","offer_id":63473418568010,"sku":"AB0100","price":4.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-parfume-musc-al-bara-packshot_6a28b405-aee2-4953-a607-f748685096b7.webp?v=1788960369"},{"product_id":"savon-dalep-parfume-iris-al-bara","title":"Savon d'Alep parfumé Iris - Al Bara","description":"\u003cdiv class=\"soi-iris-fiche\"\u003e\n\n\u003csection class=\"soi-iris-hero\"\u003e\n \u003cdiv class=\"soi-iris-hero-tag\"\u003e\n \u003cspan class=\"soi-iris-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Savon artisanal · Al Bara\n \u003c\/div\u003e\n \u003cspan class=\"soi-iris-hero-title\"\u003eL'Orient floral à l'état pur\u003c\/span\u003e\n \u003cp class=\"soi-iris-hero-subtitle\"\u003eRedécouvrez l'un des plus anciens savons du monde sous un jour nouveau : floral, délicat et enveloppant, fidèle à plus de 3 000 ans de savoir-faire artisanal alépin.\u003c\/p\u003e\n \u003cdiv class=\"soi-iris-hero-labels\"\u003e\n \u003cspan class=\"soi-iris-label soi-iris-label-accent\"\u003e100 % NATUREL ET VÉGÉTAL\u003c\/span\u003e\n \u003cspan class=\"soi-iris-label\"\u003eSANS HUILE DE PALME\u003c\/span\u003e\n \u003cspan class=\"soi-iris-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003cspan class=\"soi-iris-label\"\u003eEMBALLAGE RECYCLABLE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-iris-section\"\u003e\n \u003ch2\u003eSavon d'Alep parfumé à l'Iris Al Bara : l'Orient floral à l'état pur\u003c\/h2\u003e\n \u003cp\u003eLe \u003cstrong\u003esavon d'Alep parfumé à l'iris\u003c\/strong\u003e de la marque \u003cstrong\u003eAl Bara\u003c\/strong\u003e vous invite à redécouvrir l'un des plus anciens savons du monde sous un jour nouveau : floral, délicat et enveloppant. Né il y a plus de 3 000 ans dans la ville syrienne d'Alep, ce savon reste aujourd'hui fabriqué selon une méthode artisanale transmise de génération en génération, cuit lentement au chaudron pour préserver chaque qualité de ses ingrédients naturels.\u003c\/p\u003e\n \u003cp\u003eCe qui distingue ce savon d'Alep, c'est son parfum d'iris velouté, aux notes poudrées et apaisantes qui évoquent les jardins d'Orient au printemps. Un choix idéal si vous recherchez un soin quotidien qui allie authenticité, naturalité et plaisir olfactif.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-iris-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon d'Alep à l'iris ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-iris-benefits\"\u003e\n \u003cdiv class=\"soi-iris-benefit\"\u003e\n \u003cdiv class=\"soi-iris-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e100 % naturel et végétal\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale, sans huile de palme. Un choix clean et responsable pour votre peau et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-iris-benefit\"\u003e\n \u003cdiv class=\"soi-iris-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive nourrissante\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive, pilier du savon d'Alep depuis des millénaires, adoucit et nourrit la peau dès le premier usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-iris-benefit\"\u003e\n \u003cdiv class=\"soi-iris-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum d'iris délicat\u003c\/h3\u003e\n \u003cp\u003eDes notes fleuries et poudrées qui transforment votre routine de bain en un moment de douceur orientale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-iris-section\"\u003e\n \u003ch2\u003eSavon d'Alep : bienfaits reconnus pour la peau\u003c\/h2\u003e\n \u003cp\u003eLe \u003cstrong\u003esavon d'Alep\u003c\/strong\u003e est souvent recommandé pour les peaux sensibles et réactives, y compris sur le visage. Sa richesse en acides gras insaturés (issus de l'huile d'olive) lui confère des propriétés nourrissantes et apaisantes reconnues. Sa mousse fine nettoie en profondeur sans agresser le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-iris-grid\"\u003e\n \u003cdiv class=\"soi-iris-card\"\u003e\n \u003ch3\u003e🧴 Peaux sensibles, sèches et mixtes\u003c\/h3\u003e\n \u003cp\u003eUne formule douce qui convient aux peaux les plus réactives, sur le visage comme sur le corps et les mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-iris-card\"\u003e\n \u003ch3\u003e🫧 Mousse respectueuse\u003c\/h3\u003e\n \u003cp\u003eUne mousse fine et douce qui respecte le microbiome cutané et nettoie en profondeur sans agression.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-iris-card\"\u003e\n \u003ch3\u003e🌱 Parfum naturel sans perturbateur\u003c\/h3\u003e\n \u003cp\u003eUn parfum naturel sans perturbateur endocrinien, pour une composition limpide et maîtrisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eContrairement à de nombreux savons industriels enrichis en huile de palme ou en agents moussants synthétiques, ce savon d'Alep vous offre une composition limpide et maîtrisée.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-iris-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Iris Al Bara\u003c\/h2\u003e\n \u003cp\u003eCe savon affiche une \u003cstrong\u003ecomposition 100 % naturelle et végétale\u003c\/strong\u003e, sans conservateurs synthétiques ni huile de palme :\u003c\/p\u003e\n \u003cdiv class=\"soi-iris-compo\"\u003e\n \u003cdiv class=\"soi-iris-compo-row\"\u003e\n \u003cspan class=\"soi-iris-compo-label\"\u003eHuile d'olive\u003c\/span\u003e\n \u003cspan class=\"soi-iris-compo-value\"\u003eOlea Europaea Fruit Oil · Base nourrissante et adoucissante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-iris-compo-row\"\u003e\n \u003cspan class=\"soi-iris-compo-label\"\u003eHydroxyde de sodium\u003c\/span\u003e\n \u003cspan class=\"soi-iris-compo-value\"\u003eSoude végétale · Agent saponifiant traditionnel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-iris-compo-row\"\u003e\n \u003cspan class=\"soi-iris-compo-label\"\u003eEau\u003c\/span\u003e\n \u003cspan class=\"soi-iris-compo-value\"\u003eAqua\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-iris-compo-row\"\u003e\n \u003cspan class=\"soi-iris-compo-label\"\u003eFragrance Iris\u003c\/span\u003e\n \u003cspan class=\"soi-iris-compo-value\"\u003eParfum floral aux notes poudrées et délicates\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eLa fabrication au chaudron, étape clé du savoir-faire alépin, garantit une saponification lente qui préserve la qualité des huiles et la douceur du produit fini.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-iris-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon d'Alep au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-iris-timeline\"\u003e\n \u003cdiv class=\"soi-iris-step\"\u003e\n \u003cdiv class=\"soi-iris-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-iris-step-content\"\u003e\n \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains sous l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-iris-step\"\u003e\n \u003cdiv class=\"soi-iris-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-iris-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse sur le visage ou le corps en massages doux et circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-iris-step\"\u003e\n \u003cdiv class=\"soi-iris-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-iris-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-iris-step\"\u003e\n \u003cdiv class=\"soi-iris-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-iris-step-content\"\u003e\n \u003ch3\u003eConserver\u003c\/h3\u003e\n \u003cp\u003eEntre chaque utilisation, laissez le pain sécher 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 \u003cdiv class=\"soi-iris-tip\"\u003e\n \u003cdiv class=\"soi-iris-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eConservez votre savon dans un endroit sec et aéré. Un pain de 100 g utilisé quotidiennement dure en moyenne 6 à 8 semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-iris-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-iris-grid-compact\"\u003e\n \u003cdiv class=\"soi-iris-card-mini\"\u003e\n \u003cspan class=\"soi-iris-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cspan class=\"soi-iris-card-mini-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-iris-card-mini-value\"\u003eAl Bara\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-iris-card-mini\"\u003e\n \u003cspan class=\"soi-iris-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-iris-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-iris-card-mini-value\"\u003ePain de 50 g ou 100 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-iris-card-mini\"\u003e\n \u003cspan class=\"soi-iris-card-mini-icon\"\u003e🏺\u003c\/span\u003e\n \u003cspan class=\"soi-iris-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-iris-card-mini-value\"\u003eArtisanale, Alep (Syrie)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-iris-card-mini\"\u003e\n \u003cspan class=\"soi-iris-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-iris-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-iris-card-mini-value\"\u003eRecyclable (bac jaune)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-iris-accordion\"\u003e\n \u003cdetails class=\"soi-iris-accordion-item\"\u003e\n \u003csummary class=\"soi-iris-accordion-header\"\u003e🌿 Engagements produit\u003c\/summary\u003e\n \u003cdiv class=\"soi-iris-accordion-content\"\u003e\n \u003cp\u003eSans huile de palme, 100 % végétal. Emballage recyclable : étui à déposer dans le bac de tri jaune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-iris-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-iris-cta-box\"\u003e\n \u003cp class=\"soi-iris-cta-tag\" style=\"color: white;\"\u003eTrois millénaires de savoir-faire dans un pain de savon\u003c\/p\u003e\n \u003cp class=\"soi-iris-cta-text\" style=\"color: white;\"\u003eDoux pour les peaux sensibles, respectueux de l'environnement et délicieusement floral, ce savon d'Alep à l'iris transforme chaque geste de soin en un rituel sincère et ressourçant. Offrez à votre peau ce qu'il y a de plus authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-iris-marine: #1A2D3D;\n --soi-iris-marine-dark: #0F1E2B;\n --soi-iris-marine-light: #2C4458;\n --soi-iris-pomme: #A1C544;\n --soi-iris-pomme-dark: #84A636;\n --soi-iris-pomme-light: rgba(161,197,68,0.10);\n --soi-iris-white: #FFFFFF;\n --soi-iris-off-white: #F8FAF6;\n --soi-iris-stone: #F1F3EE;\n --soi-iris-line: #E5E8E0;\n --soi-iris-primary: #89C4D4;\n --soi-iris-primary-soft: #D0E8EF;\n --soi-iris-accent: #B5A46A;\n --soi-iris-text: #1A2D3D;\n --soi-iris-text-soft: #4A5B6B;\n --soi-iris-text-muted: #7B8693;\n --soi-iris-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-iris-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-iris-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-iris-radius: 12px;\n --soi-iris-radius-sm: 8px;\n --soi-iris-radius-pill: 999px;\n}\n\n.soi-iris-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-iris-fiche img { max-width: 100%; height: auto; }\n\n.soi-iris-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-iris-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-iris-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-iris-hero {\n position: relative;\n background: var(--soi-iris-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-iris-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-iris-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-iris-pomme);\n}\n\n.soi-iris-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-iris-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-iris-pomme);\n border-radius: 50%;\n}\n\n.soi-iris-hero-title {\n display: block;\n color: var(--soi-iris-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-iris-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-iris-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-iris-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-iris-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-iris-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-iris-label-accent {\n background: var(--soi-iris-pomme);\n border-color: var(--soi-iris-pomme);\n color: var(--soi-iris-marine);\n font-weight: 600;\n}\n\n.soi-iris-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-iris-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-iris-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-iris-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-iris-pomme);\n border-radius: 2px;\n}\n\n.soi-iris-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-iris-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-iris-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-iris-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-iris-benefit {\n background: var(--soi-iris-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-iris-radius);\n border: 1px solid var(--soi-iris-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-iris-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-iris-shadow-md);\n}\n\n.soi-iris-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-iris-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-iris-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-iris-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-iris-benefit:hover .soi-iris-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-iris-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-iris-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-iris-benefit p {\n font-size: 15px;\n color: var(--soi-iris-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-iris-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1rem;\n}\n\n.soi-iris-card {\n background: var(--soi-iris-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-iris-radius);\n border-left: 3px solid var(--soi-iris-pomme);\n}\n\n.soi-iris-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-iris-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-iris-card p {\n font-size: 14px;\n color: var(--soi-iris-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-iris-compo {\n background: var(--soi-iris-off-white);\n border-radius: var(--soi-iris-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.soi-iris-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-iris-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-iris-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-iris-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-iris-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-iris-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-iris-marine);\n text-align: right;\n}\n\n.soi-iris-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-iris-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-iris-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-iris-radius);\n border: 1px solid var(--soi-iris-line);\n align-items: flex-start;\n}\n\n.soi-iris-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-iris-marine);\n color: var(--soi-iris-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-iris-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-iris-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-iris-step-content p {\n font-size: 15px;\n color: var(--soi-iris-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-iris-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-iris-pomme-light);\n border-left: 4px solid var(--soi-iris-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-iris-radius) var(--soi-iris-radius) 0;\n align-items: flex-start;\n}\n\n.soi-iris-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-iris-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-iris-marine);\n margin-bottom: 4px;\n}\n\n.soi-iris-tip p {\n font-size: 15px;\n color: var(--soi-iris-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-iris-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-iris-card-mini {\n background: var(--soi-iris-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-iris-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-iris-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-iris-card-mini-label {\n font-size: 11px;\n color: var(--soi-iris-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-iris-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-iris-marine);\n}\n\n.soi-iris-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-iris-accordion-item {\n background: var(--soi-iris-off-white);\n border-radius: var(--soi-iris-radius-sm);\n border: 1px solid var(--soi-iris-line);\n overflow: hidden;\n}\n\n.soi-iris-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-iris-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-iris-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-iris-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-iris-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-iris-accordion-item[open] .soi-iris-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-iris-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-iris-accordion-content p {\n font-size: 14px;\n color: var(--soi-iris-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-iris-cta-box {\n background: var(--soi-iris-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-iris-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-iris-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-iris-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-iris-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-iris-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-iris-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-iris-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-iris-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-iris-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-iris-compo-value {\n text-align: left;\n }\n\n .soi-iris-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-iris-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-iris-fiche {\n --soi-iris-text-soft: #2C3E50;\n --soi-iris-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"50 g","offer_id":63449384026442,"sku":"AB0045","price":3.98,"currency_code":"EUR","in_stock":true},{"title":"100 g","offer_id":63449384059210,"sku":"AB0050","price":4.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-parfume-iris-al-bara-packshot.webp?v=1788767361"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/Al-bara-logo.webp?v=1791908325","url":"https:\/\/www.soinature.com\/collections\/al-bara.oembed","provider":"Soinature","version":"1.0","type":"link"}