{"title":"Savon d'Alep","description":"\u003cp\u003eUn pain doré à l'extérieur, vert au cœur, qui sent l'huile d'olive et le laurier : le savon d'Alep se reconnaît au premier coup d'œil, mais tous ne se valent pas pour votre peau. Ce qui change d'un pain à l'autre, c'est la part d'huile de baies de laurier, de 5 à 40 % chez nous. Nos pains, signés Najel et Al Bara, sont fabriqués à Alep, cuits au chaudron puis séchés plusieurs mois. Pour débuter, un pain peu chargé en laurier reste le choix le plus facile à vivre au quotidien.\u003c\/p\u003e\n\u003ch2\u003ePar où commencer ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eUne peau normale à sèche\u003c\/strong\u003e : 5 ou 12 % de laurier.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUne peau grasse ou à imperfections\u003c\/strong\u003e : 35 à 40 % de laurier, plus purifiant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUne peau très sensible\u003c\/strong\u003e : le pain d'Al Bara 100 % huile d'olive, sans laurier.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLe flacon pompe plutôt que le pain\u003c\/strong\u003e : le savon d'Alep liquide, certifié bio.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eQuel savon d'Alep choisir ?\u003c\/h2\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; background-color: #fdf6f0; font-family: inherit; font-size: 0.95em;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background-color: #f0e0d0;\"\u003e\n\u003cth style=\"padding: 12px 14px; border: 1px solid #e8d5c4; text-align: left;\"\u003eVotre situation\u003c\/th\u003e\n\u003cth style=\"padding: 12px 14px; border: 1px solid #e8d5c4; text-align: left;\"\u003eNotre conseil\u003c\/th\u003e\n\u003cth style=\"padding: 12px 14px; border: 1px solid #e8d5c4; text-align: left;\"\u003eProduits\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous découvrez le savon d'Alep\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eCommencez par un pain à faible taux de laurier, pour vous habituer\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/savon-dalep-5-190-g-najel\" title=\"Alep 5 % laurier – Najel\"\u003eAlep 5 % laurier Najel\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/savon-alep-12-laurier-najel-100g\" title=\"Alep 12 % laurier – Najel\"\u003eAlep 12 % laurier Najel\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fef9f5;\"\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVotre peau brille vite\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eMontez à 35 ou 40 % de laurier pour un lavage plus purifiant\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/savon-dalep-40-dhuile-de-baies-de-laurier-185g-najel\" title=\"Alep 40 % laurier – Najel\"\u003eAlep 40 % laurier Najel\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/savon-d-alep-35-laurier-200-g-al-bara\" title=\"Alep 35 % laurier – Al Bara\"\u003eAlep 35 % laurier Al Bara\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVotre peau réagit au moindre savon\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003ePrenez le pain tout olive, sans laurier, le plus doux des savons d'Alep\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\u003cli\u003e\u003ca href=\"\/products\/savon-dalep-pur-olive-200-g-al-bara\" title=\"Alep pur olive – Al Bara\"\u003eAlep pur olive Al Bara\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fef9f5;\"\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVotre visage a besoin d'un nettoyage profond\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eChoisissez un savon d'Alep au charbon ou au rhassoul\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/savon-alep-charbon-bio\" title=\"Alep au charbon bio – Najel\"\u003eAlep au charbon bio Najel\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/savon-alep-rhassoul-huile-argan-najel\" title=\"Alep rhassoul et argan – Najel\"\u003eAlep rhassoul et argan Najel\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous préférez un savon en flacon\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003ePassez au savon d'Alep liquide, certifié Cosmos Organic\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/savon-dalep-liquide-20-hbl-najel\" title=\"Alep liquide 20 % – Najel\"\u003eAlep liquide 20 % Najel\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/savon-dalep-liquide-5-hbl-najel\" title=\"Alep liquide 5 % – Najel\"\u003eAlep liquide 5 % Najel\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fef9f5;\"\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous aimez les savons parfumés\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eEssayez un pain parfumé, aux notes poudrées de l'iris ou fraîches de la fleur de coton\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/savon-alep-iris-al-bara\" title=\"Alep parfum iris – Al Bara\"\u003eAlep parfum iris Al Bara\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/savon-dalep-fleur-de-coton-al-bara\" title=\"Alep fleur de coton – Al Bara\"\u003eAlep fleur de coton Al Bara\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous voulez recréer le hammam chez vous\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eAppliquez le savon noir d'Alep avant de passer le gant de gommage\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\u003cli\u003e\u003ca href=\"\/products\/savon-noir-dalep-eucalyptus-najel\" title=\"Savon noir eucalyptus – Najel\"\u003eSavon noir eucalyptus Najel\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch2\u003eLe taux de laurier, la clé du choix\u003c\/h2\u003e\n\u003cp\u003eUn savon d'Alep est fait d'huile d'olive, le plus souvent associée à l'huile de baies de laurier, de soude et d'eau, sans colorant ni conservateur. L'olive nourrit, le laurier purifie : plus sa part augmente, plus le savon est purifiant. Les \u003cstrong\u003epains\u003c\/strong\u003e sont fabriqués à Alep puis longuement séchés ; un pain de 100 g dure quatre à six semaines et se garde des années. Les \u003cstrong\u003eliquides\u003c\/strong\u003e Najel reprennent le duo olive-laurier en flacon pompe, fabriqués en France et certifiés bio. Pour la maison, le savon noir d'Alep liquide multiusage de Najel nettoie les sols et les surfaces.\u003c\/p\u003e\n\u003ch2\u003eQuelques réflexes\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eUn pain d'Alep lave aussi les cheveux : la fleur de coton d'Al Bara s'utilise du visage jusqu'au cuir chevelu.\u003c\/li\u003e\n\u003cli\u003eLe savon noir à l'eucalyptus contient une huile essentielle : demandez conseil pendant la grossesse.\u003c\/li\u003e\n\u003cli\u003eEn cas de sensibilité connue au laurier, préférez le pain tout olive.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eD'autres savons à découvrir\u003c\/h2\u003e\n\u003cp\u003ePour un savon cuit au chaudron sans laurier, voyez notre \u003ca href=\"\/collections\/savon-de-marseille\"\u003esavon de Marseille\u003c\/a\u003e ; pour la douceur lactée, le \u003ca href=\"\/collections\/savon-lait-d-anesse\"\u003esavon au lait d'ânesse\u003c\/a\u003e ou le \u003ca href=\"\/collections\/savon-lait-de-chevre\"\u003esavon au lait de chèvre\u003c\/a\u003e. Tous les pains, d'Alep ou d'ailleurs, sont rassemblés dans notre sélection de \u003ca href=\"\/collections\/savon-solide\"\u003esavon solide\u003c\/a\u003e. Pour les tout-petits, notre guide du \u003ca href=\"\/blogs\/news\/meilleur-savon-bebe\"\u003emeilleur savon pour bébé\u003c\/a\u003e vous aidera. Les gammes complètes sont sur les pages \u003ca href=\"\/collections\/najel\"\u003eNajel\u003c\/a\u003e et \u003ca href=\"\/collections\/al-bara\"\u003eAl Bara\u003c\/a\u003e, et le reste de nos \u003ca href=\"\/collections\/savon\"\u003esavons naturels\u003c\/a\u003e, liquides compris, dans le rayon savon.\u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eVos questions sur le savon d'Alep\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel pourcentage de laurier choisir ?\u003c\/summary\u003e\n\u003cp\u003ePlus la part de laurier monte, plus le savon est purifiant : 5 à 12 % pour une toilette quotidienne ou une première fois, 35 à 40 % si votre peau est grasse. Si elle réagit facilement, le pain 100 % olive d'Al Bara, sans laurier, est le plus doux.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment reconnaître un vrai savon d'Alep ?\u003c\/summary\u003e\n\u003cp\u003eSa liste d'ingrédients est courte : huile d'olive, le plus souvent de l'huile de baies de laurier, de la soude et de l'eau, sans colorant ni conservateur. Il est cuit au chaudron, puis séché plusieurs mois, ce qui lui donne sa croûte dorée et son cœur vert. C'est le cas des pains Najel et Al Bara fabriqués à Alep.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePeut-on utiliser le savon d'Alep sur le visage ?\u003c\/summary\u003e\n\u003cp\u003eOui, matin et soir : choisissez un taux de laurier adapté à votre peau, massez la mousse puis rincez à l'eau tiède. Le charbon et le rhassoul conviennent aux peaux qui brillent vite.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eVotre savon d'Alep est-il bio ?\u003c\/summary\u003e\n\u003cp\u003eLes savons d'Alep liquides de Najel sont certifiés Cosmos Organic, et son pain au charbon est certifié bio. Les pains traditionnels ne portent pas de label bio, mais ne contiennent que des huiles végétales.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eSavon d'Alep liquide ou solide ?\u003c\/summary\u003e\n\u003cp\u003eLe pain, séché plusieurs mois, se garde des années et se glisse dans une trousse. Le liquide, au lavabo, évite le pain qui ramollit dans la coupelle et se partage plus proprement à plusieurs.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCombien de temps dure un savon d'Alep ?\u003c\/summary\u003e\n\u003cp\u003eComptez quatre à six semaines pour un pain de 100 g en usage quotidien, s'il sèche bien entre deux toilettes. Non entamé, il se conserve des années.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n","products":[{"product_id":"savon-dalep-40-dhuile-de-baies-de-laurier-185g-najel","title":"Savon d'Alep - 40% d'Huile de Baies de Laurier - 185g - Najel","description":"\u003cdiv class=\"sa-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sa-hero\"\u003e\n \u003cdiv class=\"sa-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sa-hero-content\"\u003e\n \u003cdiv class=\"sa-badges-top\"\u003e\n \u003cspan class=\"sa-badge\"\u003e🌿 40 % huile de baies de laurier\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🇸🇾 Fabriqué à Alep\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🐇 Non testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sa-hero-title\"\u003eSavon d'Alep Najel Premium\u003c\/span\u003e\n \u003cp class=\"sa-subtitle\"\u003e40 % d'huile de baies de laurier · 185 g\u003c\/p\u003e\n \u003cp class=\"sa-description\"\u003eLe soin ancestral par excellence pour les peaux sensibles et réactives. Un savoir-faire artisanal vieux de 3 000 ans, concentré dans un seul pain de savon 100 % naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eSavon d'Alep Najel à 40 % d'huile de baies de laurier : le soin ancestral des peaux sensibles\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon d'Alep\u003c\/strong\u003e authentique, à la fois doux et puissant, capable de prendre soin des peaux les plus réactives ? Ce \u003cstrong\u003esavon d'Alep Najel Premium à 40 % d'huile de baies de laurier\u003c\/strong\u003e est l'un des plus riches et des plus nobles que vous puissiez trouver. Fabriqué artisanalement à Alep, en Syrie, selon un savoir-faire vieux de plus de 3 000 ans, il concentre le meilleur de la nature dans un pain de 185 g.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003ePourquoi 40 % d'huile de baies de laurier ?\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLa \u003cstrong\u003ecomposition du savon d'Alep\u003c\/strong\u003e repose sur deux ingrédients phares : l'huile d'olive et l'huile de baies de laurier. Plus le pourcentage de laurier est élevé, plus le savon est adapté aux peaux fragilisées. Avec \u003cstrong\u003e40 %\u003c\/strong\u003e, cette formule se situe dans le haut de gamme de la tradition alépine.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid-compact\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier (40 %)\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes, purifiantes et régénérantes. Elle aide à calmer les inconforts cutanés et soutient la réparation naturelle de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eNourrit, adoucit et maintient le film hydrolipidique de la peau. Elle apporte souplesse et confort dès le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAucun parfum de synthèse, aucun colorant, aucun conservateur.\u003c\/strong\u003e Un savon véritablement naturel et biodégradable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep pour votre peau\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLes \u003cstrong\u003ebienfaits du savon d'Alep\u003c\/strong\u003e sont nombreux et reconnus de longue date. Voici ce que cette version Premium peut vous apporter au quotidien :\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🧴 Apaise les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eIdéal si votre peau tiraille, rougit ou réagit aux savons classiques. Le laurier calme les inconforts visiblement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🫧 Nettoie en douceur\u003c\/h3\u003e\n \u003cp\u003eSa mousse fine élimine les impuretés sans agresser l'épiderme ni dessécher la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e💧 Nourrit en profondeur\u003c\/h3\u003e\n \u003cp\u003eGrâce à la synergie olive-laurier, la peau reste souple et confortable après le lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🔄 Polyvalent\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le pour le visage, le corps et même les cheveux comme shampooing solide naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💬\u003c\/span\u003e\n \u003cp\u003eBeaucoup de personnes rapportent une nette amélioration du confort cutané après quelques semaines d'utilisation régulière, notamment en cas de sécheresse ou d'irritations passagères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon d'Alep Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"sa-timeline\"\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eMouillez votre peau et le savon, puis faites mousser généreusement entre vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse sur le visage, le corps ou le cuir chevelu en massant délicatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire pour révéler une peau douce et apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eConservez\u003c\/h3\u003e\n \u003cp\u003ePosez le savon sur un porte-savon aéré afin qu'il sèche entre deux utilisations : il durera beaucoup plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e si vous utilisez le savon d'Alep sur le visage, laissez la mousse poser quelques instants comme un masque avant de rincer pour profiter pleinement des vertus du laurier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"sa-accordion\"\u003e\n \u003cdetails class=\"sa-accordion-item\" open\u003e\n \u003csummary class=\"sa-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n \u003cdiv class=\"sa-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eSodium Olivate, Sodium Laurate, Aqua, Sodium Hydroxide, Sodium Chloride.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eRien de superflu : uniquement des ingrédients issus de la saponification traditionnelle à froid d'huile d'olive et d'huile de baies de laurier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eUn savon éthique et responsable\u003c\/h2\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🏺 Fabrication artisanale\u003c\/h3\u003e\n \u003cp\u003eNajel perpétue une fabrication syrienne transmise de génération en génération. Chaque pain est coulé, découpé puis séché naturellement pendant plusieurs mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🐇 Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eLa marque s'engage à ne réaliser aucun test sur les animaux, dans le respect du vivant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eNajel limite l'impact environnemental de ses emballages et privilégie des formules 100 % biodégradables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- DERNIÈRE SECTION --\u003e\n \u003csection class=\"sa-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sa-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le soin millénaire qu'elle mérite.\u003cbr\u003eUn savon, deux huiles précieuses, zéro superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sa-disclaimer\"\u003eCe savon est un produit cosmétique d'hygiène. Il ne se substitue en aucun cas à un traitement médical ou dermatologique. En cas de problème de peau persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sa-cream: #f7f5f0;\n --sa-white: #ffffff;\n --sa-primary: #1a7a6d;\n --sa-primary-dark: #0e544a;\n --sa-primary-light: #e8f4f1;\n --sa-secondary: #c49a3c;\n --sa-accent: #2a9d8f;\n --sa-text: #1a1a1a;\n --sa-text-light: #5a5a5a;\n --sa-border: #e0e0e0;\n --sa-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sa-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sa-radius: 20px;\n --sa-radius-sm: 12px;\n}\n\n.sa-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sa-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sa-hero {\n position: relative;\n background: linear-gradient(135deg, #0e544a 0%, #1a7a6d 40%, #2a9d8f 70%, #c49a3c 100%);\n border-radius: var(--sa-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sa-shadow-lg);\n}\n\n.sa-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C35 15, 45 20, 30 35 C15 20, 25 15, 30 5Z' fill='white' fill-opacity='0.08'\/%3E%3Cpath d='M10 40 C14 46, 20 48, 10 55 C4 48, 6 46, 10 40Z' fill='white' fill-opacity='0.05'\/%3E%3Cpath d='M50 38 C54 44, 58 46, 50 53 C42 46, 46 44, 50 38Z' fill='white' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .5;\n}\n\n.sa-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sa-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sa-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.sa-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sa-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sa-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sa-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sa-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sa-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sa-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sa-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sa-primary), var(--sa-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sa-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.sa-section-intro strong {\n color: var(--sa-text);\n}\n\n\/* === CARDS === *\/\n.sa-card {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sa-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sa-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sa-shadow-lg);\n border-color: var(--sa-primary);\n}\n\n.sa-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sa-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sa-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sa-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sa-grid-compact .sa-card {\n padding: 1.25rem;\n}\n\n.sa-grid-compact .sa-card h3 {\n font-size: 15px;\n margin-bottom: .4rem;\n}\n\n.sa-grid-compact .sa-card p {\n font-size: 13px;\n}\n\n\/* === TIMELINE === *\/\n.sa-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sa-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sa-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sa-primary), var(--sa-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sa-timeline-content {\n flex: 1;\n background: var(--sa-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sa-radius-sm);\n box-shadow: var(--sa-shadow);\n}\n\n.sa-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sa-timeline-content p {\n font-size: 14px;\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.sa-accordion {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n box-shadow: var(--sa-shadow);\n overflow: hidden;\n}\n\n.sa-accordion-item {\n border-bottom: 1px solid var(--sa-border);\n margin: 0;\n padding: 0;\n}\n\n.sa-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sa-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sa-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sa-accordion-header:hover {\n background: var(--sa-primary-light);\n}\n\n.sa-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sa-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sa-primary);\n transition: transform .2s ease;\n}\n\n.sa-accordion-item[open] .sa-accordion-header::after {\n content: '−';\n}\n\n.sa-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sa-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sa-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.sa-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.sa-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sa-primary-light);\n border-radius: var(--sa-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sa-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sa-tip p {\n font-size: 14px;\n color: var(--sa-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sa-tip p strong {\n color: var(--sa-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.sa-cta-box {\n background: linear-gradient(135deg, var(--sa-primary) 0%, var(--sa-primary-dark) 100%);\n border-radius: var(--sa-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sa-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sa-disclaimer {\n font-size: 12px;\n color: var(--sa-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sa-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sa-card {\n padding: 1.125rem;\n }\n\n .sa-section {\n margin-bottom: 1.75rem;\n }\n\n .sa-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sa-radius-sm);\n }\n\n .sa-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sa-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sa-grid-compact {\n gap: .625rem;\n }\n\n .sa-grid-compact .sa-card {\n padding: .75rem;\n }\n\n .sa-grid-compact .sa-card h3 {\n font-size: 14px;\n }\n\n .sa-grid-compact .sa-card p {\n font-size: 12px;\n }\n\n .sa-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sa-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sa-timeline-content h3 {\n font-size: 14px;\n }\n\n .sa-timeline-content p {\n font-size: 13px;\n }\n\n .sa-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sa-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sa-card {\n animation: saFadeInUp .5s ease backwards;\n }\n .sa-card:nth-child(1) { animation-delay: .05s; }\n .sa-card:nth-child(2) { animation-delay: .1s; }\n .sa-card:nth-child(3) { animation-delay: .15s; }\n .sa-card:nth-child(4) { animation-delay: .2s; }\n .sa-card:nth-child(5) { animation-delay: .25s; }\n .sa-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes saFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sa-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":45798248546461,"sku":"NJ0045","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-40-dhuile-de-baies-de-laurier-185g-najel-lifestyle_c2e6b477-e3aa-41b5-950f-3c5610033a19.webp?v=1772881792"},{"product_id":"najel-savon-boue-mer-morte-alep-100g","title":"Savon d'Alep à la Boue de la Mer Morte - Najel - 100 g","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon d'Alep à la Boue de la Mer Morte - Najel - 100 g\nPalette détectée:\n - Primaire: #7A9B7E (vert sauge du packaging\/étiquette)\n - Secondaire: #8B7355 (brun\/terre du savon lui-même)\n - Accent: #5C7A5F (vert foncé du texte sur l'étiquette)\nAmbiance: Naturel, authentique, traditionnel, minéral, terre et mer\nPréfixe CSS: nj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Les bienfaits uniques de la boue de la mer Morte\"\n 2. \"Une composition naturelle et biologique\"\n 3. \"Pourquoi choisir le savon d'Alep Najel ?\"\n 4. \"Conseils d'utilisation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"nj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nj-hero\"\u003e\n \u003cdiv class=\"nj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nj-hero-content\"\u003e\n \u003cdiv class=\"nj-badges-top\"\u003e\n \u003cspan class=\"nj-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🧼 Méthode traditionnelle\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🌍 Boue de la mer Morte\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nj-hero-title\"\u003eSavon d'Alep à la boue de la mer Morte\u003c\/span\u003e\n \u003cp class=\"nj-subtitle\"\u003eNajel — 100 g\u003c\/p\u003e\n \u003cp class=\"nj-description\"\u003eUn véritable trésor de la nature pour votre peau. Fabriqué selon la méthode traditionnelle syrienne, ce savon combine les bienfaits de l'huile d'olive, de l'huile de baies de laurier et de la boue de la mer Morte pour offrir un soin naturel et purifiant à votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eLes bienfaits uniques de la boue de la mer Morte\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eRiche en minéraux essentiels, la boue de la mer Morte est reconnue pour ses propriétés exceptionnelles sur la peau.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✨ Purifiante\u003c\/h3\u003e\n \u003cp\u003eÉlimine les impuretés en profondeur et débarrasse la peau des toxines accumulées au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧴 Exfoliante douce\u003c\/h3\u003e\n \u003cp\u003eFavorise le renouvellement cellulaire en éliminant les cellules mortes, pour une peau lisse et éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations et rougeurs tout en rétablissant l'équilibre naturel de votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🔄 Régénérante\u003c\/h3\u003e\n \u003cp\u003eRégénère la peau en profondeur grâce à sa richesse exceptionnelle en minéraux essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCe savon est idéal pour les peaux sensibles, mixtes ou sujettes aux imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eUne composition naturelle et biologique\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eDes ingrédients naturels soigneusement sélectionnés, sans colorants, sans parfums artificiels et sans conservateurs chimiques.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eNourrit et hydrate la peau en profondeur pour une douceur incomparable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses vertus antiseptiques et apaisantes, elle protège et purifie la peau naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏜️ Boue de la mer Morte\u003c\/h3\u003e\n \u003cp\u003eDétoxifie et revitalise la peau grâce à sa richesse exceptionnelle en minéraux essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eCe savon respecte pleinement l'environnement et votre santé : une formule pure, authentique et sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧑‍🤝‍🧑 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peau, des plus jeunes aux plus matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧴 Multi-usage\u003c\/h3\u003e\n \u003cp\u003eVisage, corps et même cheveux : un seul savon pour tout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌍 Écologique\u003c\/h3\u003e\n \u003cp\u003eDémarche éthique et respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e📅 Usage quotidien\u003c\/h3\u003e\n \u003cp\u003eFormat 100 g parfait pour une utilisation de tous les jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"nj-timeline\"\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eHumidifiez votre peau\u003c\/h3\u003e\n \u003cp\u003eMouillez abondamment la zone à nettoyer — visage, corps ou cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser le savon\u003c\/h3\u003e\n \u003cp\u003eFrottez le savon entre vos mains ou directement sur la peau humide pour créer une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire pour éliminer toute la mousse et révéler une peau propre et douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e🧤\u003c\/span\u003e\n \u003cp\u003ePour un soin complet, associez-le à un gant exfoliant pour une action encore plus efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"nj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"nj-cta-box\"\u003e\n \u003cp\u003e🧼 Offrez à votre peau le soin ancestral qu'elle mérite — purifiée, nourrie et éclatante de santé grâce à la puissance de la boue de la mer Morte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nj-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne se substitue pas à un avis dermatologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nj-cream: #f5f2ed;\n --nj-white: #ffffff;\n --nj-primary: #7A9B7E;\n --nj-primary-dark: #4a6b4e;\n --nj-primary-light: #e8f0e9;\n --nj-secondary: #8B7355;\n --nj-accent: #a67c52;\n --nj-text: #1a1a1a;\n --nj-text-light: #5a5a5a;\n --nj-border: #e0ddd8;\n --nj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, #5C7A5F 0%, #7A9B7E 40%, #8B7355 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(139,115,85,.15) 0%, transparent 60%);\n opacity: 1;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.nj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === CARDS === *\/\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.nj-cta-box {\n background: linear-gradient(135deg, var(--nj-primary) 0%, var(--nj-primary-dark) 100%);\n border-radius: var(--nj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nj-disclaimer {\n font-size: 12px;\n color: var(--nj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nj-card {\n padding: 1.125rem;\n }\n\n .nj-section {\n margin-bottom: 1.75rem;\n }\n\n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n\n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nj-grid-compact {\n gap: .625rem;\n }\n\n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n\n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nj-timeline-content h3 {\n font-size: 14px;\n }\n\n .nj-timeline-content p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: njFadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54875822883193,"sku":"NJ0095","price":3.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-a-la-boue-de-la-mer-morte-najel-100-g-lifestyle_1d83ce8f-c3c6-473a-b64a-9e59f5930bde.webp?v=1778144759"},{"product_id":"savon-alep-huile-nigelle-najel","title":"Savon d'Alep à l'Huile de Nigelle - 100 g Najel","description":"\u003cdiv class=\"sa-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sa-hero\"\u003e\n \u003cdiv class=\"sa-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sa-hero-content\"\u003e\n \u003cdiv class=\"sa-badges-top\"\u003e\n \u003cspan class=\"sa-badge\"\u003e🕌 Savoir-faire 3 000 ans\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e✋ Fabrication artisanale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sa-hero-title\"\u003eSavon d'Alep à l'huile de nigelle\u003c\/span\u003e\n \u003cp class=\"sa-subtitle\"\u003eNajel — Rêve d'Orient\u003c\/p\u003e\n \u003cp class=\"sa-description\"\u003eUn soin ancestral apaisant et régénérant, enrichi à l'huile de cumin noir, pour une peau douce et apaisée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eSavon d'Alep à l'huile de nigelle Najel : un soin ancestral apaisant et régénérant\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eHéritier d'un savoir-faire vieux de plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e, ce savon d'Alep enrichi à l'huile de nigelle signé Najel associe tradition syrienne et bienfaits reconnus du cumin noir. Fabriqué artisanalement, il offre un nettoyage doux et respectueux, idéal pour les peaux en quête d'apaisement et de confort au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon d'Alep à l'huile de nigelle ?\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLe savon d'Alep classique est déjà réputé pour sa douceur et sa composition minimaliste. En y ajoutant de l'huile de nigelle (Nigella sativa), Najel va plus loin. Cette huile précieuse, utilisée depuis l'Antiquité, est reconnue pour ses propriétés :\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌸 Apaisantes\u003c\/h3\u003e\n \u003cp\u003eElle calme les sensations d'inconfort, les tiraillements et les rougeurs, même sur les peaux les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✨ Régénérantes\u003c\/h3\u003e\n \u003cp\u003eRiche en thymoquinone et en acides gras essentiels, elle soutient le renouvellement cutané et aide la peau à retrouver souplesse et éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🧼 Purifiantes\u003c\/h3\u003e\n \u003cp\u003eElle contribue à rééquilibrer les peaux mixtes à grasses et à limiter les imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🛡️ Protectrices\u003c\/h3\u003e\n \u003cp\u003eSes antioxydants naturels aident à protéger l'épiderme contre les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous vous demandez quel savon d'Alep choisir pour le visage ou les peaux sensibles, cette formule à la nigelle constitue un excellent choix, souvent recommandé dans les avis de dermatologues favorables aux soins naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel à la nigelle\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLa composition de ce savon d'Alep est entièrement naturelle, sans colorant, sans parfum de synthèse et sans conservateur artificiel :\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🫒 Sodium Olivate\u003c\/h3\u003e\n \u003cp\u003eHuile d'olive saponifiée, nourrit et assouplit la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌿 Sodium Laurate\u003c\/h3\u003e\n \u003cp\u003eHuile de baie de laurier saponifiée, purifiante et antiseptique naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🖤 Nigella Sativa Seed Oil\u003c\/h3\u003e\n \u003cp\u003eHuile de graines de nigelle, apaisante et régénérante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e💧 Aqua\u003c\/h3\u003e\n \u003cp\u003eEau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e⚗️ Sodium Hydroxide\u003c\/h3\u003e\n \u003cp\u003eUtilisé dans le processus de saponification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e📝\u003c\/span\u003e\n \u003cp\u003eUne formule courte et transparente, fidèle à la tradition du véritable savon d'Alep artisanal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon d'Alep au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eCe savon est d'une grande polyvalence. Vous pouvez l'utiliser :\u003c\/p\u003e\n \u003cdiv class=\"sa-timeline\"\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003e🧑 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eFaites mousser entre vos mains humides, appliquez en mouvements circulaires doux, puis rincez à l'eau tiède. Parfait comme nettoyant quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003e🚿 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le sous la douche pour un lavage tout en douceur qui respecte le film hydrolipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn shampooing solide occasionnel, il aide à purifier le cuir chevelu et à espacer les lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e après utilisation, laissez sécher votre savon sur un porte-savon aéré. Il durera ainsi beaucoup plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003ePour qui est fait ce savon ?\u003c\/h2\u003e\n \u003cdiv class=\"sa-grid-compact\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🤲 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les peaux irritées, sujettes à l'eczéma ou aux démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peau, des plus jeunes aux plus matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌱 Routine naturelle\u003c\/h3\u003e\n \u003cp\u003eParfait pour celles et ceux qui souhaitent une routine beauté sans ingrédient synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✈️ Format voyage\u003c\/h3\u003e\n \u003cp\u003eSon format de 100 g est idéal au quotidien comme en déplacement. Biodégradable et zéro déchet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION CTA + DISCLAIMER --\u003e\n \u003csection class=\"sa-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sa-cta-box\"\u003e\n \u003cp\u003e🕌 Offrez à votre peau un soin millénaire — le savon d'Alep à l'huile de nigelle Najel, apaisant, régénérant et 100 % naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sa-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sa-cream: #faf6f1;\n --sa-white: #ffffff;\n --sa-primary: #d97b1e;\n --sa-primary-dark: #8c4e10;\n --sa-primary-light: #fdf0e0;\n --sa-secondary: #c4922a;\n --sa-accent: #e8a838;\n --sa-text: #1a1a1a;\n --sa-text-light: #5a5a5a;\n --sa-border: #e8ddd0;\n --sa-shadow: 0 4px 24px rgba(140,78,16,.08);\n --sa-shadow-lg: 0 12px 48px rgba(140,78,16,.15);\n --sa-radius: 20px;\n --sa-radius-sm: 12px;\n}\n\n.sa-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sa-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sa-hero {\n position: relative;\n background: linear-gradient(135deg, #c4692a 0%, #d97b1e 40%, #e8a838 100%);\n border-radius: var(--sa-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sa-shadow-lg);\n}\n\n.sa-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n repeating-conic-gradient(from 0deg at 50% 50%, transparent 0deg 8deg, rgba(255,255,255,.015) 8deg 10deg);\n opacity: 1;\n}\n\n.sa-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sa-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sa-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sa-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sa-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sa-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.sa-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sa-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sa-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sa-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sa-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sa-primary), var(--sa-secondary));\n border-radius: 2px;\n}\n\n.sa-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.sa-section-intro strong {\n color: var(--sa-text);\n}\n\n\/* === CARDS === *\/\n.sa-card {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sa-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sa-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sa-shadow-lg);\n border-color: var(--sa-primary);\n}\n\n.sa-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sa-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sa-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sa-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sa-grid-compact .sa-card {\n padding: 1rem;\n}\n\n.sa-grid-compact .sa-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sa-grid-compact .sa-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sa-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sa-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sa-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sa-primary), var(--sa-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sa-timeline-content {\n flex: 1;\n background: var(--sa-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sa-radius-sm);\n box-shadow: var(--sa-shadow);\n}\n\n.sa-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sa-timeline-content p {\n font-size: 14px;\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sa-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sa-primary-light);\n border-radius: var(--sa-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sa-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sa-tip p {\n font-size: 14px;\n color: var(--sa-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sa-tip p strong {\n color: var(--sa-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.sa-testimonial {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sa-shadow);\n border-left: 4px solid var(--sa-primary);\n}\n\n.sa-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.sa-cta-box {\n background: linear-gradient(135deg, var(--sa-primary) 0%, var(--sa-primary-dark) 100%);\n border-radius: var(--sa-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sa-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sa-disclaimer {\n font-size: 12px;\n color: var(--sa-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sa-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sa-card {\n padding: 1.125rem;\n }\n\n .sa-section {\n margin-bottom: 1.75rem;\n }\n\n .sa-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sa-radius-sm);\n }\n\n .sa-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sa-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sa-grid-compact {\n gap: .625rem;\n }\n\n .sa-grid-compact .sa-card {\n padding: .75rem;\n }\n\n .sa-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sa-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sa-timeline-content h3 {\n font-size: 14px;\n }\n\n .sa-timeline-content p {\n font-size: 13px;\n }\n\n .sa-testimonial {\n padding: 1.25rem;\n }\n\n .sa-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sa-card {\n animation: saFadeInUp .5s ease backwards;\n }\n .sa-card:nth-child(1) { animation-delay: .05s; }\n .sa-card:nth-child(2) { animation-delay: .1s; }\n .sa-card:nth-child(3) { animation-delay: .15s; }\n .sa-card:nth-child(4) { animation-delay: .2s; }\n .sa-card:nth-child(5) { animation-delay: .25s; }\n .sa-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes saFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sa-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54878539972985,"sku":"NJ0090","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-a-lhuile-de-nigelle-100-g-najel-lifestyle.webp?v=1772804061"},{"product_id":"savon-alep-12-laurier-najel-100g","title":"Savon d'Alep 12% Huile de Baies de Laurier - Najel - 100g","description":"\u003cdiv class=\"sa-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sa-hero\"\u003e\n \u003cdiv class=\"sa-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sa-hero-content\"\u003e\n \u003cdiv class=\"sa-badges-top\"\u003e\n \u003cspan class=\"sa-badge\"\u003e🌿 12% huile de laurier\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🕊️ Recette millénaire\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🧼 100% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sa-hero-title\"\u003eSavon d'Alep 12% Huile de Baies de Laurier\u003c\/span\u003e\n \u003cp class=\"sa-subtitle\"\u003eNajel — 100 g\u003c\/p\u003e\n \u003cp class=\"sa-description\"\u003eL'authentique savon d'Alep artisanal, héritier d'un savoir-faire vieux de 3 000 ans. Douceur, purification et tradition réunies dans un seul pain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eSavon d'Alep 12% huile de baies de laurier Najel : l'authentique soin millénaire\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eHéritier d'un savoir-faire vieux de plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e, ce savon d'Alep signé Najel est bien plus qu'un simple savon.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid-compact\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🏛️ Fabrication artisanale\u003c\/h3\u003e\n \u003cp\u003eFabriqué dans la ville d'Alep, en Syrie, selon une recette ancestrale transmise de génération en génération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌿 Ingrédients nobles\u003c\/h3\u003e\n \u003cp\u003eUniquement des huiles d'olive et de baies de laurier, sans colorant, sans parfum de synthèse, sans conservateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre idéal\u003c\/h3\u003e\n \u003cp\u003eAvec 12% d'huile de baies de laurier, un dosage parfait entre douceur et purification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🤲 Toutes les peaux\u003c\/h3\u003e\n \u003cp\u003eAdapté à la majorité des types de peau, y compris les peaux réactives et sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLa force de ce savon réside dans la simplicité de sa formule. Pas de colorants, pas de parfums de synthèse, pas de conservateurs : uniquement des ingrédients naturels, saponifiés à chaud puis séchés pendant de longs mois.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eOlea Europaea Fruit Oil\u003c\/strong\u003e — Nourrit, adoucit et protège le film hydrolipidique de la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier — 12%\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eLaurus Nobilis Fruit Oil\u003c\/strong\u003e — Purifiante et apaisante, elle aide à calmer les peaux réactives et sujettes aux imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e💧 Eau \u0026amp; hydroxyde de sodium\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAqua, Sodium Hydroxide\u003c\/strong\u003e — Agent de saponification entièrement transformé au cours du processus de fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Olea Europaea Fruit Oil, Laurus Nobilis Fruit Oil, Aqua, Sodium Hydroxide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eBienfaits du savon d'Alep 12% pour votre peau\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eVous cherchez à comprendre les bienfaits du savon d'Alep ? Voici ce que cette concentration à 12% de laurier peut vous apporter au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✨ Nettoyage en douceur\u003c\/h3\u003e\n \u003cp\u003eIl élimine les impuretés sans agresser ni dessécher l'épiderme. Un nettoyage respectueux, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🩹 Apaisement des irritations\u003c\/h3\u003e\n \u003cp\u003ePeaux sensibles, rougeurs, tiraillements — l'huile de laurier aide à calmer les inconforts cutanés durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e⚖️ Rééquilibrage des peaux mixtes\u003c\/h3\u003e\n \u003cp\u003eRégule l'excès de sébum tout en maintenant une bonne hydratation. Votre peau retrouve son équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e💇 Soin pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisé comme shampoing solide, le savon d'Alep purifie le cuir chevelu et redonne légèreté et brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e👨‍⚕️\u003c\/span\u003e\n \u003cp\u003eCe dosage à 12% est souvent recommandé comme un excellent point de départ pour découvrir le savon d'Alep. Bien toléré, même sur les peaux réactives. En cas de pathologie cutanée, demandez toujours l'avis de votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon d'Alep au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"sa-timeline\"\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eMouillez vos mains\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains humides jusqu'à obtenir une mousse onctueuse et généreuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en massages doux\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse sur le visage et le corps en massages circulaires doux. Convient à un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Votre peau est propre, douce et apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour prolonger la durée de vie de votre savon, posez-le sur un porte-savon aéré afin qu'il sèche entre chaque utilisation. Vous remarquerez que l'intérieur du pain reste vert — signe d'un savon d'Alep authentique — tandis que l'extérieur brunit naturellement au contact de l'air.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sa-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🏆 Marque pionnière\u003c\/h3\u003e\n \u003cp\u003eNajel est pionnière dans l'importation du savon d'Alep en France. Un gage de qualité et d'authenticité reconnu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003e100% naturel, biodégradable et conditionné dans un emballage minimaliste. Un geste concret pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✈️ Format voyage 100 g\u003c\/h3\u003e\n \u003cp\u003eParfait pour un premier essai ou pour glisser dans votre trousse de voyage. Pratique et économique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-cta-box\"\u003e\n \u003cp\u003e🌿 Vous cherchez où acheter du savon d'Alep authentique ? Vous êtes au bon endroit : ce produit respecte scrupuleusement la recette traditionnelle, sans aucun compromis sur la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sa-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical et ne saurait remplacer une consultation auprès d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sa-cream: #f7f5f0;\n --sa-white: #ffffff;\n --sa-primary: #7a9e7e;\n --sa-primary-dark: #3d5c40;\n --sa-primary-light: #e8f0e9;\n --sa-secondary: #b8a88a;\n --sa-accent: #c9b88c;\n --sa-text: #1a1a1a;\n --sa-text-light: #5a5a5a;\n --sa-border: #e0e0e0;\n --sa-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sa-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sa-radius: 20px;\n --sa-radius-sm: 12px;\n}\n\n.sa-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sa-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sa-hero {\n position: relative;\n background: linear-gradient(135deg, #3d5c40 0%, #7a9e7e 50%, #b8a88a 100%);\n border-radius: var(--sa-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sa-shadow-lg);\n}\n\n.sa-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.04) 0%, transparent 40%);\n opacity: 1;\n}\n\n.sa-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sa-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sa-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.sa-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.sa-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sa-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sa-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sa-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sa-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sa-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sa-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sa-primary), var(--sa-secondary));\n border-radius: 2px;\n}\n\n.sa-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sa-card {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sa-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sa-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sa-shadow-lg);\n border-color: var(--sa-primary);\n}\n\n.sa-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sa-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sa-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sa-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sa-grid-compact .sa-card {\n padding: 1rem;\n}\n\n.sa-grid-compact .sa-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sa-grid-compact .sa-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sa-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sa-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sa-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sa-primary), var(--sa-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sa-timeline-content {\n flex: 1;\n background: var(--sa-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sa-radius-sm);\n box-shadow: var(--sa-shadow);\n}\n\n.sa-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sa-timeline-content p {\n font-size: 14px;\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sa-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sa-primary-light);\n border-radius: var(--sa-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sa-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sa-tip p {\n font-size: 14px;\n color: var(--sa-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sa-cta-box {\n background: linear-gradient(135deg, var(--sa-primary) 0%, var(--sa-primary-dark) 100%);\n border-radius: var(--sa-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.sa-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sa-disclaimer {\n font-size: 12px;\n color: var(--sa-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sa-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sa-card {\n padding: 1.125rem;\n }\n\n .sa-section {\n margin-bottom: 1.75rem;\n }\n\n .sa-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sa-radius-sm);\n }\n\n .sa-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sa-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sa-grid-compact {\n gap: .625rem;\n }\n\n .sa-grid-compact .sa-card {\n padding: .75rem;\n }\n\n .sa-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sa-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sa-timeline-content h3 {\n font-size: 14px;\n }\n\n .sa-timeline-content p {\n font-size: 13px;\n }\n\n .sa-tip {\n padding: .875rem 1rem;\n }\n\n .sa-tip-icon {\n font-size: 20px;\n }\n\n .sa-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sa-card {\n animation: saFadeInUp .5s ease backwards;\n }\n .sa-card:nth-child(1) { animation-delay: .05s; }\n .sa-card:nth-child(2) { animation-delay: .1s; }\n .sa-card:nth-child(3) { animation-delay: .15s; }\n .sa-card:nth-child(4) { animation-delay: .2s; }\n .sa-card:nth-child(5) { animation-delay: .25s; }\n .sa-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes saFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sa-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54880877904249,"sku":"NJ0050","price":4.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-12-huile-de-baies-de-laurier-najel-100g-lifestyle_fe4f6115-8c01-4c2e-939b-11a6380d3008.webp?v=1778148601"},{"product_id":"savon-alep-charbon-bio","title":"Savon d'Alep au Charbon Bio - Najel - 100 g","description":"\u003cdiv class=\"nj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nj-hero\"\u003e\n \u003cdiv class=\"nj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nj-hero-content\"\u003e\n \u003cdiv class=\"nj-badges-top\"\u003e\n \u003cspan class=\"nj-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🧼 Fabriqué à Alep\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🌍 Sans huile de palme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nj-hero-title\"\u003eSavon d'Alep au Charbon Bio\u003c\/span\u003e\n \u003cp class=\"nj-subtitle\"\u003eNajel — 100 g\u003c\/p\u003e\n \u003cp class=\"nj-description\"\u003eLa puissance détoxifiante du charbon actif alliée au savoir-faire millénaire du savon d'Alep. Une peau nette, purifiée et lumineuse dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eSavon d'Alep au charbon noir bio Najel : le soin purifiant d'exception\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon au charbon noir\u003c\/strong\u003e qui nettoie vraiment en profondeur sans agresser votre peau ? Le \u003cstrong\u003esavon d'Alep au charbon bio de Najel\u003c\/strong\u003e associe un savoir-faire millénaire syrien à la puissance détoxifiante du \u003cstrong\u003echarbon actif\u003c\/strong\u003e. Résultat : une peau débarrassée de ses impuretés, nette et visiblement plus lumineuse dès les premières utilisations.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon charbon noir pour le visage et le corps ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-testimonial\"\u003e\n \u003cp class=\"nj-testimonial-text\"\u003eLe \u003cstrong\u003echarbon noir\u003c\/strong\u003e est reconnu pour sa capacité exceptionnelle à absorber les toxines, les résidus de pollution et l'excès de sébum logés dans les pores. Contrairement aux nettoyants classiques qui restent en surface, le charbon agit comme un véritable aimant à impuretés. Intégré dans une base de \u003cstrong\u003esavon d'Alep authentique\u003c\/strong\u003e, il bénéficie en plus des propriétés nourrissantes des huiles végétales pour un nettoyage en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon au charbon noir Najel\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧲 Détoxifie en profondeur\u003c\/h3\u003e\n \u003cp\u003eLe charbon actif capture les impuretés, la pollution et les résidus de maquillage piégés dans les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✨ Régule le sébum\u003c\/h3\u003e\n \u003cp\u003eParticulièrement adapté aux peaux mixtes à grasses, il réduit la brillance et prévient l'apparition des points noirs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🫒 Nourrit et apaise\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive bio hydrate tandis que l'huile de baies de laurier calme les irritations et favorise la réparation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🤍 Tous types de peau\u003c\/h3\u003e\n \u003cp\u003eSa formule douce, sans parfum artificiel ni colorant, respecte même les peaux les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧴 Visage et corps\u003c\/h3\u003e\n \u003cp\u003eUn seul produit pour simplifier votre routine de soins quotidienne, du matin au soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"nj-accordion\"\u003e\n \u003cdetails class=\"nj-accordion-item\" open\u003e\n \u003csummary class=\"nj-accordion-header\"\u003e📋 Ingrédients (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n \u003cp\u003eSodium Olivate (huile d'olive saponifiée), Sodium Laurelate (huile de baies de laurier saponifiée), Aqua, Charcoal Powder* (poudre de charbon bio), Sodium Hydroxide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nj-accordion-item\"\u003e\n \u003csummary class=\"nj-accordion-header\"\u003e🌱 Engagements qualité\u003c\/summary\u003e\n \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n \u003cp\u003eFormule \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, certifiée bio. Sans huile de palme, sans conservateur synthétique, sans parfum artificiel. Produit \u003cstrong\u003evegan\u003c\/strong\u003e et non testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon d'Alep au charbon ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-timeline\"\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMouillez le savon et faites-le mousser entre vos mains humides ou à l'aide d'un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eMassez la mousse sur le visage et le corps en effectuant de légers mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eLaissez agir (optionnel)\u003c\/h3\u003e\n \u003cp\u003ePour un effet purifiant maximal sur le visage, laissez la mousse agir une trentaine de secondes avant de rincer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Votre peau est nette, fraîche et purifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce conservation :\u003c\/strong\u003e après chaque utilisation, posez votre savon sur un porte-savon aéré afin qu'il sèche correctement. Il durera ainsi nettement plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eUn choix écoresponsable au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"nj-testimonial\"\u003e\n \u003cp class=\"nj-testimonial-text\"\u003eOpter pour le \u003cstrong\u003esavon noir au charbon Najel\u003c\/strong\u003e, c'est faire le choix d'un produit fabriqué artisanalement à Alep, en Syrie, selon une recette ancestrale transmise de génération en génération. L'emballage minimaliste en papier recyclable limite l'impact environnemental. En remplaçant vos gels douche en flacon plastique par ce savon solide, vous réduisez considérablement vos déchets tout en prenant soin de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"nj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eEn résumé\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e⚖️ Poids\u003c\/h3\u003e\n \u003cp\u003e100 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧴 Type de peau\u003c\/h3\u003e\n \u003cp\u003eTous types, idéal peaux mixtes à grasses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🖤 Actif phare\u003c\/h3\u003e\n \u003cp\u003eCharbon actif bio purifiant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n \u003cp\u003eArtisanale, Alep (Syrie)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✅ Certifications\u003c\/h3\u003e\n \u003cp\u003eBio – Vegan – Sans huile de palme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"nj-disclaimer\"\u003eCe savon ne se substitue pas à un traitement dermatologique. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nj-cream: #f4f2ed;\n --nj-white: #ffffff;\n --nj-primary: #3d6b4f;\n --nj-primary-dark: #1e3a2a;\n --nj-primary-light: #e8f0eb;\n --nj-secondary: #5a9e6f;\n --nj-accent: #2c2c2c;\n --nj-text: #1a1a1a;\n --nj-text-light: #5a5a5a;\n --nj-border: #ddd8d0;\n --nj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, var(--nj-accent) 0%, var(--nj-primary-dark) 40%, var(--nj-primary) 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(ellipse at 20% 80%, rgba(90,158,111,.15) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(61,107,79,.12) 0%, transparent 50%);\n opacity: 1;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.75);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .04em;\n text-transform: uppercase;\n}\n\n.nj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n}\n\n.nj-section-intro strong {\n color: var(--nj-text);\n}\n\n\/* === CARDS === *\/\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nj-testimonial {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nj-shadow);\n border-left: 4px solid var(--nj-primary);\n}\n\n.nj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.nj-testimonial-text strong {\n color: var(--nj-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.nj-accordion {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n box-shadow: var(--nj-shadow);\n overflow: hidden;\n}\n\n.nj-accordion-item {\n border-bottom: 1px solid var(--nj-border);\n margin: 0;\n padding: 0;\n}\n\n.nj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nj-accordion-header:hover {\n background: var(--nj-primary-light);\n}\n\n.nj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nj-primary);\n transition: transform .2s ease;\n}\n\n.nj-accordion-item[open] .nj-accordion-header::after {\n content: '−';\n}\n\n.nj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nj-accordion-content p {\n margin: 0;\n}\n\n.nj-accordion-content strong {\n color: var(--nj-text);\n}\n\n\/* === TIP BOX === *\/\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.nj-tip strong {\n color: var(--nj-primary-dark);\n}\n\n\/* === DISCLAIMER === *\/\n.nj-disclaimer {\n font-size: 12px;\n color: var(--nj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nj-card {\n padding: 1.125rem;\n }\n\n .nj-section {\n margin-bottom: 1.75rem;\n }\n\n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n\n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nj-grid-compact {\n gap: .625rem;\n }\n\n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n\n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nj-timeline-content h3 {\n font-size: 14px;\n }\n\n .nj-timeline-content p {\n font-size: 13px;\n }\n\n .nj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nj-testimonial {\n padding: 1.25rem;\n }\n\n .nj-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: njFadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54880943079801,"sku":"NJ0105","price":5.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-au-charbon-bio-najel-100-g-lifestyle_c1ae59cf-22ae-4a9c-9531-27da79feadaa.webp?v=1778148005"},{"product_id":"savon-noir-alep-multiusage-bio-1l","title":"Savon Noir d'Alep Liquide Multiusage Bio - Najel - 1 L","description":"\u003cdiv class=\"sna-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sna-hero\"\u003e\n\u003cdiv class=\"sna-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sna-hero-content\"\u003e\n\u003cdiv class=\"sna-badges-top\"\u003e\n\u003cspan class=\"sna-badge\"\u003e🫒 Olive \u0026amp; laurier bio\u003c\/span\u003e \u003cspan class=\"sna-badge\"\u003e🏷️ Certifié Ecocert\u003c\/span\u003e \u003cspan class=\"sna-badge\"\u003e🏠 Corps \u0026amp; maison\u003c\/span\u003e \u003cspan class=\"sna-badge\"\u003e📦 Format 1 L\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sna-hero-title\"\u003eSavon Noir d'Alep Liquide Multiusage Bio\u003c\/span\u003e\n\u003cp class=\"sna-subtitle\"\u003eNajel — 1 litre\u003c\/p\u003e\n\u003cp class=\"sna-description\"\u003eLe nettoyant naturel ancestral qui remplace des produits chimiques : un entretien écologique de toute la maison, dans un seul flacon économique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eLe savon noir liquide authentique d'Alep, version 1 L\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon noir liquide\u003c\/strong\u003e vraiment polyvalent redoutable sur les surfaces ? Le \u003cstrong\u003esavon liquide noir\u003c\/strong\u003e Najel est élaboré à partir de deux huiles emblématiques d'Alep, sans aucun additif superflu.\u003c\/p\u003e\n\u003cdiv class=\"sna-grid-compact\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n\u003cp\u003eNourrit la peau et dégraisse efficacement toutes les surfaces du quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🌿 Baies de laurier\u003c\/h3\u003e\n\u003cp\u003eApporte ses propriétés purifiantes reconnues depuis l'Antiquité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🔄 Multiusage\u003c\/h3\u003e\n\u003cp\u003eUn seul produit pour la vaisselle, les sols et le linge\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e💧 Ultra concentré\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes suffisent : un litre dure plusieurs mois\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eUne maison propre, naturellement\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eSouvent comparé aux références distribuées en grande surface (type \u003cstrong\u003esavon noir liquide Leclerc\u003c\/strong\u003e ou \u003cstrong\u003esavon noir liquide Action\u003c\/strong\u003e), ce savon Najel se distingue par sa formule certifiée \u003cstrong\u003eEcocert Écodétergent\u003c\/strong\u003e, sans tensioactifs synthétiques.\u003c\/p\u003e\n\u003cdiv class=\"sna-grid\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🍽️ Liquide vaisselle au savon noir\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes pures sur une éponge humide : un véritable \u003cstrong\u003eliquide vaisselle maison au savon noir\u003c\/strong\u003e, dégraissant et doux pour les mains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🧹 Sols et surfaces\u003c\/h3\u003e\n\u003cp\u003eUne cuillère à soupe dans un litre d'eau chaude pour carrelages, plans de travail et meubles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e👕 Linge et détachage\u003c\/h3\u003e\n\u003cp\u003eDeux cuillères dans le tambour ou en application directe sur les taches tenaces\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🪟 Vitres sans traces\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes dans de l'eau tiède pour des miroirs impeccables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-tip\"\u003e\n\u003cspan class=\"sna-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eAstuce zéro déchet : remplacez plusieurs flacons en plastique par ce \u003cstrong\u003eliquide savon noir\u003c\/strong\u003e unique, biodégradable et économique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\u003c!-- SECTION 4 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"sna-section\"\u003e\n\u003ch2\u003eComposition \u0026amp; conseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"sna-accordion\"\u003e\n\u003cdetails class=\"sna-accordion-item\"\u003e\n\u003csummary class=\"sna-accordion-header\"\u003e🧪 Ingrédients (INCI)\u003c\/summary\u003e\n\u003cdiv class=\"sna-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eAqua, Potassium Olivate*, Potassium Laurelate*, Glycerin.\u003c\/strong\u003e\u003cbr\u003e*Issus de l'agriculture biologique. 99 % d'origine naturelle. Sans parfum, sans colorant, sans huile de palme, sans paraben.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sna-accordion-item\"\u003e\n\u003csummary class=\"sna-accordion-header\"\u003e🏠 Pour la maison\u003c\/summary\u003e\n\u003cdiv class=\"sna-accordion-content mt-3\"\u003e\n\u003cp\u003eDiluez 1 à 2 cuillères à soupe dans 1 litre d'eau tiède pour les sols et surfaces. Utilisez pur sur une éponge en \u003cstrong\u003eliquide vaisselle savon noir\u003c\/strong\u003e ou pour le détachage localisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"sna-disclaimer\"\u003eProduit d'entretien. Évitez le contact avec les yeux. Tenir hors de portée des enfants. Ne remplace pas un avis médical en cas de problème cutané persistant.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sna-cream: #f5f7f2;\n --sna-white: #ffffff;\n --sna-primary: #6b8e4e;\n --sna-primary-dark: #2d3e2a;\n --sna-primary-light: #e3ebd9;\n --sna-secondary: #a8c48a;\n --sna-accent: #d9b96a;\n --sna-text: #1f2a1c;\n --sna-text-light: #5a6753;\n --sna-border: #d8e0cf;\n --sna-shadow: 0 4px 24px rgba(45,62,42,.08);\n --sna-shadow-lg: 0 12px 48px rgba(45,62,42,.18);\n --sna-radius: 20px;\n --sna-radius-sm: 12px;\n}\n\n.sna-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sna-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sna-text);\n line-height: 1.6;\n}\n\n\/* HERO *\/\n.sna-hero {\n position: relative;\n background: linear-gradient(135deg, #2d3e2a 0%, #4a6238 50%, #6b8e4e 100%);\n border-radius: var(--sna-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sna-shadow-lg);\n}\n\n.sna-hero-pattern {\n position: absolute;\n inset: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, #fff 1px, transparent 1px),\n radial-gradient(circle at 70% 60%, #fff 2px, transparent 2px),\n radial-gradient(circle at 40% 80%, #fff 1px, transparent 1px);\n background-size: 80px 80px, 120px 120px, 100px 100px;\n}\n\n.sna-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sna-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n line-height: 1.1;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.sna-subtitle {\n color: var(--sna-accent);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.sna-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* BADGES *\/\n.sna-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\n}\n\n.sna-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sna-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sna-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* SECTIONS *\/\n.sna-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sna-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sna-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n line-height: 1.2;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sna-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sna-primary), var(--sna-secondary));\n border-radius: 2px;\n}\n\n.sna-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sna-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.sna-section-intro strong {\n color: var(--sna-primary-dark);\n}\n\n\/* CARDS *\/\n.sna-card {\n background: var(--sna-white);\n border-radius: var(--sna-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sna-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sna-shadow-lg);\n border-color: var(--sna-primary);\n}\n\n.sna-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sna-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sna-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sna-card p strong {\n color: var(--sna-primary-dark);\n}\n\n\/* GRIDS *\/\n.sna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sna-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sna-grid-compact .sna-card {\n padding: 1.25rem 1rem;\n}\n\n.sna-grid-compact .sna-card h3 {\n font-size: 15px;\n margin-bottom: .35rem;\n}\n\n.sna-grid-compact .sna-card p {\n font-size: 13px;\n}\n\n\/* TIP *\/\n.sna-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sna-primary-light);\n border-radius: var(--sna-radius-sm);\n padding: 1.125rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--sna-primary);\n}\n\n.sna-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sna-tip p {\n font-size: 14px;\n color: var(--sna-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sna-tip p strong {\n color: var(--sna-primary-dark);\n}\n\n\/* ACCORDION *\/\n.sna-accordion {\n background: var(--sna-white);\n border-radius: var(--sna-radius);\n box-shadow: var(--sna-shadow);\n overflow: hidden;\n}\n\n.sna-accordion-item {\n border-bottom: 1px solid var(--sna-border);\n margin: 0;\n padding: 0;\n}\n\n.sna-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sna-accordion-header {\n padding: 1.125rem 1.5rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sna-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n}\n\n.sna-accordion-header:hover {\n background: var(--sna-primary-light);\n}\n\n.sna-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sna-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--sna-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.sna-accordion-item[open] .sna-accordion-header::after {\n content: '−';\n}\n\n.sna-accordion-content {\n padding: 0 1.5rem 1.25rem;\n color: var(--sna-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sna-accordion-content p {\n margin: 0;\n}\n\n.sna-accordion-content p strong {\n color: var(--sna-primary-dark);\n}\n\n.mt-3 {\n margin-top: .75rem;\n}\n\n\/* DISCLAIMER *\/\n.sna-disclaimer {\n font-size: 12px;\n color: var(--sna-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n .sna-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .sna-card {\n padding: 1.125rem;\n }\n .sna-section {\n margin-bottom: 1.75rem;\n }\n .sna-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sna-radius-sm);\n }\n .sna-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .sna-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .sna-grid-compact {\n gap: .625rem;\n }\n .sna-grid-compact .sna-card {\n padding: .875rem .75rem;\n }\n .sna-grid-compact .sna-card h3 {\n font-size: 13px;\n }\n .sna-grid-compact .sna-card p {\n font-size: 12px;\n }\n .sna-accordion-header {\n padding: .9375rem 1rem;\n font-size: 14px;\n }\n .sna-accordion-content {\n padding: 0 1rem 1rem;\n font-size: 13px;\n }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n .sna-card {\n animation: snaFadeUp .5s ease backwards;\n }\n .sna-card:nth-child(1) { animation-delay: .05s; }\n .sna-card:nth-child(2) { animation-delay: .1s; }\n .sna-card:nth-child(3) { animation-delay: .15s; }\n .sna-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes snaFadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sna-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54881030832505,"sku":"NJ0370","price":8.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-noir-dalep-liquide-multiusage-bio-najel-1-l-lifestyle.webp?v=1778151250"},{"product_id":"savon-dalep-5-190-g-najel","title":"Savon d'Alep 5% HBL – 190 g – Najel","description":"\u003cdiv class=\"alep-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"alep-hero\"\u003e\n\u003cdiv class=\"alep-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"alep-hero-content\"\u003e\n\u003cdiv class=\"alep-badges-top\"\u003e\n\u003cspan class=\"alep-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e \u003cspan class=\"alep-badge\"\u003e🇸🇾 Authentique Alep\u003c\/span\u003e \u003cspan class=\"alep-badge\"\u003e🧴 5% Huile de Laurier\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"alep-hero-title\"\u003eSavon d'Alep 5% HBL\u003c\/span\u003e\n\u003cp class=\"alep-subtitle\"\u003eL'héritage de 3 000 ans de savoir-faire syrien\u003c\/p\u003e\n\u003cp class=\"alep-description\"\u003eCe savon traditionnel associe \u003cstrong\u003e95% d'huile d'olive\u003c\/strong\u003e et \u003cstrong\u003e5% d'huile de baies de laurier\u003c\/strong\u003e pour un soin naturel qui respecte tous les types de peau, y compris les plus sensibles. L'ancêtre du savon de Marseille, dans sa forme la plus pure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon d'Alep à 5 % d'huile de baies de laurier ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003ePlus le taux d'huile de baies de laurier est élevé, plus le savon possède des propriétés purifiantes. Avec ses 5% d'HBL, ce dosage représente l'équilibre idéal pour un usage quotidien.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌱 Parfait pour débuter\u003c\/h3\u003e\n\u003cp\u003eSi vous découvrez les bienfaits du savon d'Alep, ce dosage convient à toutes les peaux sans risque d'assèchement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e💧 Peaux normales à sèches\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive nourrit intensément tandis que le laurier apporte une touche purifiante équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eEnfants, adultes et personnes âgées peuvent l'utiliser au quotidien en toute sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eLes bienfaits du savon d'Alep pour votre peau\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eCe n'est pas un hasard si le savon d'Alep traverse les siècles avec une réputation intacte.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🫒 Nutrition profonde\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive, riche en acides gras et en vitamine E, pénètre l'épiderme pour une peau souple et confortable toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌸 Action apaisante\u003c\/h3\u003e\n\u003cp\u003eL'huile de baies de laurier calme les petites irritations, les rougeurs et les inconforts cutanés du quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✨ Propriétés purifiantes\u003c\/h3\u003e\n\u003cp\u003eLe laurier aide à assainir la peau sans l'agresser, idéal pour les peaux à tendance grasse ou à imperfections légères.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🛡️ Respect du film hydrolipidique\u003c\/h3\u003e\n\u003cp\u003eContrairement aux savons industriels, ce savon surgras ne décape pas votre peau et préserve son équilibre naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eSavon d'Alep visage : est-ce vraiment adapté ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eOui, et c'est même l'une de ses utilisations les plus appréciées ! Grâce à sa formule douce et naturelle, il nettoie en profondeur sans provoquer de tiraillements.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e⚖️ Peaux mixtes\u003c\/h3\u003e\n\u003cp\u003eRégule l'excès de sébum sans assécher les zones plus sèches du visage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌷 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eIdéal pour celles qui réagissent aux nettoyants conventionnels chargés en additifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🎯 Routine simplifiée\u003c\/h3\u003e\n\u003cp\u003eUn produit polyvalent qui simplifie votre routine beauté quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e faites mousser le savon entre vos mains et appliquez la mousse onctueuse en massages circulaires, puis rincez à l'eau tiède.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eSavon d'Alep cheveux : un shampooing solide naturel\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eUtiliser le savon d'Alep pour les cheveux est une pratique ancestrale qui revient en force. Ce savon agit comme un shampooing solide naturel, particulièrement adapté aux cuirs chevelus sensibles ou sujets aux pellicules.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid-compact\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🧴 Purifie le cuir chevelu\u003c\/h3\u003e\n\u003cp\u003eL'huile de baies de laurier assainit en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e💆 Nourrit la fibre\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive nourrit et renforce vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e frottez le savon directement sur cheveux mouillés ou faites mousser dans vos mains avant d'appliquer. Rincez abondamment, puis terminez par un rinçage au vinaigre de cidre dilué pour refermer les écailles et apporter brillance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComposition complète du savon d'Alep Najel 5 % HBL\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eL'âme du savon d'Alep réside dans la simplicité et la pureté de ses ingrédients.\u003c\/p\u003e\n\u003cdiv class=\"alep-composition\"\u003e\n\u003cdiv class=\"alep-composition-item alep-composition-main\"\u003e\n\u003cspan class=\"alep-composition-percent\"\u003e95%\u003c\/span\u003e \u003cspan class=\"alep-composition-name\"\u003eSodium Olivate\u003c\/span\u003e \u003cspan class=\"alep-composition-desc\"\u003eHuile d'olive saponifiée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-composition-item alep-composition-secondary\"\u003e\n\u003cspan class=\"alep-composition-percent\"\u003e5%\u003c\/span\u003e \u003cspan class=\"alep-composition-name\"\u003eSodium Laurate\u003c\/span\u003e \u003cspan class=\"alep-composition-desc\"\u003eHuile de baies de laurier saponifiée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-ingredients-list\"\u003e\n\u003cspan class=\"alep-ingredient\"\u003eAqua (eau)\u003c\/span\u003e \u003cspan class=\"alep-ingredient\"\u003eSodium Hydroxide\u003c\/span\u003e \u003cspan class=\"alep-ingredient\"\u003eSodium Chloride (sel)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-purity-badges\"\u003e\n\u003cspan class=\"alep-purity-badge\"\u003e🚫 Sans colorant\u003c\/span\u003e \u003cspan class=\"alep-purity-badge\"\u003e🚫 Sans parfum de synthèse\u003c\/span\u003e \u003cspan class=\"alep-purity-badge\"\u003e🚫 Sans conservateur artificiel\u003c\/span\u003e \u003cspan class=\"alep-purity-badge\"\u003e🌴 Sans huile de palme\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eSavon d'Alep avis dermatologue : qu'en pensent les professionnels ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eLe savon d'Alep bénéficie généralement d'un avis favorable des dermatologues.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✅ Composition 100% naturelle\u003c\/h3\u003e\n\u003cp\u003eLimite les risques d'allergie ou d'irritation cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✅ Caractère surgras\u003c\/h3\u003e\n\u003cp\u003eConvient parfaitement aux peaux atopiques ou réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✅ Recommandé en complément\u003c\/h3\u003e\n\u003cp\u003ePeut accompagner les soins pour peaux à tendance eczémateuse ou psoriasique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"alep-disclaimer\"\u003e⚠️ Ce savon ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComment utiliser votre savon d'Alep au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eCe savon de 190 g est un véritable couteau suisse de la salle de bain.\u003c\/p\u003e\n\u003cdiv class=\"alep-timeline\"\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003e🚿 Pour le corps\u003c\/h3\u003e\n\u003cp\u003eFaites mousser sur peau humide, massez délicatement puis rincez. Votre peau est propre, douce et légèrement parfumée par les notes végétales naturelles du laurier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003e😊 Pour le visage\u003c\/h3\u003e\n\u003cp\u003eAppliquez la mousse en évitant le contour des yeux, rincez à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eUtilisez comme un shampooing solide, en insistant sur le cuir chevelu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003e🪒 Pour le rasage\u003c\/h3\u003e\n\u003cp\u003eLa mousse onctueuse facilite le passage du rasoir et apaise la peau après le rasage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e🧼\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e après chaque utilisation, posez votre savon sur un porte-savon aéré pour qu'il sèche entre deux utilisations. Ainsi, il durera plusieurs mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 10 (DERNIÈRE) --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"alep-section\"\u003e\n\u003ch2\u003eEn résumé\u003c\/h2\u003e\n\u003cdiv class=\"alep-cta-box\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eSavon d'Alep 5% HBL de Najel\u003c\/strong\u003e incarne l'essence même du soin naturel : des ingrédients nobles, un savoir-faire ancestral et une efficacité prouvée depuis des millénaires. Que vous souhaitiez l'utiliser pour le visage, le corps ou les cheveux, ce savon authentique deviendra vite un indispensable de votre routine.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem; font-size: 1.1em;\"\u003e🌿 Offrez à votre peau le meilleur de la tradition orientale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --alep-cream: #FAF8F5;\n --alep-white: #ffffff;\n --alep-primary: #4A9B8C;\n --alep-primary-dark: #2C5F4F;\n --alep-primary-light: #E8F4F1;\n --alep-secondary: #D4A853;\n --alep-accent: #8B7355;\n --alep-text: #1a1a1a;\n --alep-text-light: #5a5a5a;\n --alep-border: #e0e0e0;\n --alep-shadow: 0 4px 24px rgba(0,0,0,.08);\n --alep-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --alep-radius: 20px;\n --alep-radius-sm: 12px;\n}\n\n.alep-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alep-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.alep-hero {\n position: relative;\n background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 50%, #1D4A3F 100%);\n border-radius: var(--alep-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 15 L30 25 L25 15 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3Ccircle cx='10' cy='40' r='3' fill='%23ffffff' fill-opacity='0.02'\/%3E%3Ccircle cx='50' cy='45' r='4' fill='%23ffffff' fill-opacity='0.02'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.alep-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alep-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.alep-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.alep-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.alep-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.alep-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.alep-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.alep-description strong {\n color: var(--alep-secondary);\n}\n\n\/* === SECTIONS === *\/\n.alep-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alep-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--alep-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.alep-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--alep-primary), var(--alep-secondary));\n border-radius: 2px;\n}\n\n.alep-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.alep-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alep-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--alep-shadow-lg);\n border-color: var(--alep-primary);\n}\n\n.alep-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alep-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-grid-compact .alep-card {\n padding: 1rem;\n}\n\n.alep-grid-compact .alep-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.alep-grid-compact .alep-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION SECTION === *\/\n.alep-composition {\n display: flex;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n}\n\n.alep-composition-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 1.5rem 2rem;\n border-radius: var(--alep-radius);\n text-align: center;\n min-width: 180px;\n}\n\n.alep-composition-main {\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-primary-dark));\n color: white;\n}\n\n.alep-composition-secondary {\n background: linear-gradient(135deg, var(--alep-secondary), var(--alep-accent));\n color: white;\n}\n\n.alep-composition-percent {\n font-size: 42px;\n font-weight: 900;\n line-height: 1;\n margin-bottom: .25rem;\n}\n\n.alep-composition-name {\n font-size: 14px;\n font-weight: 700;\n margin-bottom: .25rem;\n}\n\n.alep-composition-desc {\n font-size: 12px;\n opacity: .9;\n}\n\n.alep-ingredients-list {\n display: flex;\n justify-content: center;\n gap: .75rem;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n}\n\n.alep-ingredient {\n background: var(--alep-white);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n color: var(--alep-text-light);\n box-shadow: var(--alep-shadow);\n}\n\n.alep-purity-badges {\n display: flex;\n justify-content: center;\n gap: .75rem;\n flex-wrap: wrap;\n}\n\n.alep-purity-badge {\n background: var(--alep-primary-light);\n color: var(--alep-primary-dark);\n padding: .5rem 1rem;\n border-radius: var(--alep-radius-sm);\n font-size: 12px;\n font-weight: 600;\n}\n\n\/* === TIMELINE === *\/\n.alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.alep-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.alep-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.alep-timeline-content {\n flex: 1;\n background: var(--alep-white);\n padding: 1rem 1.25rem;\n border-radius: var(--alep-radius-sm);\n box-shadow: var(--alep-shadow);\n}\n\n.alep-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.alep-timeline-content p {\n font-size: 14px;\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.alep-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--alep-primary-light);\n border-radius: var(--alep-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.alep-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.alep-tip p {\n font-size: 14px;\n color: var(--alep-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.alep-cta-box {\n background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 100%);\n border-radius: var(--alep-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.alep-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.alep-disclaimer {\n font-size: 12px;\n color: var(--alep-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .alep-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .alep-card {\n padding: 1.125rem;\n }\n \n .alep-section {\n margin-bottom: 1.75rem;\n }\n \n .alep-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alep-radius-sm);\n }\n \n .alep-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .alep-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .alep-grid-compact {\n gap: .625rem;\n }\n \n .alep-grid-compact .alep-card {\n padding: .75rem;\n }\n \n .alep-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .alep-timeline-content {\n padding: .875rem 1rem;\n }\n \n .alep-timeline-content h3 {\n font-size: 14px;\n }\n \n .alep-timeline-content p {\n font-size: 13px;\n }\n \n .alep-composition {\n gap: 1rem;\n }\n \n .alep-composition-item {\n padding: 1rem 1.5rem;\n min-width: 140px;\n }\n \n .alep-composition-percent {\n font-size: 32px;\n }\n \n .alep-purity-badges {\n gap: .5rem;\n }\n \n .alep-purity-badge {\n font-size: 11px;\n padding: .4rem .75rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .alep-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alep-card:nth-child(1) { animation-delay: .05s; }\n .alep-card:nth-child(2) { animation-delay: .1s; }\n .alep-card:nth-child(3) { animation-delay: .15s; }\n .alep-card:nth-child(4) { animation-delay: .2s; }\n .alep-card:nth-child(5) { animation-delay: .25s; }\n .alep-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .alep-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54922476355961,"sku":"NJ0035","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-5-hbl-190-g-najel-lifestyle_eb6c8e97-fb12-41f4-8f84-1cae132dc9c7.webp?v=1769589615"},{"product_id":"savon-dalep-a-lencens-najel","title":"Savon d'Alep à l'Encens – 20 g – Najel","description":"\u003cdiv class=\"alep-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"alep-hero\"\u003e\n\u003cdiv class=\"alep-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"alep-hero-content\"\u003e\n\u003cdiv class=\"alep-badges-top\"\u003e\n\u003cspan class=\"alep-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e \u003cspan class=\"alep-badge\"\u003e🕌 Savoir-faire 3000 ans\u003c\/span\u003e \u003cspan class=\"alep-badge\"\u003e✈️ Format voyage 20g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"alep-hero-title\"\u003eSavon d'Alep à l'Encens\u003c\/span\u003e\n\u003cp class=\"alep-subtitle\"\u003eNajel – 20 g\u003c\/p\u003e\n\u003cp class=\"alep-description\"\u003eUn trésor ancestral syrien aux senteurs envoûtantes d'oliban, façonné à la main selon des traditions millénaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eLe savon d'Alep à l'encens : un rituel ancestral aux senteurs envoûtantes\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eVous cherchez un savon authentique qui respecte votre peau tout en vous offrant un véritable moment de bien-être ?\u003c\/p\u003e\n\u003cdiv class=\"alep-highlight-box\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eSavon d'Alep à l'Encens de Najel\u003c\/strong\u003e perpétue un savoir-faire vieux de plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e, enrichi d'une fragrance boisée et résineuse qui transforme chaque toilette en instant de sérénité.\u003c\/p\u003e\n\u003cp\u003eCe petit format de \u003cstrong\u003e20 g\u003c\/strong\u003e vous permet de découvrir les bienfaits du savon d'Alep sans engagement, ou de l'emporter partout avec vous lors de vos déplacements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eQu'est-ce qui rend ce savon d'Alep si particulier ?\u003c\/h2\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🏛️ Ancêtre de tous les savons\u003c\/h3\u003e\n\u003cp\u003eOriginaire de la ville syrienne du même nom, sa recette est transmise de génération en génération depuis des millénaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🔥 Saponification en chaudron\u003c\/h3\u003e\n\u003cp\u003eUn procédé artisanal lent qui préserve toutes les qualités des huiles, contrairement aux savons industriels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✨ Dimension sensorielle unique\u003c\/h3\u003e\n\u003cp\u003eL'encens apporte des notes chaudes et enveloppantes, comme un rituel d'aromathérapie intégré à votre routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComposition du savon d'Alep à l'encens Najel\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eUne formule reposant sur des ingrédients 100 % naturels, sans colorants artificiels, sans conservateurs synthétiques et sans additifs chimiques.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n\u003cp\u003eBase nourrissante et émolliente qui adoucit la peau en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n\u003cp\u003eReconnue pour ses propriétés purifiantes et apaisantes sur les peaux sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🪔 Encens (oliban)\u003c\/h3\u003e\n\u003cp\u003eRésine naturelle aux vertus relaxantes et à la fragrance caractéristique envoûtante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-inci-box\"\u003e\n\u003cstrong\u003eINCI :\u003c\/strong\u003e Sodium Olivate, Sodium Laurate, Aqua, Boswellia Carterii Resin Extract, Parfum.\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eLes bienfaits du savon d'Alep pour votre peau\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eLes avis des dermatologues sur le savon d'Alep sont généralement positifs, notamment pour les personnes en quête d'alternatives douces.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🧴 Nettoyage respectueux\u003c\/h3\u003e\n\u003cp\u003eSa formule surgras nettoie sans décaper ni assécher, préservant le film hydrolipidique naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive apporte des acides gras essentiels qui maintiennent la souplesse cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌸 Action apaisante\u003c\/h3\u003e\n\u003cp\u003eL'huile de baies de laurier calme les irritations et les sensations d'inconfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🧘 Moment de relaxation\u003c\/h3\u003e\n\u003cp\u003eLes effluves d'encens transforment votre douche en véritable parenthèse bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eSa douceur exceptionnelle le rend adapté aux peaux sensibles, sèches ou réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComment utiliser votre savon d'Alep à l'encens ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eCe savon polyvalent s'utilise pour le visage, le corps, et même les cheveux si vous souhaitez une alternative naturelle aux shampoings classiques.\u003c\/p\u003e\n\u003cdiv class=\"alep-timeline\"\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003eHumidifiez le savon\u003c\/h3\u003e\n\u003cp\u003eFaites-le mousser entre vos mains jusqu'à obtenir une mousse onctueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003eAppliquez en massages circulaires\u003c\/h3\u003e\n\u003cp\u003eÉtalez la mousse sur la peau en mouvements doux et enveloppants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n\u003cp\u003eÀ l'eau claire pour éliminer toute trace de savon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003eLaissez sécher à l'air libre\u003c\/h3\u003e\n\u003cp\u003ePlacez votre savon sur un porte-savon aéré entre chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e🌙\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour profiter pleinement de ses arômes relaxants, utilisez-le le soir avant le coucher. L'encens favorise l'apaisement de l'esprit et prépare naturellement au sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eUn format nomade idéal pour voyager ou offrir\u003c\/h2\u003e\n\u003cdiv class=\"alep-grid-compact\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✈️ Ultra-compact\u003c\/h3\u003e\n\u003cp\u003e20 g qui se glissent dans votre trousse ou sac à main.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🎁 Idée cadeau\u003c\/h3\u003e\n\u003cp\u003eFaites découvrir ce produit ancestral à vos proches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🎨 Motif oriental\u003c\/h3\u003e\n\u003cp\u003eGravé à la main, témoin du travail artisanal syrien. Format aléatoiore.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e📦 Coffret DIY\u003c\/h3\u003e\n\u003cp\u003eParfait pour compléter un coffret soins naturels fait maison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003ePourquoi choisir le savon d'Alep Najel ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eLa marque Najel perpétue l'héritage familial de la fabrication du savon d'Alep depuis plusieurs générations.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid-compact\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🏺 Artisanal\u003c\/h3\u003e\n\u003cp\u003eMéthodes traditionnelles respectées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🐰 Végan\u003c\/h3\u003e\n\u003cp\u003eSans tests sur les animaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eEmballage minimaliste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌍 Biodégradable\u003c\/h3\u003e\n\u003cp\u003eRespectueux de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"alep-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"alep-cta-box\"\u003e\n\u003cp\u003e✨ Offrez à votre peau la douceur d'un savoir-faire millénaire.\u003cbr\u003eDécouvrez l'authenticité du véritable savon d'Alep à l'encens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"alep-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis médical. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --alep-cream: #FAF8F5;\n --alep-white: #ffffff;\n --alep-primary: #C4A77D;\n --alep-primary-dark: #8B7355;\n --alep-primary-light: #F5EFE6;\n --alep-secondary: #A69076;\n --alep-accent: #D4C4A8;\n --alep-text: #2D2620;\n --alep-text-light: #6B5E52;\n --alep-border: #E8E0D5;\n --alep-shadow: 0 4px 24px rgba(139,115,85,.1);\n --alep-shadow-lg: 0 12px 48px rgba(139,115,85,.18);\n --alep-radius: 20px;\n --alep-radius-sm: 12px;\n}\n\n.alep-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alep-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.alep-hero {\n position: relative;\n background: linear-gradient(135deg, #C4A77D 0%, #A69076 50%, #8B7355 100%);\n border-radius: var(--alep-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5L35 15L45 15L37 22L40 32L30 26L20 32L23 22L15 15L25 15Z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.alep-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alep-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.alep-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.alep-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.alep-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.alep-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.alep-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.alep-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alep-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--alep-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.alep-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--alep-primary), var(--alep-secondary));\n border-radius: 2px;\n}\n\n.alep-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.alep-highlight-box {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--alep-shadow);\n border-left: 4px solid var(--alep-primary);\n}\n\n.alep-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.alep-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRILLES === *\/\n.alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.alep-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alep-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--alep-shadow-lg);\n border-color: var(--alep-primary);\n}\n\n.alep-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alep-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-grid-compact .alep-card {\n padding: 1rem;\n}\n\n.alep-grid-compact .alep-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.alep-grid-compact .alep-card p {\n font-size: 12px;\n}\n\n\/* === INCI BOX === *\/\n.alep-inci-box {\n background: var(--alep-primary-light);\n border-radius: var(--alep-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n font-size: 13px;\n color: var(--alep-text);\n text-align: center;\n}\n\n\/* === TIMELINE === *\/\n.alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.alep-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.alep-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.alep-timeline-content {\n flex: 1;\n background: var(--alep-white);\n padding: 1rem 1.25rem;\n border-radius: var(--alep-radius-sm);\n box-shadow: var(--alep-shadow);\n}\n\n.alep-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.alep-timeline-content p {\n font-size: 14px;\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.alep-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--alep-primary-light);\n border-radius: var(--alep-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.alep-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.alep-tip p {\n font-size: 14px;\n color: var(--alep-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.alep-accordion {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n box-shadow: var(--alep-shadow);\n overflow: hidden;\n}\n\n.alep-accordion-item {\n border-bottom: 1px solid var(--alep-border);\n margin: 0;\n padding: 0;\n}\n\n.alep-accordion-item:last-child {\n border-bottom: none;\n}\n\n.alep-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--alep-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.alep-accordion-header:hover {\n background: var(--alep-primary-light);\n}\n\n.alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--alep-primary);\n transition: transform .2s ease;\n}\n\n.alep-accordion-item[open] .alep-accordion-header::after {\n content: '−';\n}\n\n.alep-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--alep-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.alep-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.alep-cta-box {\n background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 100%);\n border-radius: var(--alep-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.alep-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.alep-disclaimer {\n font-size: 12px;\n color: var(--alep-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .alep-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .alep-card {\n padding: 1.125rem;\n }\n \n .alep-section {\n margin-bottom: 1.75rem;\n }\n \n .alep-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alep-radius-sm);\n }\n \n .alep-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .alep-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .alep-grid-compact {\n gap: .625rem;\n }\n \n .alep-grid-compact .alep-card {\n padding: .75rem;\n }\n \n .alep-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .alep-timeline-content {\n padding: .875rem 1rem;\n }\n \n .alep-timeline-content h3 {\n font-size: 14px;\n }\n \n .alep-timeline-content p {\n font-size: 13px;\n }\n \n .alep-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .alep-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .alep-highlight-box {\n padding: 1.25rem;\n }\n \n .alep-tip {\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .alep-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alep-card:nth-child(1) { animation-delay: .05s; }\n .alep-card:nth-child(2) { animation-delay: .1s; }\n .alep-card:nth-child(3) { animation-delay: .15s; }\n .alep-card:nth-child(4) { animation-delay: .2s; }\n .alep-card:nth-child(5) { animation-delay: .25s; }\n .alep-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .alep-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54924726239609,"sku":"NJ0085","price":1.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-a-lencens-20-g-najel-lifestyle.webp?v=1770108161"},{"product_id":"savon-alep-rhassoul-huile-argan-najel","title":"Savon d'Alep au Rhassoul et à l'Huile d'Argan - 100 g - Najel","description":"\u003cdiv class=\"naj-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"naj-hero\"\u003e\n\u003cdiv class=\"naj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"naj-hero-content\"\u003e\n\u003cdiv class=\"naj-badges-top\"\u003e\n\u003cspan class=\"naj-badge\"\u003e🧼 Savon artisanal\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"naj-hero-title\"\u003eSavon d'Alep au Rhassoul \u0026amp; Argan\u003c\/span\u003e\n\u003cp class=\"naj-subtitle\"\u003eL'éclat des rituels orientaux millénaires\u003c\/p\u003e\n\u003cp class=\"naj-description\"\u003eUn savon d'exception qui marie le savoir-faire ancestral d'Alep aux trésors du Maroc pour révéler la beauté naturelle de votre peau.\u003c\/p\u003e\n\u003cdiv class=\"naj-hero-stats\"\u003e\n\u003cdiv class=\"naj-stat\"\u003e\n\u003cspan class=\"naj-stat-number\"\u003e3000\u003c\/span\u003e \u003cspan class=\"naj-stat-label\"\u003eans de tradition\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-stat\"\u003e\n\u003cspan class=\"naj-stat-number\"\u003e100g\u003c\/span\u003e \u003cspan class=\"naj-stat-label\"\u003eformat généreux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-stat\"\u003e\n\u003cspan class=\"naj-stat-number\"\u003e2\u003c\/span\u003e \u003cspan class=\"naj-stat-label\"\u003etrésors marocains\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eSavon d'Alep au Rhassoul et à l'Huile d'Argan Najel : l'alliance parfaite entre tradition syrienne et trésors marocains\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eVous recherchez un savon d'Alep qui va au-delà du simple nettoyage ? Ce savon artisanal marie le savoir-faire millénaire des maîtres savonniers d'Alep avec deux ingrédients emblématiques des rituels de beauté orientaux.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏺 Rhassoul d'Atlas\u003c\/h3\u003e\n\u003cp\u003eArgile volcanique purifiante utilisée dans les hammams\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✨ Huile d'argan bio\u003c\/h3\u003e\n\u003cp\u003eL'or liquide du Maroc pour nourrir intensément\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n\u003cp\u003eBase lavante douce héritée de la tradition\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌿 Huile de laurier\u003c\/h3\u003e\n\u003cp\u003ePropriétés purifiantes et apaisantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💫\u003c\/span\u003e\n\u003cp\u003eFabriqué selon la méthode ancestrale transmise depuis plus de 3 000 ans, ce savon incarne l'essence même de la cosmétique naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePourquoi ce savon d'Alep est différent des autres ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLe savon d'Alep traditionnel est reconnu pour sa douceur exceptionnelle. Najel a enrichi cette formule ancestrale avec deux actifs complémentaires qui le transforment en véritable soin beauté.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card naj-card-highlight\"\u003e\n\u003ch3\u003e🏔️ Le rhassoul (ghassoul)\u003c\/h3\u003e\n\u003cp\u003eCette argile volcanique extraite des montagnes de l'Atlas marocain est utilisée depuis des siècles dans les hammams. Elle possède un pouvoir absorbant naturel qui capte les impuretés et l'excès de sébum sans dessécher la peau. Votre teint retrouve fraîcheur et éclat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-highlight\"\u003e\n\u003ch3\u003e🥇 L'huile d'argan biologique\u003c\/h3\u003e\n\u003cp\u003eSurnommée « or liquide du Maroc », elle regorge d'acides gras essentiels (oméga 6 et 9) et de vitamine E. Elle nourrit intensément, protège la barrière cutanée et aide à préserver la souplesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-highlight-box\"\u003e\n\u003cp\u003e✨ Cette synergie unique révèle l'\u003cstrong\u003eéclat naturel de votre peau\u003c\/strong\u003e, comme l'indique la mention « Skin Radiance » sur son emballage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets pour votre peau\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧹 Nettoyage en profondeur sans agression\u003c\/h3\u003e\n\u003cp\u003eLe rhassoul absorbe naturellement les impuretés, le maquillage et l'excès de sébum. Contrairement aux tensioactifs synthétiques, il respecte le film hydrolipidique de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Nutrition et hydratation\u003c\/h3\u003e\n\u003cp\u003eL'huile d'argan et l'huile d'olive apportent les lipides essentiels dont votre peau a besoin. Fini les sensations de tiraillement après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌟 Teint plus lumineux\u003c\/h3\u003e\n\u003cp\u003eEn éliminant les cellules mortes et les toxines, le rhassoul favorise le renouvellement cellulaire et redonne de l'éclat aux peaux ternes ou fatiguées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🤍 Apaisement des peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSans parfum de synthèse ni conservateurs chimiques, ce savon convient aux épidermes réactifs et sujets aux irritations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePour qui est fait ce savon ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eCe savon d'Alep s'adapte à différents types de peau et répond à plusieurs besoins.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🫧 Peaux mixtes à grasses\u003c\/h3\u003e\n\u003cp\u003eLe rhassoul régule naturellement la production de sébum et resserre les pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eL'huile d'argan compense l'effet purifiant du rhassoul en apportant une nutrition intense.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eLa formule douce et naturelle minimise les risques d'irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e😴 Peaux ternes ou fatiguées\u003c\/h3\u003e\n\u003cp\u003eL'action combinée des actifs redonne vitalité et luminosité au teint.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e ce savon peut s'utiliser aussi bien sur le \u003cstrong\u003evisage\u003c\/strong\u003e que sur le \u003cstrong\u003ecorps\u003c\/strong\u003e, et même sur les \u003cstrong\u003echeveux\u003c\/strong\u003e pour un lavage occasionnel tout en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment utiliser votre savon d'Alep au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-usage-tabs\"\u003e\n\u003cdiv class=\"naj-usage-block\"\u003e\n\u003ch3 class=\"naj-usage-title\"\u003e👩 Pour le visage\u003c\/h3\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003ePréparez\u003c\/h3\u003e\n\u003cp\u003eHumidifiez votre visage à l'eau tiède\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eFaites mousser le savon entre vos mains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eAppliquez la mousse en massant délicatement par mouvements circulaires. Insistez sur la zone T si peau mixte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau claire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-usage-block\"\u003e\n\u003ch3 class=\"naj-usage-title\"\u003e🚿 Pour le corps\u003c\/h3\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eMoussez\u003c\/h3\u003e\n\u003cp\u003eSous la douche, faites mousser le savon directement sur votre peau mouillée ou utilisez un gant de toilette\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eMassez\u003c\/h3\u003e\n\u003cp\u003eMassez l'ensemble du corps en profitant de la texture onctueuse de la mousse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez soigneusement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip naj-tip-special\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e🛁\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce hammam :\u003c\/strong\u003e pour reproduire les rituels orientaux, laissez agir la mousse quelques minutes avant de rincer. Les actifs auront ainsi le temps d'exercer pleinement leur action purifiante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment conserver votre savon pour qu'il dure plus longtemps ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧴 Porte-savon aéré\u003c\/h3\u003e\n\u003cp\u003ePosez-le sur un support qui permet à l'eau de s'écouler\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Évitez l'eau stagnante\u003c\/h3\u003e\n\u003cp\u003eNe le laissez pas dans une flaque d'eau au fond de la douche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌬️ Endroit sec\u003c\/h3\u003e\n\u003cp\u003eConservez-le dans un endroit sec entre deux utilisations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🔄 Alternez\u003c\/h3\u003e\n\u003cp\u003eSi vous avez plusieurs savons, alternez pour leur laisser le temps de sécher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-highlight-box\"\u003e\n\u003cp\u003e⏱️ Bien conservé, votre savon de 100 g peut vous accompagner pendant \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e d'utilisation quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eL'engagement Najel : qualité et éthique\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLa marque Najel, spécialiste du savon d'Alep authentique, perpétue un savoir-faire artisanal tout en s'engageant pour une cosmétique responsable.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌱 Formule vegan\u003c\/h3\u003e\n\u003cp\u003eAucun ingrédient d'origine animale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌿 Origine naturelle\u003c\/h3\u003e\n\u003cp\u003eComposition transparente et respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e♻️ Éco-conçu\u003c\/h3\u003e\n\u003cp\u003eSimple bandeau en carton recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"naj-section\"\u003e\u003c\/section\u003e\n\u003csection class=\"naj-section\"\u003e\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"naj-section\"\u003e\n\u003cdiv class=\"naj-cta-box\"\u003e\n\u003cp\u003e🧼 Offrez à votre peau le luxe d'un rituel de beauté millénaire avec ce savon d'Alep d'exception au rhassoul et à l'huile d'argan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. Tenir hors de portée des enfants. Éviter le contact avec les yeux ; en cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --naj-cream: #FAF6F1;\n --naj-white: #ffffff;\n --naj-primary: #E07B2D;\n --naj-primary-dark: #8B5A3C;\n --naj-primary-light: #FFF4EC;\n --naj-secondary: #C4681E;\n --naj-accent: #D4A574;\n --naj-text: #1a1a1a;\n --naj-text-light: #5a5a5a;\n --naj-border: #e8ddd4;\n --naj-shadow: 0 4px 24px rgba(139,90,60,.08);\n --naj-shadow-lg: 0 12px 48px rgba(139,90,60,.15);\n --naj-radius: 20px;\n --naj-radius-sm: 12px;\n}\n\n.naj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--naj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.naj-hero {\n position: relative;\n background: linear-gradient(135deg, #E07B2D 0%, #C4681E 50%, #8B5A3C 100%);\n border-radius: var(--naj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--naj-shadow-lg);\n}\n\n.naj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.naj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.naj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.naj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.naj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.naj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.naj-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.naj-hero .naj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.naj-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.naj-stat {\n text-align: center;\n}\n\n.naj-stat-number {\n display: block;\n color: white;\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 900;\n line-height: 1;\n}\n\n.naj-stat-label {\n display: block;\n color: rgba(255,255,255,.8);\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.naj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.naj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--naj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.naj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--naj-primary), var(--naj-secondary));\n border-radius: 2px;\n}\n\n.naj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.naj-card {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.naj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--naj-shadow-lg);\n border-color: var(--naj-primary);\n}\n\n.naj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.naj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-card-highlight {\n background: linear-gradient(135deg, var(--naj-primary-light) 0%, var(--naj-white) 100%);\n border: 2px solid var(--naj-accent);\n}\n\n.naj-card-highlight:hover {\n border-color: var(--naj-primary);\n}\n\n\/* === GRILLES === *\/\n.naj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.naj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.naj-grid-compact .naj-card {\n padding: 1rem;\n}\n\n.naj-grid-compact .naj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.naj-grid-compact .naj-card p {\n font-size: 12px;\n}\n\n\/* === TIP BOX === *\/\n.naj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--naj-primary-light);\n border-radius: var(--naj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--naj-primary);\n}\n\n.naj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.naj-tip p {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-tip-special {\n background: linear-gradient(135deg, var(--naj-primary-light) 0%, #FFF9F5 100%);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.naj-highlight-box {\n background: var(--naj-white);\n border-radius: var(--naj-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.25rem;\n text-align: center;\n border: 2px dashed var(--naj-accent);\n}\n\n.naj-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.naj-composition {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-ingredient {\n display: flex;\n flex-direction: column;\n gap: 4px;\n padding: 1rem 0;\n border-bottom: 1px solid var(--naj-border);\n}\n\n.naj-ingredient:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.naj-ingredient:first-child {\n padding-top: 0;\n}\n\n.naj-ingredient-name {\n font-weight: 700;\n color: var(--naj-primary-dark);\n font-size: 15px;\n}\n\n.naj-ingredient-desc {\n color: var(--naj-text-light);\n font-size: 13px;\n line-height: 1.5;\n}\n\n.naj-composition-note {\n text-align: center;\n font-size: 13px;\n color: var(--naj-text-light);\n margin-top: 1.25rem;\n font-style: italic;\n}\n\n\/* === USAGE BLOCKS === *\/\n.naj-usage-tabs {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.naj-usage-block {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-usage-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n\/* === TIMELINE === *\/\n.naj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.naj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.naj-timeline-number {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 14px;\n}\n\n.naj-timeline-content {\n flex: 1;\n background: var(--naj-primary-light);\n padding: .875rem 1rem;\n border-radius: var(--naj-radius-sm);\n}\n\n.naj-timeline-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.naj-timeline-content p {\n font-size: 13px;\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.naj-accordion {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n box-shadow: var(--naj-shadow);\n overflow: hidden;\n}\n\n.naj-accordion-item {\n border-bottom: 1px solid var(--naj-border);\n margin: 0;\n padding: 0;\n}\n\n.naj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.naj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--naj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.naj-accordion-header:hover {\n background: var(--naj-primary-light);\n}\n\n.naj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.naj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--naj-primary);\n transition: transform .2s ease;\n}\n\n.naj-accordion-item[open] .naj-accordion-header::after {\n content: '−';\n}\n\n.naj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--naj-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.naj-accordion-content p {\n margin: 0;\n}\n\n\/* === RECAP === *\/\n.naj-recap {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-recap-item {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 1rem;\n padding: .875rem 0;\n border-bottom: 1px solid var(--naj-border);\n}\n\n.naj-recap-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.naj-recap-item:first-child {\n padding-top: 0;\n}\n\n.naj-recap-label {\n font-weight: 700;\n color: var(--naj-primary-dark);\n font-size: 14px;\n flex-shrink: 0;\n}\n\n.naj-recap-value {\n color: var(--naj-text-light);\n font-size: 14px;\n text-align: right;\n line-height: 1.5;\n}\n\n\/* === CTA === *\/\n.naj-cta-box {\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.naj-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.naj-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.naj-disclaimer {\n font-size: 12px;\n color: var(--naj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .naj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-card {\n padding: 1.125rem;\n }\n \n .naj-section {\n margin-bottom: 1.75rem;\n }\n \n .naj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--naj-radius-sm);\n }\n \n .naj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .naj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .naj-grid-compact {\n gap: .625rem;\n }\n \n .naj-grid-compact .naj-card {\n padding: .75rem;\n }\n \n .naj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 13px;\n }\n \n .naj-timeline-content {\n padding: .75rem .875rem;\n }\n \n .naj-timeline-content h3 {\n font-size: 13px;\n }\n \n .naj-timeline-content p {\n font-size: 12px;\n }\n \n .naj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .naj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .naj-usage-tabs {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-usage-block {\n padding: 1.125rem;\n }\n \n .naj-usage-title {\n font-size: 16px;\n margin-bottom: 1rem;\n }\n \n .naj-recap-item {\n flex-direction: column;\n gap: .25rem;\n }\n \n .naj-recap-value {\n text-align: left;\n }\n \n .naj-hero-stats {\n gap: 1.25rem;\n }\n \n .naj-stat-number {\n font-size: 28px;\n }\n \n .naj-stat-label {\n font-size: 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .naj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .naj-card:nth-child(1) { animation-delay: .05s; }\n .naj-card:nth-child(2) { animation-delay: .1s; }\n .naj-card:nth-child(3) { animation-delay: .15s; }\n .naj-card:nth-child(4) { animation-delay: .2s; }\n .naj-card:nth-child(5) { animation-delay: .25s; }\n .naj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .naj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54924739084665,"sku":"NJ0100","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-au-rhassoul-et-a-lhuile-dargan-100-g-najel-lifestyle.webp?v=1770109676"},{"product_id":"savon-dalep-au-miel-najel","title":"Savon d'Alep au miel - 100 g - Najel","description":"\u003cdiv class=\"naj-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"naj-hero\"\u003e\n\u003cdiv class=\"naj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"naj-hero-content\"\u003e\n\u003cdiv class=\"naj-badges-top\"\u003e\n\u003cspan class=\"naj-badge\"\u003e🍯 Au miel naturel\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🌿 100% végétal\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🏺 Tradition millénaire\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"naj-hero-title\"\u003eSavon d'Alep au Miel\u003c\/span\u003e\n\u003cp class=\"naj-subtitle\"\u003eL'alliance ancestrale de l'huile d'olive, du laurier et du miel\u003c\/p\u003e\n\u003cp class=\"naj-description\"\u003eUn savon artisanal fabriqué selon la recette des maîtres savonniers syriens, enrichi au miel pour une peau douce et nourrie. 100 g de pure tradition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce savon d'Alep au miel ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLe savon d'Alep est considéré comme l'ancêtre de tous les savons. Najel perpétue cette tradition millénaire en y ajoutant une touche de gourmandise : le miel, véritable trésor de la ruche.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏛️ Savoir-faire ancestral\u003c\/h3\u003e\n\u003cp\u003eRecette transmise depuis des générations par les maîtres savonniers syriens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🍯 Enrichi au miel\u003c\/h3\u003e\n\u003cp\u003ePropriétés apaisantes et nourrissantes reconnues depuis l'Antiquité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Respect de la peau\u003c\/h3\u003e\n\u003cp\u003ePréserve le film hydrolipidique contrairement aux savons industriels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✨ Résultat visible\u003c\/h3\u003e\n\u003cp\u003ePeau propre, douce et confortable sans sensation de tiraillement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes bienfaits de chaque ingrédient\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card naj-card-ingredient\"\u003e\n\u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n\u003cp\u003eRiche en acides gras et en vitamine E, elle nourrit intensément la peau et préserve son élasticité. C'est l'ingrédient de base qui confère au savon ses propriétés hydratantes exceptionnelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-ingredient\"\u003e\n\u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n\u003cp\u003ePurifiante et assainissante, elle aide à apaiser les peaux sujettes aux imperfections tout en respectant leur équilibre naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-ingredient\"\u003e\n\u003ch3\u003e🍯 Miel\u003c\/h3\u003e\n\u003cp\u003eVéritable concentré de douceur, il calme les irritations, favorise la cicatrisation et laisse la peau veloutée. Son parfum délicat transforme chaque douche en moment de bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePour qui est fait ce savon ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eCe savon convient à tous les types de peau, y compris les plus sensibles et réactives. Il est particulièrement apprécié par :\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eUn nettoyant doux et nourrissant qui ne dessèche pas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e❤️🩹 Peaux irritées\u003c\/h3\u003e\n\u003cp\u003eApaise les tiraillements et les inconforts cutanés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eZéro produit chimique dans votre salle de bain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eFormule douce adaptée aux enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment utiliser votre savon d'Alep au miel ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eMouillez votre peau\u003c\/h3\u003e\n\u003cp\u003eHumidifiez abondamment le visage ou le corps à l'eau tiède\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eFrottez le savon entre vos mains pour créer une mousse onctueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n\u003cp\u003eAppliquez en massages circulaires sur le visage et\/ou le corps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n\u003cp\u003eRincez à l'eau claire et profitez d'une peau douce et nourrie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePour les cheveux :\u003c\/strong\u003e vous pouvez aussi l'utiliser comme shampoing naturel ! Frottez directement sur cheveux mouillés et massez le cuir chevelu. Un temps d'adaptation peut être nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e🧼\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e posez votre savon sur un porte-savon ajouré dans un endroit sec après chaque utilisation. Il durera ainsi beaucoup plus longtemps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"naj-composition-box\"\u003e\n\u003cp class=\"naj-inci\"\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Sodium Olivate, Sodium Laurate, Aqua, Mel, Laurus Nobilis Fruit Oil, Glycerin, Sodium Hydroxide\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🚫 Sans colorant\u003c\/h3\u003e\n\u003cp\u003eAucun colorant artificiel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌸 Sans parfum\u003c\/h3\u003e\n\u003cp\u003eAucun parfum de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧪 Sans conservateur\u003c\/h3\u003e\n\u003cp\u003eAucun conservateur chimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌍 Biodégradable\u003c\/h3\u003e\n\u003cp\u003eRespectueux de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eUn engagement écologique et éthique\u003c\/h2\u003e\n\u003cdiv class=\"naj-testimonial\"\u003e\n\u003cp class=\"naj-testimonial-text\"\u003eEn choisissant ce savon d'Alep, vous faites un geste pour la planète. Najel perpétue un savoir-faire artisanal respectueux de l'environnement : fabrication traditionnelle, ingrédients d'origine naturelle, emballage minimaliste. Ce savon solide de 100 g remplace plusieurs flacons de gel douche liquide, réduisant ainsi les déchets plastiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏺 Fabrication traditionnelle\u003c\/h3\u003e\n\u003cp\u003eSavoir-faire artisanal transmis de génération en génération\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e📦 Emballage minimaliste\u003c\/h3\u003e\n\u003cp\u003eRéduction des déchets plastiques avec ce savon solide\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🤝 Soutien aux artisans\u003c\/h3\u003e\n\u003cp\u003ePréservation d'une tradition ancestrale syrienne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"naj-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"naj-accordion\"\u003e\n\u003cdetails class=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e🧴 Le savon d'Alep au miel convient-il aux peaux grasses ?\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eAbsolument. L'huile de baies de laurier régule l'excès de sébum sans dessécher la peau, tandis que le miel apporte une hydratation équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e👤 Peut-on l'utiliser sur le visage quotidiennement ?\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eOui, sa formule douce permet une utilisation quotidienne, matin et soir, pour nettoyer votre visage en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e🎨 Pourquoi mon savon est-il vert à l'extérieur et brun à l'intérieur ?\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eC'est tout à fait normal ! L'extérieur s'oxyde au contact de l'air et prend une teinte brune, tandis que l'intérieur conserve sa couleur verte originelle, signe d'un véritable savon d'Alep artisanal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-cta-box\"\u003e\n\u003cp\u003e🍯 Offrez à votre peau le rituel de douceur qu'elle mérite avec ce savon d'Alep artisanal enrichi au miel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003eCe produit cosmétique naturel est destiné à un usage externe uniquement. Éviter le contact avec les yeux.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --naj-cream: #FAF8F5;\n --naj-white: #ffffff;\n --naj-primary: #8B7355;\n --naj-primary-dark: #6B5A45;\n --naj-primary-light: #F5EDE4;\n --naj-secondary: #D4A84B;\n --naj-accent: #7EA88F;\n --naj-text: #1a1a1a;\n --naj-text-light: #5a5a5a;\n --naj-border: #e8e4de;\n --naj-shadow: 0 4px 24px rgba(139, 115, 85, .08);\n --naj-shadow-lg: 0 12px 48px rgba(139, 115, 85, .15);\n --naj-radius: 20px;\n --naj-radius-sm: 12px;\n}\n\n.naj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--naj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.naj-hero {\n position: relative;\n background: linear-gradient(135deg, #8B7355 0%, #6B5A45 40%, #D4A84B 100%);\n border-radius: var(--naj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--naj-shadow-lg);\n}\n\n.naj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 0L60 17.32v34.64L30 60 0 51.96V17.32L30 0z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.naj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.naj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.naj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.naj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.naj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.naj-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.naj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.naj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.naj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--naj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.naj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--naj-primary), var(--naj-secondary));\n border-radius: 2px;\n}\n\n.naj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.naj-card {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.naj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--naj-shadow-lg);\n border-color: var(--naj-secondary);\n}\n\n.naj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.naj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--naj-secondary);\n}\n\n.naj-card-ingredient:hover {\n border-left-color: var(--naj-primary);\n}\n\n\/* === GRILLES === *\/\n.naj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.naj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.naj-grid-compact .naj-card {\n padding: 1rem;\n}\n\n.naj-grid-compact .naj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.naj-grid-compact .naj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.naj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.naj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.naj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.naj-timeline-content {\n flex: 1;\n background: var(--naj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--naj-radius-sm);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.naj-timeline-content p {\n font-size: 14px;\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.naj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--naj-primary-light);\n border-radius: var(--naj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.naj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.naj-tip p {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.naj-composition-box {\n background: var(--naj-white);\n border-radius: var(--naj-radius-sm);\n padding: 1.25rem;\n margin-bottom: 1.25rem;\n box-shadow: var(--naj-shadow);\n border-left: 4px solid var(--naj-accent);\n}\n\n.naj-inci {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.7;\n font-family: monospace;\n}\n\n\/* === TESTIMONIAL === *\/\n.naj-testimonial {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--naj-shadow);\n border-left: 4px solid var(--naj-accent);\n margin-bottom: 1.5rem;\n}\n\n.naj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.naj-accordion {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n box-shadow: var(--naj-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.naj-accordion-item {\n border-bottom: 1px solid var(--naj-border);\n margin: 0;\n padding: 0;\n}\n\n.naj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.naj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--naj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.naj-accordion-header:hover {\n background: var(--naj-primary-light);\n}\n\n.naj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.naj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--naj-secondary);\n transition: transform .2s ease;\n}\n\n.naj-accordion-item[open] .naj-accordion-header::after {\n content: '−';\n}\n\n.naj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--naj-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.naj-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.naj-cta-box {\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.naj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.naj-disclaimer {\n font-size: 12px;\n color: var(--naj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .naj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-card {\n padding: 1.125rem;\n }\n \n .naj-card-ingredient {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--naj-secondary);\n }\n \n .naj-section {\n margin-bottom: 1.75rem;\n }\n \n .naj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--naj-radius-sm);\n }\n \n .naj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .naj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .naj-grid-compact {\n gap: .625rem;\n }\n \n .naj-grid-compact .naj-card {\n padding: .75rem;\n }\n \n .naj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .naj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .naj-timeline-content h3 {\n font-size: 14px;\n }\n \n .naj-timeline-content p {\n font-size: 13px;\n }\n \n .naj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .naj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .naj-testimonial {\n padding: 1.25rem;\n }\n \n .naj-testimonial-text {\n font-size: 14px;\n }\n \n .naj-tip {\n padding: .875rem 1rem;\n }\n \n .naj-tip-icon {\n font-size: 20px;\n }\n \n .naj-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .naj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .naj-card:nth-child(1) { animation-delay: .05s; }\n .naj-card:nth-child(2) { animation-delay: .1s; }\n .naj-card:nth-child(3) { animation-delay: .15s; }\n .naj-card:nth-child(4) { animation-delay: .2s; }\n .naj-card:nth-child(5) { animation-delay: .25s; }\n .naj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .naj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54924786172281,"sku":"NJ0110","price":3.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-au-miel-100-g-najel-lifestyle.webp?v=1769787735"},{"product_id":"savon-dalep-liquide-5-hbl-najel","title":"Savon d'Alep liquide 5% HBL - 500 ml - Najel","description":"\u003cdiv class=\"naj-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"naj-hero\"\u003e\n\u003cdiv class=\"naj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"naj-hero-content\"\u003e\n\u003cdiv class=\"naj-badges-top\"\u003e\n\u003cspan class=\"naj-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🍃 99% naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"naj-hero-title\"\u003eSavon d'Alep Liquide 5% Huile de Baies de Laurier\u003c\/span\u003e\n\u003cp class=\"naj-subtitle\"\u003eL'héritage millénaire d'Alep en format moderne\u003c\/p\u003e\n\u003cp class=\"naj-description\"\u003eDécouvrez la douceur ancestrale du véritable savon d'Alep, enrichi en huile de baies de laurier et huile d'olive bio, dans un flacon pompe pratique de 500 ml.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon d'Alep liquide ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLe savon d'Alep est reconnu depuis des siècles pour ses vertus exceptionnelles sur la peau. Désormais disponible en version liquide pour répondre à vos besoins de praticité.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧴 Format pratique\u003c\/h3\u003e\n\u003cp\u003eFlacon pompe 500 ml, fini le savon qui ramollit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✋ Dosage précis\u003c\/h3\u003e\n\u003cp\u003eUne pression = la dose parfaite\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧼 Hygiénique\u003c\/h3\u003e\n\u003cp\u003eIdéal pour le lavage des mains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e👩👦 Familial\u003c\/h3\u003e\n\u003cp\u003eGel douche pour toute la famille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile de baies de laurier à 5%\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eCe qui distingue un véritable savon d'Alep, c'est sa teneur en huile de baies de laurier. Avec 5%, ce savon convient parfaitement aux peaux normales à mixtes.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧹 Action purifiante\u003c\/h3\u003e\n\u003cp\u003eL'huile de baies de laurier aide à nettoyer la peau en profondeur sans agresser l'épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e☮️ Propriétés apaisantes\u003c\/h3\u003e\n\u003cp\u003eIdéale pour calmer les petites irritations et inconforts cutanés du quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✨ Effet assainissant\u003c\/h3\u003e\n\u003cp\u003eContribue à maintenir une peau nette, équilibrée et fraîche toute la journée\u003cspan class=\"naj-tip-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cp\u003e\u003cstrong\u003e💡 Le saviez-vous ?\u003c\/strong\u003e Le 5% est le choix idéal pour un usage quotidien en famille, y compris pour les enfants. Pour les peaux très sèches ou à problèmes, des concentrations plus élevées (15%, 20%, 40%) existent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eL'huile d'olive : le cœur de la formule\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eBase traditionnelle du savon d'Alep, l'huile d'olive constitue l'ingrédient principal de cette formule ancestrale.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Hydratation naturelle\u003c\/h3\u003e\n\u003cp\u003ePréserve le film hydrolipidique de votre peau pour une hydratation durable et confortable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eRiche en vitamine E, elle protège votre peau des agressions extérieures quotidiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🫧 Mousse délicate\u003c\/h3\u003e\n\u003cp\u003eTexture onctueuse qui mousse légèrement sans dessécher, signe d'une formule respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"naj-composition-box\"\u003e\n\u003cp class=\"naj-inci\"\u003e\u003cstrong\u003eAqua, Potassium Olivate*, Glycerin, Potassium Laurate*, Potassium Hydroxide, Laurus Nobilis Fruit Oil*, Olea Europaea Fruit Oil*\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"naj-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card naj-card-no\"\u003e\n\u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n\u003cp\u003eAucun parfum de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-no\"\u003e\n\u003ch3\u003e🚫 Sans colorant\u003c\/h3\u003e\n\u003cp\u003eAucun colorant artificiel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-no\"\u003e\n\u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n\u003cp\u003eAucun conservateur chimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-no\"\u003e\n\u003ch3\u003e🚫 Sans tensioactif\u003c\/h3\u003e\n\u003cp\u003eAucun agent agressif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment utiliser ce savon d'Alep liquide ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003e🚿 Corps et visage\u003c\/h3\u003e\n\u003cp\u003eSous la douche, prélevez 1 à 2 pressions dans le creux de la main. Faites mousser sur peau humide en effectuant de légers massages circulaires, puis rincez abondamment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003e✋ Lavage des mains\u003c\/h3\u003e\n\u003cp\u003eUne seule pression suffit. Le format pompe est particulièrement pratique posé près du lavabo pour un lavage régulier et hygiénique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003e🪒 Astuce rasage\u003c\/h3\u003e\n\u003cp\u003eCe savon peut servir de base moussante pour le rasage grâce à sa texture onctueuse qui facilite le passage de la lame tout en apaisant la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePour qui est fait ce savon ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e👨👧 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eFormule douce pour adultes et enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSans parfum ni additif irritant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e⚖️ Peaux normales à mixtes\u003c\/h3\u003e\n\u003cp\u003eDosage 5% parfaitement équilibré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eZéro produit chimique superflu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes engagements Najel\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏆 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertification garantissant une formule biologique strictement contrôlée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eProduction française dans le respect des normes européennes les plus exigeantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n\u003cp\u003eAucun test sur les animaux, engagement éthique fort de la marque\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eFlacon 100% recyclable pour une démarche respectueuse de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"naj-section\"\u003e\n\u003cdiv class=\"naj-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau la douceur millénaire du savon d'Alep authentique, dans un format moderne et pratique pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003eCe produit cosmétique est destiné à l'hygiène quotidienne. En cas d'irritation ou de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --naj-cream: #f8f6f3;\n --naj-white: #ffffff;\n --naj-primary: #4A9B8C;\n --naj-primary-dark: #2D5A4F;\n --naj-primary-light: #e8f4f1;\n --naj-secondary: #8B5A2B;\n --naj-accent: #D4A574;\n --naj-text: #1a1a1a;\n --naj-text-light: #5a5a5a;\n --naj-border: #e0e0e0;\n --naj-shadow: 0 4px 24px rgba(45,90,79,.08);\n --naj-shadow-lg: 0 12px 48px rgba(45,90,79,.15);\n --naj-radius: 20px;\n --naj-radius-sm: 12px;\n}\n\n.naj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--naj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.naj-hero {\n position: relative;\n background: linear-gradient(135deg, #4A9B8C 0%, #2D5A4F 50%, #1a3d35 100%);\n border-radius: var(--naj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--naj-shadow-lg);\n}\n\n.naj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 15 L30 25 L25 15 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3Ccircle cx='10' cy='40' r='3' fill='%23ffffff' fill-opacity='0.02'\/%3E%3Ccircle cx='50' cy='45' r='4' fill='%23ffffff' fill-opacity='0.02'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.naj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.naj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.naj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.naj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.naj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.naj-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.naj-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.naj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.naj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--naj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.naj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--naj-primary), var(--naj-secondary));\n border-radius: 2px;\n}\n\n.naj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.naj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.naj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.naj-card {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.naj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--naj-shadow-lg);\n border-color: var(--naj-primary);\n}\n\n.naj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.naj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-grid-compact .naj-card {\n padding: 1rem;\n}\n\n.naj-grid-compact .naj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.naj-grid-compact .naj-card p {\n font-size: 12px;\n}\n\n.naj-card-no {\n background: linear-gradient(135deg, #fef9f6 0%, var(--naj-white) 100%);\n border: 1px solid rgba(139,90,43,.1);\n}\n\n.naj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--naj-primary-light);\n border-radius: var(--naj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.naj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.naj-tip p {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-composition-box {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--naj-shadow);\n text-align: center;\n margin-bottom: 1.5rem;\n border-left: 4px solid var(--naj-primary);\n}\n\n.naj-inci {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n word-break: break-word;\n}\n\n.naj-inci-note {\n font-size: 13px;\n color: var(--naj-primary);\n font-style: italic;\n margin: 0;\n}\n\n.naj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.naj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.naj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.naj-timeline-content {\n flex: 1;\n background: var(--naj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--naj-radius-sm);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.naj-timeline-content p {\n font-size: 14px;\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-accordion {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n box-shadow: var(--naj-shadow);\n overflow: hidden;\n}\n\n.naj-accordion-item {\n border-bottom: 1px solid var(--naj-border);\n margin: 0;\n padding: 0;\n}\n\n.naj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.naj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--naj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.naj-accordion-header:hover {\n background: var(--naj-primary-light);\n}\n\n.naj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.naj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--naj-primary);\n transition: transform .2s ease;\n}\n\n.naj-accordion-item[open] .naj-accordion-header::after {\n content: '−';\n}\n\n.naj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--naj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.naj-accordion-content p {\n margin: 0;\n}\n\n.naj-cta-box {\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.naj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.naj-disclaimer {\n font-size: 12px;\n color: var(--naj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .naj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-card {\n padding: 1.125rem;\n }\n \n .naj-section {\n margin-bottom: 1.75rem;\n }\n \n .naj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--naj-radius-sm);\n }\n \n .naj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .naj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .naj-grid-compact {\n gap: .625rem;\n }\n \n .naj-grid-compact .naj-card {\n padding: .75rem;\n }\n \n .naj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .naj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .naj-timeline-content h3 {\n font-size: 14px;\n }\n \n .naj-timeline-content p {\n font-size: 13px;\n }\n \n .naj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .naj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .naj-tip {\n flex-direction: column;\n gap: .5rem;\n text-align: center;\n }\n \n .naj-composition-box {\n padding: 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .naj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .naj-card:nth-child(1) { animation-delay: .05s; }\n .naj-card:nth-child(2) { animation-delay: .1s; }\n .naj-card:nth-child(3) { animation-delay: .15s; }\n .naj-card:nth-child(4) { animation-delay: .2s; }\n .naj-card:nth-child(5) { animation-delay: .25s; }\n .naj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .naj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54924858950009,"sku":"NJ0115.X500","price":7.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-liquide-5-hbl-500-ml-najel-lifestyle.webp?v=1770111405"},{"product_id":"savon-dalep-liquide-20-hbl-najel","title":"Savon d'Alep liquide 20% HBL - 500 ml - Najel","description":"\u003cdiv class=\"naj-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"naj-hero\"\u003e\n\u003cdiv class=\"naj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"naj-hero-content\"\u003e\n\u003cdiv class=\"naj-badges-top\"\u003e\n\u003cspan class=\"naj-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🍃 20% Huile de Laurier\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"naj-hero-title\"\u003eSavon d'Alep Liquide 20% Huile de Baies de Laurier\u003c\/span\u003e\n\u003cp class=\"naj-subtitle\"\u003eL'héritage millénaire d'Alep dans un format moderne\u003c\/p\u003e\n\u003cp class=\"naj-description\"\u003eLa douceur de l'huile d'olive bio et les vertus purifiantes du laurier réunies dans un savon liquide authentique pour les peaux sèches et sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon d'Alep à 20% d'huile de laurier ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLe pourcentage d'huile de baies de laurier est ce qui distingue véritablement un savon d'Alep d'un autre. À 20% d'HBL, ce savon offre un équilibre idéal entre douceur et efficacité purifiante.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre parfait\u003c\/h3\u003e\n\u003cp\u003eDosage optimal recommandé pour profiter des bienfaits sans assécher la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🛡️ Film protecteur\u003c\/h3\u003e\n\u003cp\u003eRespecte le film hydrolipidique de votre épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✨ Nettoyage doux\u003c\/h3\u003e\n\u003cp\u003ePeau nettoyée en profondeur mais jamais tiraillée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💚 Sans agression\u003c\/h3\u003e\n\u003cp\u003eContrairement aux savons industriels souvent agressifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes bienfaits du savon d'Alep pour votre peau\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eCe savon d'Alep liquide concentre les vertus de deux huiles végétales exceptionnelles qui agissent en synergie.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card naj-card-featured\"\u003e\n\u003ch3\u003e🫒 Huile d'olive biologique\u003c\/h3\u003e\n\u003cp\u003eVéritable trésor de la Méditerranée, naturellement riche en vitamine E et en acides gras essentiels. Elle nourrit intensément, protège contre le dessèchement et redonne souplesse à la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-featured\"\u003e\n\u003ch3\u003e🌿 Huile de baies de laurier 20%\u003c\/h3\u003e\n\u003cp\u003eCette huile précieuse est réputée depuis l'Antiquité pour ses propriétés purifiantes et apaisantes. Elle convient aux peaux sujettes aux imperfections, démangeaisons ou inconforts cutanés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSynergie naturelle :\u003c\/strong\u003e ensemble, ces deux huiles nettoient, nourrissent et apaisent en un seul geste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eSavon d'Alep visage, corps et cheveux : un produit vraiment polyvalent\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eFini l'accumulation de flacons dans votre salle de bain ! Un seul produit pour toute la famille.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e😊 Pour le visage\u003c\/h3\u003e\n\u003cp\u003eNettoyage quotidien sans agresser les peaux sensibles ou réactives. Réduit les imperfections pour un teint plus net.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🚿 Pour le corps\u003c\/h3\u003e\n\u003cp\u003eUtilisé comme gel douche naturel, il laisse la peau propre, souple et confortable. Idéal après le sport.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eEn shampooing occasionnel, il aide à assainir les cuirs chevelus sensibles ou sujets aux pellicules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🙌 Pour les mains\u003c\/h3\u003e\n\u003cp\u003eSon format pompe pratique en fait un savon parfait à poser près du lavabo pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLe savon d'Alep est-il adapté aux peaux sensibles ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-testimonial\"\u003e\n\u003cp class=\"naj-testimonial-text\"\u003eDe nombreux dermatologues reconnaissent les qualités du savon d'Alep pour les peaux à problèmes. Sa composition minimaliste, sans parfum de synthèse ni conservateur artificiel, réduit considérablement les risques d'irritation ou d'allergie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌸 Peau sensible\u003c\/h3\u003e\n\u003cp\u003eAlternative douce aux produits conventionnels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🩹 Eczéma\u003c\/h3\u003e\n\u003cp\u003ePeut soulager les peaux sujettes à l'eczéma\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧴 Psoriasis\u003c\/h3\u003e\n\u003cp\u003eConvient aux peaux atopiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✅ Réactivité\u003c\/h3\u003e\n\u003cp\u003eRéduit les risques d'irritation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003eRappel important : ce savon est un produit d'hygiène et ne remplace en aucun cas un traitement médical prescrit par un professionnel de santé. Testez sur une petite zone avant utilisation étendue.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eUne formule certifiée bio et éco-responsable\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eNajel perpétue la tradition du savon d'Alep tout en s'engageant pour une cosmétique plus responsable.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏆 Certifié COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eGage d'une formulation biologique contrôlée par un organisme indépendant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003ePour garantir qualité et traçabilité à chaque étape de production\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans colorant, sans parfum de synthèse, sans conservateur artificiel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌍 100% biodégradable\u003c\/h3\u003e\n\u003cp\u003eRespectueux des écosystèmes aquatiques et de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🐰 Végan \u0026amp; cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testé sur les animaux, respect du vivant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e♻️ Geste conscient\u003c\/h3\u003e\n\u003cp\u003eUn choix bon pour vous et pour la planète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment utiliser le savon d'Alep liquide Najel ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eL'utilisation est simple et convient à toute la famille, au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eDosez\u003c\/h3\u003e\n\u003cp\u003eVersez une à deux pressions de savon dans le creux de votre main ou sur un gant de toilette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur peau ou cheveux mouillés et faites mousser délicatement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau claire. Pour le visage, évitez le contour des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour maximiser les bienfaits sur le visage, laissez la mousse agir quelques secondes avant de rincer. Votre peau profitera davantage des vertus purifiantes du laurier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eFidèle à la tradition, ce savon d'Alep liquide contient uniquement \u003cstrong\u003equatre ingrédients\u003c\/strong\u003e. Une liste ultra-courte qui témoigne d'une formulation authentique, sans superflu.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🫒 Olea Europaea Fruit Oil*\u003c\/h3\u003e\n\u003cp\u003eHuile d'olive biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌿 Laurus Nobilis Fruit Oil\u003c\/h3\u003e\n\u003cp\u003eHuile de baies de laurier (20%)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Aqua\u003c\/h3\u003e\n\u003cp\u003eEau purifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧪 Potassium Hydroxide\u003c\/h3\u003e\n\u003cp\u003eAgent saponifiant naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003e*Ingrédient issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"naj-section\"\u003e\n\u003cdiv class=\"naj-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau le soin ancestral qu'elle mérite. Le savon d'Alep Najel : tradition millénaire, qualité certifiée bio, respect de votre peau et de la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --naj-cream: #F7F5F0;\n --naj-white: #ffffff;\n --naj-primary: #4A7C6F;\n --naj-primary-dark: #2D5A4A;\n --naj-primary-light: #E8F0ED;\n --naj-secondary: #8B5A2B;\n --naj-accent: #C4956A;\n --naj-text: #1a1a1a;\n --naj-text-light: #5a5a5a;\n --naj-border: #e0e0e0;\n --naj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --naj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --naj-radius: 20px;\n --naj-radius-sm: 12px;\n}\n\n.naj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--naj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.naj-hero {\n position: relative;\n background: linear-gradient(135deg, #4A7C6F 0%, #2D5A4A 50%, #1E3D30 100%);\n border-radius: var(--naj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--naj-shadow-lg);\n}\n\n.naj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.naj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.naj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.naj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.naj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.naj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.naj-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.naj-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.naj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.naj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--naj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.naj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--naj-primary), var(--naj-secondary));\n border-radius: 2px;\n}\n\n.naj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.naj-card {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.naj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--naj-shadow-lg);\n border-color: var(--naj-primary);\n}\n\n.naj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.naj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-card-featured {\n border-left: 4px solid var(--naj-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.naj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.naj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.naj-grid-compact .naj-card {\n padding: 1rem;\n}\n\n.naj-grid-compact .naj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.naj-grid-compact .naj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.naj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.naj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.naj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.naj-timeline-content {\n flex: 1;\n background: var(--naj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--naj-radius-sm);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.naj-timeline-content p {\n font-size: 14px;\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.naj-testimonial {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--naj-shadow);\n border-left: 4px solid var(--naj-primary);\n margin-bottom: 1.5rem;\n}\n\n.naj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.naj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--naj-primary-light);\n border-radius: var(--naj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.naj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.naj-tip p {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.naj-cta-box {\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.naj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.naj-disclaimer {\n font-size: 12px;\n color: var(--naj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .naj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-card {\n padding: 1.125rem;\n }\n \n .naj-card-featured {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--naj-primary);\n }\n \n .naj-section {\n margin-bottom: 1.75rem;\n }\n \n .naj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--naj-radius-sm);\n }\n \n .naj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .naj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .naj-grid-compact {\n gap: .625rem;\n }\n \n .naj-grid-compact .naj-card {\n padding: .75rem;\n }\n \n .naj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .naj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .naj-timeline-content h3 {\n font-size: 14px;\n }\n \n .naj-timeline-content p {\n font-size: 13px;\n }\n \n .naj-testimonial {\n padding: 1.25rem;\n }\n \n .naj-testimonial-text {\n font-size: 14px;\n }\n \n .naj-tip {\n padding: .875rem 1rem;\n }\n \n .naj-tip-icon {\n font-size: 20px;\n }\n \n .naj-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .naj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .naj-card:nth-child(1) { animation-delay: .05s; }\n .naj-card:nth-child(2) { animation-delay: .1s; }\n .naj-card:nth-child(3) { animation-delay: .15s; }\n .naj-card:nth-child(4) { animation-delay: .2s; }\n .naj-card:nth-child(5) { animation-delay: .25s; }\n .naj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .naj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54924867174777,"sku":"NJ0120","price":9.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-liquide-20-hbl-500-ml-najel-lifestyle.webp?v=1770113107"},{"product_id":"savon-dalep-liquide-40-hbl-najel","title":"Savon d'Alep liquide 40% HBL - 500 ml - Najel","description":"\u003cdiv class=\"naj-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"naj-hero\"\u003e\n\u003cdiv class=\"naj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"naj-hero-content\"\u003e\n\u003cdiv class=\"naj-badges-top\"\u003e\n\u003cspan class=\"naj-badge\"\u003e🌿 40% huile de laurier\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🏆 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"naj-hero-title\"\u003eSavon d'Alep Liquide 40%\u003c\/span\u003e\n\u003cp class=\"naj-subtitle\"\u003eL'excellence du savon d'Alep pour les peaux sensibles\u003c\/p\u003e\n\u003cp class=\"naj-description\"\u003eDécouvrez la concentration la plus élevée en huile de baies de laurier pour un nettoyage doux, apaisant et respectueux des peaux les plus exigeantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon d'Alep à 40% d'huile de laurier ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eTous les savons d'Alep ne se valent pas. Plus le pourcentage d'huile de baies de laurier est élevé, plus le savon possède des propriétés apaisantes et purifiantes marquées.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌹 Peau réactive\u003c\/h3\u003e\n\u003cp\u003eApaise les peaux qui tiraillent ou rougissent facilement au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Sécheresse cutanée\u003c\/h3\u003e\n\u003cp\u003eCombat la sécheresse persistante malgré l'hydratation habituelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e⚖️ Déséquilibres cutanés\u003c\/h3\u003e\n\u003cp\u003eNettoyage doux mais efficace pour rééquilibrer votre épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🚫 Sensibilité aux savons\u003c\/h3\u003e\n\u003cp\u003eAlternative parfaite aux savons classiques ou parfumés irritants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes vertus de l'huile de baies de laurier et de l'huile d'olive\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLa synergie de deux huiles végétales précieuses, utilisées depuis des millénaires dans le bassin méditerranéen.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card naj-card-featured\"\u003e\n\u003ch3\u003e🌿 Huile de baies de laurier (40%)\u003c\/h3\u003e\n\u003cp\u003eExtraite des fruits du laurier noble, cette huile est réputée pour ses propriétés \u003cstrong\u003epurifiantes et apaisantes\u003c\/strong\u003e. Elle aide à calmer les peaux irritées et contribue à maintenir un épiderme sain. Sa forte concentration en fait un soin particulièrement adapté aux peaux à problèmes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-featured\"\u003e\n\u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n\u003cp\u003ePilier de la cosmétique naturelle, l'huile d'olive est riche en \u003cstrong\u003eacides gras et en antioxydants\u003c\/strong\u003e. Elle nourrit la peau en profondeur, renforce la barrière cutanée et prévient le dessèchement. Ce savon maintient le \u003cstrong\u003efilm hydrolipidique naturel\u003c\/strong\u003e de votre épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eUn savon d'Alep liquide bio certifié Cosmos Organic\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌱 Origine naturelle\u003c\/h3\u003e\n\u003cp\u003eIngrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🚫 Sans controverses\u003c\/h3\u003e\n\u003cp\u003ePas de parabènes, silicones ou sulfates agressifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eProcessus de fabrication respectueux de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e♻️ Recyclable\u003c\/h3\u003e\n\u003cp\u003eEmballage pensé pour limiter l'impact écologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCe produit Najel correspond exactement aux standards de qualité que vous trouverez en pharmacie ou en magasin bio type Biocoop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment utiliser ce savon d'Alep liquide au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLa texture liquide de ce savon le rend extrêmement pratique et polyvalent.\u003c\/p\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003ePour le visage\u003c\/h3\u003e\n\u003cp\u003eVersez une petite quantité dans le creux de votre main, faites mousser avec un peu d'eau tiède, puis massez délicatement en évitant le contour des yeux. Rincez abondamment. Idéal matin et soir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003ePour le corps\u003c\/h3\u003e\n\u003cp\u003eSous la douche, appliquez sur peau humide à l'aide de vos mains ou d'un gant. Massez en mouvements circulaires puis rincez. Profitez d'une peau propre sans tiraillement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003ePour les mains\u003c\/h3\u003e\n\u003cp\u003eGrâce à son format pompe de 500 ml, ce savon trouve parfaitement sa place près de votre lavabo. Il nettoie efficacement tout en préservant vos mains des agressions du lavage répété.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce savon d'Alep 40% ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003ePour ceux qui ne supportent pas les savons classiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du bio\u003c\/h3\u003e\n\u003cp\u003ePour qui recherche un produit naturel et certifié\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✨ Minimalistes\u003c\/h3\u003e\n\u003cp\u003ePour simplifier la routine avec un produit polyvalent visage-corps-mains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e📋 Puristes\u003c\/h3\u003e\n\u003cp\u003ePour ceux attachés aux formules courtes avec peu d'ingrédients\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"naj-composition-box\"\u003e\n\u003cp class=\"naj-composition-text\"\u003e\u003cstrong\u003eAqua (Water), Olea Europaea (Olive) Fruit Oil*, Laurus Nobilis Fruit Oil* (40%), Potassium Hydroxide.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"naj-composition-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-highlight-box\"\u003e\n\u003cspan class=\"naj-highlight-number\"\u003e4\u003c\/span\u003e\n\u003cp class=\"naj-highlight-text\"\u003eSeulement \u003cstrong\u003e4 ingrédients\u003c\/strong\u003e pour un savon efficace et respectueux de votre peau. La potasse (Potassium Hydroxide) est l'agent saponifiant entièrement consommé lors du processus de fabrication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"naj-accordion\"\u003e\n\u003cdetails class=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eÉvitez le contact avec les yeux. En cas de projection, rincez abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e🧴 Usage externe\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eUsage externe uniquement. Ne pas ingérer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e🏠 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eConservez à l'abri de la chaleur et de l'humidité excessive pour préserver les qualités du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"naj-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eLa marque Najel : gardienne du savon d'Alep authentique\u003c\/h2\u003e\n\u003cdiv class=\"naj-cta-box\"\u003e\n\u003cp\u003eNajel perpétue depuis plus de \u003cstrong\u003e100 ans\u003c\/strong\u003e le savoir-faire ancestral des maîtres savonniers d'Alep. La marque s'engage à proposer des produits authentiques, fabriqués selon des méthodes traditionnelles et certifiés par des labels exigeants.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003eEn choisissant ce savon, vous optez pour un produit qui respecte à la fois \u003cstrong\u003evotre peau et l'environnement\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003eLes informations données sont tirées de la littérature scientifique et constituent de l'information, pas des allégations médicales. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --naj-cream: #F8F6F1;\n --naj-white: #ffffff;\n --naj-primary: #4A7C59;\n --naj-primary-dark: #2D4A3E;\n --naj-primary-light: #E8F0EA;\n --naj-secondary: #3D2B1F;\n --naj-accent: #C9A227;\n --naj-text: #1a1a1a;\n --naj-text-light: #5a5a5a;\n --naj-border: #e0e0e0;\n --naj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --naj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --naj-radius: 20px;\n --naj-radius-sm: 12px;\n}\n\n.naj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--naj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.naj-hero {\n position: relative;\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 50%, var(--naj-secondary) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--naj-shadow-lg);\n}\n\n.naj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2.5 5-7.5 10-15 12.5 7.5 2.5 12.5 7.5 15 15 2.5-7.5 7.5-12.5 15-15-7.5-2.5-12.5-7.5-15-12.5z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.naj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.naj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.naj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.naj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.naj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.naj-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.naj-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.naj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.naj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--naj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.naj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--naj-primary), var(--naj-accent));\n border-radius: 2px;\n}\n\n.naj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.naj-card {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.naj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--naj-shadow-lg);\n border-color: var(--naj-primary);\n}\n\n.naj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.naj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-card-featured {\n text-align: left;\n border-left: 4px solid var(--naj-primary);\n}\n\n.naj-card-featured p {\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.naj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.naj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.naj-grid-compact .naj-card {\n padding: 1rem;\n}\n\n.naj-grid-compact .naj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.naj-grid-compact .naj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.naj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.naj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.naj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.naj-timeline-content {\n flex: 1;\n background: var(--naj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--naj-radius-sm);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.naj-timeline-content p {\n font-size: 14px;\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.naj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--naj-primary-light);\n border-radius: var(--naj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.naj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.naj-tip p {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.naj-composition-box {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--naj-shadow);\n text-align: center;\n margin-bottom: 1.25rem;\n}\n\n.naj-composition-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--naj-text);\n line-height: 1.7;\n margin: 0 0 .75rem 0;\n}\n\n.naj-composition-note {\n font-size: 13px;\n color: var(--naj-primary);\n font-style: italic;\n margin: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.naj-highlight-box {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n background: linear-gradient(135deg, var(--naj-primary-light) 0%, rgba(201,162,39,.1) 100%);\n border-radius: var(--naj-radius);\n padding: 1.25rem 1.5rem;\n border: 2px solid var(--naj-primary);\n}\n\n.naj-highlight-number {\n flex-shrink: 0;\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 28px;\n}\n\n.naj-highlight-text {\n font-size: 14px;\n color: var(--naj-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.naj-accordion {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n box-shadow: var(--naj-shadow);\n overflow: hidden;\n}\n\n.naj-accordion-item {\n border-bottom: 1px solid var(--naj-border);\n margin: 0;\n padding: 0;\n}\n\n.naj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.naj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--naj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.naj-accordion-header:hover {\n background: var(--naj-primary-light);\n}\n\n.naj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.naj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--naj-primary);\n transition: transform .2s ease;\n}\n\n.naj-accordion-item[open] .naj-accordion-header::after {\n content: '−';\n}\n\n.naj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--naj-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.naj-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.naj-cta-box {\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.naj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.naj-disclaimer {\n font-size: 12px;\n color: var(--naj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .naj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-card {\n padding: 1.125rem;\n }\n \n .naj-section {\n margin-bottom: 1.75rem;\n }\n \n .naj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--naj-radius-sm);\n }\n \n .naj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .naj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .naj-grid-compact {\n gap: .625rem;\n }\n \n .naj-grid-compact .naj-card {\n padding: .75rem;\n }\n \n .naj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .naj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .naj-timeline-content h3 {\n font-size: 14px;\n }\n \n .naj-timeline-content p {\n font-size: 13px;\n }\n \n .naj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .naj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .naj-highlight-box {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n padding: 1rem;\n }\n \n .naj-highlight-number {\n width: 50px;\n height: 50px;\n font-size: 24px;\n }\n \n .naj-card-featured {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--naj-primary);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .naj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .naj-card:nth-child(1) { animation-delay: .05s; }\n .naj-card:nth-child(2) { animation-delay: .1s; }\n .naj-card:nth-child(3) { animation-delay: .15s; }\n .naj-card:nth-child(4) { animation-delay: .2s; }\n .naj-card:nth-child(5) { animation-delay: .25s; }\n .naj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .naj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54924900925817,"sku":"NJ0125","price":13.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-liquide-40-hbl-500-ml-najel-lifestyle.webp?v=1770113715"},{"product_id":"savon-noir-dalep-eucalyptus-najel","title":"Savon noir d'Alep - Eucalyptus - 180 g - Najel","description":"\u003cdiv class=\"sna-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"sna-hero\"\u003e\n\u003cdiv class=\"sna-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sna-hero-content\"\u003e\n\u003cdiv class=\"sna-badges-top\"\u003e\n\u003cspan class=\"sna-badge\"\u003e🌿 COSMOS Natural\u003c\/span\u003e \u003cspan class=\"sna-badge\"\u003e🧴 +99% naturel\u003c\/span\u003e \u003cspan class=\"sna-badge\"\u003e🐰 Végan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sna-hero-title\"\u003eSavon Noir d'Alep Eucalyptus\u003c\/span\u003e\n\u003cp class=\"sna-subtitle\"\u003eLe rituel hammam à domicile\u003c\/p\u003e\n\u003cp class=\"sna-description\"\u003eExfoliant naturel d'exception alliant la tradition ancestrale d'Alep aux vertus purifiantes de l'eucalyptus. 180 g de pure authenticité pour une peau douce, lisse et éclatante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eLe savon noir d'Alep à l'eucalyptus : l'alliance parfaite entre tradition et fraîcheur\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eVous recherchez un soin corporel authentique, efficace et respectueux de votre peau ? Le savon noir d'Alep à l'eucalyptus Najel réunit le meilleur de la cosmétique orientale traditionnelle et les vertus vivifiantes de l'eucalyptus.\u003c\/p\u003e\n\u003cdiv class=\"sna-grid-compact\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🏺 Tradition ancestrale\u003c\/h3\u003e\n\u003cp\u003eRecette millénaire des maîtres savonniers d'Alep\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🌿 99% naturel\u003c\/h3\u003e\n\u003cp\u003eCertifié COSMOS Natural par organisme indépendant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🍃 Eucalyptus bio\u003c\/h3\u003e\n\u003cp\u003eFraîcheur tonifiante et sensation vivifiante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🧖♀️ Rituel hammam\u003c\/h3\u003e\n\u003cp\u003eTransformez chaque douche en expérience spa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eQuelle est la différence entre savon noir et savon d'Alep ?\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eDeux héritages cosmétiques réunis en un seul produit d'exception :\u003c\/p\u003e\n\u003cdiv class=\"sna-grid\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🧼 Savon d'Alep classique\u003c\/h3\u003e\n\u003cp\u003ePain solide fabriqué à partir d'huile d'olive et d'huile de baie de laurier, séché pendant plusieurs mois selon la tradition syrienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e⬛ Savon noir traditionnel\u003c\/h3\u003e\n\u003cp\u003eTexture pâteuse ou liquide, généralement à base d'huile d'olive, utilisé principalement pour l'exfoliation corporelle au hammam.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e✨ Savon noir d'Alep\u003c\/h3\u003e\n\u003cp\u003eLe meilleur des deux mondes : la recette ancestrale d'Alep avec la texture onctueuse du savon noir, idéale pour le gommage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-tip\"\u003e\n\u003cspan class=\"sna-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCe produit Najel vous offre les bienfaits du savon noir d'Alep traditionnellement utilisé dans les hammams, enrichi d'huile essentielle d'eucalyptus pour une expérience sensorielle unique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eLes bienfaits du savon noir d'Alep à l'eucalyptus pour votre peau\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eBien plus qu'un simple nettoyant, ce savon d'Alep noir offre de nombreux bienfaits à votre peau :\u003c\/p\u003e\n\u003cdiv class=\"sna-grid\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🪶 Exfoliation naturelle en douceur\u003c\/h3\u003e\n\u003cp\u003eSa texture pâteuse élimine efficacement les cellules mortes et impuretés incrustées, sans agresser l'épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🔬 Action purifiante\u003c\/h3\u003e\n\u003cp\u003eExcellent contre les points noirs, il désincruste les pores et affine le grain de peau au fil des utilisations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive, riche en vitamine E et antioxydants, nourrit en profondeur et préserve le film hydrolipidique naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e❄️ Fraîcheur tonifiante\u003c\/h3\u003e\n\u003cp\u003eL'huile essentielle d'eucalyptus procure une sensation de fraîcheur immédiate, idéale après l'effort ou par temps chaud.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🧘 Effet relaxant\u003c\/h3\u003e\n\u003cp\u003eLes notes aromatiques de l'eucalyptus détendent les muscles et libèrent les tensions accumulées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🌸 Tous types de peau\u003c\/h3\u003e\n\u003cp\u003eConvient aux peaux sensibles grâce à sa formulation sans colorant synthétique ni conservateur artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eComment utiliser le savon noir d'Alep pour un gommage parfait ?\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eSuivez ce rituel inspiré des hammams traditionnels pour profiter pleinement des bienfaits :\u003c\/p\u003e\n\u003cdiv class=\"sna-timeline\"\u003e\n\u003cdiv class=\"sna-timeline-item\"\u003e\n\u003cspan class=\"sna-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"sna-timeline-content\"\u003e\n\u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n\u003cp\u003ePrenez une douche ou un bain chaud pendant 5 à 10 minutes afin d'ouvrir les pores et d'assouplir la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-timeline-item\"\u003e\n\u003cspan class=\"sna-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"sna-timeline-content\"\u003e\n\u003ch3\u003eAppliquez le savon noir\u003c\/h3\u003e\n\u003cp\u003ePrélevez une noisette de produit et étalez-le sur l'ensemble du corps sur peau humide (évitez le contour des yeux).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-timeline-item\"\u003e\n\u003cspan class=\"sna-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"sna-timeline-content\"\u003e\n\u003ch3\u003eLaissez poser\u003c\/h3\u003e\n\u003cp\u003ePatientez 3 à 5 minutes pour permettre aux actifs de pénétrer et de décoller les cellules mortes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-timeline-item\"\u003e\n\u003cspan class=\"sna-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"sna-timeline-content\"\u003e\n\u003ch3\u003eGommez délicatement\u003c\/h3\u003e\n\u003cp\u003eÀ l'aide d'un gant kessa ou gant de crin, frottez par mouvements circulaires. Les petits rouleaux grisâtres sont les peaux mortes éliminées !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-timeline-item\"\u003e\n\u003cspan class=\"sna-timeline-number\"\u003e5\u003c\/span\u003e\n\u003cdiv class=\"sna-timeline-content\"\u003e\n\u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n\u003cp\u003eÀ l'eau tiède, puis terminez par un jet d'eau fraîche pour resserrer les pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-tip\"\u003e\n\u003cspan class=\"sna-tip-icon\"\u003e📅\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eFréquence recommandée :\u003c\/strong\u003e une à deux fois par semaine pour une peau lisse, douce et éclatante. Après le gommage, votre peau sera parfaitement préparée pour recevoir une huile ou un lait hydratant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eComposition complète du savon noir d'Alep eucalyptus Najel\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eUne formulation simple et naturelle, dans le respect de la tradition ancestrale :\u003c\/p\u003e\n\u003cdiv class=\"sna-grid\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n\u003cp\u003eBase traditionnelle du savon d'Alep, elle nettoie sans dessécher et apporte souplesse à la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🌿 Huile essentielle d'eucalyptus bio\u003c\/h3\u003e\n\u003cp\u003ePurifiante et rafraîchissante, elle confère au produit son parfum vivifiant caractéristique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🚫 Sans substances controversées\u003c\/h3\u003e\n\u003cp\u003eSans parfum de synthèse, sans colorant artificiel, sans conservateur chimique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-accordion\"\u003e\n\u003cdetails class=\"sna-accordion-item\"\u003e\n\u003csummary class=\"sna-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"sna-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Olea Europaea Fruit Oil (huile d'olive)*, Potassium Hydroxide, Aqua, Eucalyptus Globulus Leaf Oil (huile essentielle d'eucalyptus)*, Limonene**, Linalool**.\u003c\/p\u003e\n\u003cp\u003e*Ingrédients issus de l'agriculture biologique\u003cbr\u003e**Naturellement présents dans les huiles essentielles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003ePourquoi choisir le savon noir d'Alep Najel ?\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eNajel perpétue depuis des décennies le savoir-faire des maîtres savonniers d'Alep.\u003c\/p\u003e\n\u003cdiv class=\"sna-grid-compact\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e✅ COSMOS Natural\u003c\/h3\u003e\n\u003cp\u003eFormulation naturelle contrôlée par organisme indépendant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🏺 Fabrication traditionnelle\u003c\/h3\u003e\n\u003cp\u003eMéthodes ancestrales transmises de génération en génération\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🐰 Engagement éthique\u003c\/h3\u003e\n\u003cp\u003eFormule végane, non testée sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e💰 Format économique\u003c\/h3\u003e\n\u003cp\u003ePot de 180 g pour plusieurs mois d'utilisation hebdomadaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce savon noir d'Alep ?\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eCe nettoyant corps à l'eucalyptus convient particulièrement si vous :\u003c\/p\u003e\n\u003cdiv class=\"sna-grid\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🌱 Adepte du naturel\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez réaliser un gommage naturel sans microbilles plastiques ni agents abrasifs agressifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🔍 Pores dilatés\u003c\/h3\u003e\n\u003cp\u003eVous recherchez une solution efficace contre les points noirs et les pores dilatés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🏛️ Amateur de rituels orientaux\u003c\/h3\u003e\n\u003cp\u003eVous appréciez les cosmétiques d'inspiration orientale et les rituels de hammam à domicile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🧴 Préférence clean\u003c\/h3\u003e\n\u003cp\u003eVous préférez les produits naturels, sans substances controversées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🌸 Peau sensible\u003c\/h3\u003e\n\u003cp\u003eVous avez la peau sensible et cherchez un exfoliant doux mais efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"sna-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sna-accordion\"\u003e\n\u003cdetails class=\"sna-accordion-item\"\u003e\n\u003csummary class=\"sna-accordion-header\"\u003e⚠️ Précautions liées à l'eucalyptus\u003c\/summary\u003e\n\u003cdiv class=\"sna-accordion-content\"\u003e\n\u003cp\u003eCe produit contient de l'huile essentielle d'eucalyptus. Par précaution :\u003c\/p\u003e\n\u003cp\u003e• Évitez le contact avec les yeux et les muqueuses.\u003cbr\u003e• Déconseillé aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans sans avis médical.\u003cbr\u003e• En cas d'allergie connue à l'un des composants, réalisez un test dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sna-accordion-item\"\u003e\n\u003csummary class=\"sna-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"sna-accordion-content\"\u003e\n\u003cp\u003eConservez le pot bien fermé, à l'abri de la chaleur et de l'humidité pour préserver toutes les qualités du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"sna-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. Il ne remplace en aucun cas un traitement médical ou dermatologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --sna-cream: #F7F5F0;\n --sna-white: #ffffff;\n --sna-primary: #2D8B7A;\n --sna-primary-dark: #1E6B5C;\n --sna-primary-light: #E8F4F1;\n --sna-secondary: #3D2B1F;\n --sna-accent: #C4A55A;\n\n \/* Textes *\/\n --sna-text: #1a1a1a;\n --sna-text-light: #5a5a5a;\n\n \/* Effets *\/\n --sna-border: #e0e0e0;\n --sna-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sna-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sna-radius: 20px;\n --sna-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sna-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sna-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sna-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sna-primary) 0%, var(--sna-primary-dark) 50%, var(--sna-secondary) 100%);\n border-radius: var(--sna-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sna-shadow-lg);\n}\n\n.sna-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.sna-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.sna-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sna-subtitle {\n color: var(--sna-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.sna-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.sna-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sna-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sna-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sna-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sna-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sna-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sna-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sna-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sna-primary), var(--sna-accent));\n border-radius: 2px;\n}\n\n.sna-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sna-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sna-card {\n background: var(--sna-white);\n border-radius: var(--sna-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sna-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sna-shadow-lg);\n border-color: var(--sna-primary);\n}\n\n.sna-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sna-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sna-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sna-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sna-grid-compact .sna-card {\n padding: 1rem;\n}\n\n.sna-grid-compact .sna-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sna-grid-compact .sna-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sna-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sna-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sna-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sna-primary), var(--sna-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(45,139,122,.3);\n}\n\n.sna-timeline-content {\n flex: 1;\n background: var(--sna-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sna-radius-sm);\n box-shadow: var(--sna-shadow);\n}\n\n.sna-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sna-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sna-timeline-content p {\n font-size: 14px;\n color: var(--sna-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sna-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sna-primary-light);\n border-radius: var(--sna-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--sna-primary);\n}\n\n.sna-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sna-tip p {\n font-size: 14px;\n color: var(--sna-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sna-accordion {\n background: var(--sna-white);\n border-radius: var(--sna-radius);\n box-shadow: var(--sna-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.sna-accordion-item {\n border-bottom: 1px solid var(--sna-border);\n margin: 0;\n padding: 0;\n}\n\n.sna-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sna-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sna-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sna-accordion-header:hover {\n background: var(--sna-primary-light);\n}\n\n.sna-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sna-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sna-primary);\n transition: transform .2s ease;\n}\n\n.sna-accordion-item[open] .sna-accordion-header::after {\n content: '−';\n}\n\n.sna-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sna-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sna-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.sna-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sna-disclaimer {\n font-size: 12px;\n color: var(--sna-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n padding: 0 1rem;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sna-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sna-card {\n padding: 1.125rem;\n }\n \n .sna-section {\n margin-bottom: 1.75rem;\n }\n \n .sna-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sna-radius-sm);\n }\n \n .sna-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sna-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sna-grid-compact {\n gap: .625rem;\n }\n \n .sna-grid-compact .sna-card {\n padding: .75rem;\n }\n \n .sna-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sna-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sna-timeline-content h3 {\n font-size: 14px;\n }\n \n .sna-timeline-content p {\n font-size: 13px;\n }\n \n .sna-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sna-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sna-tip {\n padding: .875rem 1rem;\n }\n \n .sna-tip-icon {\n font-size: 20px;\n }\n \n .sna-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sna-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sna-card:nth-child(1) { animation-delay: .05s; }\n .sna-card:nth-child(2) { animation-delay: .1s; }\n .sna-card:nth-child(3) { animation-delay: .15s; }\n .sna-card:nth-child(4) { animation-delay: .2s; }\n .sna-card:nth-child(5) { animation-delay: .25s; }\n .sna-card:nth-child(6) { animation-delay: .3s; }\n \n .sna-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .sna-timeline-item:nth-child(1) { animation-delay: .1s; }\n .sna-timeline-item:nth-child(2) { animation-delay: .15s; }\n .sna-timeline-item:nth-child(3) { animation-delay: .2s; }\n .sna-timeline-item:nth-child(4) { animation-delay: .25s; }\n .sna-timeline-item:nth-child(5) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sna-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54925051789689,"sku":"NJ0145","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-noir-dalep-eucalyptus-180-g-najel-lifestyle.webp?v=1770193843"},{"product_id":"savon-alep-olive-laurier-parfum-ambre-oud-najel","title":"Savon d’Alep Olive \u0026 Laurier – parfum Ambre \u0026 Oud (150g) – Najel","description":"\u003cdiv class=\"nj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nj-hero\"\u003e\n \u003cdiv class=\"nj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nj-hero-content\"\u003e\n \u003cdiv class=\"nj-badges-top\"\u003e\n \u003cspan class=\"nj-badge\"\u003e🕌 Savoir-faire millénaire\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🌿 Olive \u0026amp; laurier\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e✨ Parfum ambre \u0026amp; oud\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🧼 150 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nj-hero-title\"\u003eSavon d'Alep Olive \u0026amp; Laurier – Parfum Ambre \u0026amp; Oud\u003c\/span\u003e\n \u003cp class=\"nj-subtitle\"\u003ePar Najel — Maître savonnier depuis des générations\u003c\/p\u003e\n \u003cp class=\"nj-description\"\u003eL'ancêtre de tous les savons, sublimé par des notes orientales envoûtantes d'ambre et de bois d'agar. Un objet de soin aussi beau que bienfaisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eSavon d'Alep olive et laurier parfumé ambre \u0026amp; oud : un soin ancestral aux notes orientales\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eHéritier d'un savoir-faire vieux de plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e, le savon d'Alep est considéré comme l'ancêtre de tous les savons solides, y compris le célèbre savon de Marseille.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏛️ Héritage ancestral\u003c\/h3\u003e\n \u003cp\u003eAvec cette version Premium signée \u003cstrong\u003eNajel\u003c\/strong\u003e, retrouvez toute l'âme du savon d'Alep — sa douceur, sa simplicité, ses bienfaits intemporels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌙 Voyage sensoriel\u003c\/h3\u003e\n \u003cp\u003eSublimé par un \u003cstrong\u003eparfum envoûtant d'ambre et d'oud\u003c\/strong\u003e (bois d'agar), chaque toilette devient un véritable rituel oriental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🎨 Design ornemental\u003c\/h3\u003e\n \u003cp\u003eSa forme ronde gravée de \u003cstrong\u003ecalligraphie arabe\u003c\/strong\u003e en fait un objet décoratif unique dans votre salle de bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🪢 Cordelette naturelle\u003c\/h3\u003e\n \u003cp\u003eSa \u003cstrong\u003ecordelette en fibre naturelle\u003c\/strong\u003e permet de le suspendre pour un séchage optimal et une touche esthétique authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep pour votre peau\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eSa formule repose sur deux ingrédients nobles aux vertus complémentaires, plébiscités depuis des millénaires.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras et en vitamine E, elle \u003cstrong\u003enourrit la peau en profondeur\u003c\/strong\u003e, l'assouplit et aide à maintenir son hydratation naturelle. Elle nettoie sans jamais agresser ni tirailler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés \u003cstrong\u003epurifiantes et apaisantes\u003c\/strong\u003e, elle contribue à calmer les petites irritations et laisse la peau nette et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🪵 Parfum ambre \u0026amp; oud\u003c\/h3\u003e\n \u003cp\u003eUne signature olfactive \u003cstrong\u003echaude, boisée et profonde\u003c\/strong\u003e qui enveloppe la peau d'une senteur orientale élégante et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e👩‍⚕️\u003c\/span\u003e\n \u003cp\u003eD'après de nombreux \u003cstrong\u003eavis de dermatologues\u003c\/strong\u003e, le savon d'Alep convient parfaitement aux \u003cstrong\u003epeaux sensibles\u003c\/strong\u003e, réactives ou sujettes aux inconforts quotidiens. Sa base végétale douce en fait un savon naturel idéal pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon d'Alep au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-timeline\"\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eMouillez votre peau\u003c\/h3\u003e\n \u003cp\u003ePuis faites mousser le savon entre vos mains ou directement sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eLe visage, le corps ou les mains en mouvements circulaires pour libérer les actifs et le parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau claire pour révéler une peau douce, nourrie et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eSuspendez le savon\u003c\/h3\u003e\n \u003cp\u003eAprès chaque utilisation, suspendez-le par sa cordelette pour qu'il sèche correctement et dure plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e glissez ce savon dans une armoire ou un tiroir pour parfumer naturellement votre linge grâce à ses notes d'ambre et d'oud. Un désodorisant naturel aussi agréable qu'original.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003ePour quel type de peau ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🤍 Peau normale\u003c\/h3\u003e\n \u003cp\u003eMaintient l'équilibre naturel et apporte douceur au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e💧 Peau sèche\u003c\/h3\u003e\n \u003cp\u003eNourrit et assouplit sans jamais dessécher grâce à l'huile d'olive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✨ Peau mixte à grasse\u003c\/h3\u003e\n \u003cp\u003ePurifie en douceur grâce au laurier sans agresser le film hydrolipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌸 Peau sensible\u003c\/h3\u003e\n \u003cp\u003eFormulation douce respectant l'équilibre cutané, adaptée à un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"nj-section-intro\" style=\"margin-top:1rem;\"\u003eCe \u003cstrong\u003esavon d'Alep pour le visage et le corps\u003c\/strong\u003e convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e et peut être utilisé au quotidien sans risque d'assèchement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e⚖️ Poids net\u003c\/h3\u003e\n \u003cp\u003e150 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🔵 Format\u003c\/h3\u003e\n \u003cp\u003eSavon rond ornemental avec cordelette\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n \u003cp\u003eArtisanale, savonnerie familiale à Alep (Syrie)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧴 Zones d'utilisation\u003c\/h3\u003e\n \u003cp\u003eVisage, corps, mains\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e📅 Fréquence\u003c\/h3\u003e\n \u003cp\u003eUsage quotidien recommandé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eAlep, Syrie — tradition millénaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"nj-testimonial\"\u003e\n \u003cp class=\"nj-testimonial-text\"\u003eSodium Olivate, Aqua, Sodium Laurelate, Glycerin, Parfum, Sodium Chloride, Sodium Hydroxide, Benzyl Alcohol, Coumarin, Citral, Citronellol, Eugenol, Limonene, Linalool, Alpha-Isomethyl Ionone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nj-disclaimer\"\u003eContient des allergènes naturellement présents dans le parfum.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"nj-accordion\"\u003e\n \u003cdetails class=\"nj-accordion-item\"\u003e\n \u003csummary class=\"nj-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n \u003cp\u003eÉviter le contact avec les yeux. En cas de projection, rincer immédiatement et abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nj-accordion-item\"\u003e\n \u003csummary class=\"nj-accordion-header\"\u003e⚠️ Allergies\u003c\/summary\u003e\n \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas utiliser en cas d'allergie connue à l'un des composants parfumants listés dans la composition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nj-accordion-item\"\u003e\n \u003csummary class=\"nj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver au sec, à l'abri de la chaleur directe, et toujours suspendre le savon entre deux utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nj-accordion-item\"\u003e\n \u003csummary class=\"nj-accordion-header\"\u003e🩺 Usage externe\u003c\/summary\u003e\n \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Ce produit cosmétique ne remplace en aucun cas un traitement médical ou dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"nj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"nj-cta-box\"\u003e\n \u003cp\u003e🕌 Offrez-vous un rituel de soin ancestral aux notes envoûtantes d'ambre et d'oud.\u003cbr\u003eLe savon d'Alep Premium Najel — 3 000 ans de tradition dans vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nj-cream: #f7f4ef;\n --nj-white: #ffffff;\n --nj-primary: #1b6b5a;\n --nj-primary-dark: #0e4a3d;\n --nj-primary-light: #e8f3ef;\n --nj-secondary: #c8973e;\n --nj-accent: #d4a84b;\n --nj-text: #1a1a1a;\n --nj-text-light: #5a5a5a;\n --nj-border: #e0ddd6;\n --nj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, #0e4a3d 0%, #1b6b5a 40%, #c8973e 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 20% 30%, rgba(200,151,62,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 40%),\n repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255,255,255,.02) 40px, rgba(255,255,255,.02) 80px);\n opacity: 1;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.nj-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nj-testimonial {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nj-shadow);\n border-left: 4px solid var(--nj-secondary);\n}\n\n.nj-testimonial-text {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n word-break: break-word;\n}\n\n\/* === ACCORDÉON === *\/\n.nj-accordion {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n box-shadow: var(--nj-shadow);\n overflow: hidden;\n}\n\n.nj-accordion-item {\n border-bottom: 1px solid var(--nj-border);\n margin: 0;\n padding: 0;\n}\n\n.nj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nj-accordion-header:hover {\n background: var(--nj-primary-light);\n}\n\n.nj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nj-primary);\n transition: transform .2s ease;\n}\n\n.nj-accordion-item[open] .nj-accordion-header::after {\n content: '−';\n}\n\n.nj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nj-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.nj-cta-box {\n background: linear-gradient(135deg, var(--nj-primary) 0%, var(--nj-primary-dark) 50%, #8b6914 100%);\n border-radius: var(--nj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nj-disclaimer {\n font-size: 12px;\n color: var(--nj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nj-card {\n padding: 1.125rem;\n }\n\n .nj-section {\n margin-bottom: 1.75rem;\n }\n\n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n\n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nj-grid-compact {\n gap: .625rem;\n }\n\n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n\n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nj-timeline-content h3 {\n font-size: 14px;\n }\n\n .nj-timeline-content p {\n font-size: 13px;\n }\n\n .nj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nj-testimonial {\n padding: 1.25rem;\n }\n\n .nj-testimonial-text {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: njFadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":55769595117945,"sku":"SAVAONALEP_OLIVELAURIER_NAJEL","price":5.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-olive-laurier-parfum-ambre-oud-150g-najel-lifestyle.webp?v=1772881694"},{"product_id":"savon-d-alep-35-laurier-200-g-al-bara","title":"Savon d'Alep 35% huile de baies de laurier - 200 g - Al Bara","description":"\u003cdiv class=\"alep-premium\"\u003e\n \u003cdiv class=\"alep-hero\"\u003e\n \u003cdiv class=\"alep-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"alep-hero-content\"\u003e\n \u003cdiv class=\"alep-badges-top\"\u003e\n \u003cspan class=\"alep-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e🏺 Tradition 3000 ans\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e✋ Artisanal\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e🚫 Sans huile de palme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"alep-hero-title\"\u003eL'Orient à l'état pur, depuis 3 000 ans\u003c\/span\u003e\n \u003cp class=\"alep-subtitle\"\u003eSavon d'Alep 35% Laurier — 200 g\u003c\/p\u003e\n \u003cp class=\"alep-description\"\u003eUn trésor de la cosmétique naturelle, fabriqué artisanalement à Alep selon un savoir-faire ancestral. Une composition minimaliste, une efficacité redoutable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep 35% Laurier Al Bara : l'authenticité syrienne dans votre salle de bain\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eVéritable trésor de la cosmétique naturelle, le savon d'Alep 35% laurier proposé par Al Bara perpétue une tradition vieille de plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e. Fabriqué artisanalement dans la ville d'Alep, en Syrie, ce pain de 200 g concentre le meilleur de la nature pour prendre soin de votre peau au quotidien. Une composition minimaliste, une efficacité redoutable : voilà tout ce que vous cherchiez dans un savon vraiment naturel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep pour votre peau\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eGrâce à sa richesse en huile d'olive et en huile de baies de laurier, il offre une action complète, reconnue par les dermatologues.\u003c\/p\u003e\n \u003cdiv class=\"alep-grid\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🧼 Nettoie en douceur\u003c\/h3\u003e\n \u003cp\u003eSans agresser la barrière cutanée, il respecte l'équilibre naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌿 Apaise les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les peaux réactives, irritées ou sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e✨ Purifie\u003c\/h3\u003e\n \u003cp\u003eAssainit les peaux à tendance acnéique ou grasse en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e💧 Confort cutané\u003c\/h3\u003e\n \u003cp\u003eContribue au confort des peaux sujettes à l'eczéma, au psoriasis ou aux démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌱 Nourrit \u0026amp; assouplit\u003c\/h3\u003e\n \u003cp\u003eL'épiderme retrouve souplesse et douceur, sans film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e⚖️ 35% laurier : l'équilibre parfait\u003c\/h3\u003e\n \u003cp\u003eAssez riche pour être purifiant et apaisant, assez doux pour un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep : la pureté avant tout\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eUne composition d'une simplicité désarmante, gage de sa qualité et de sa tolérance.\u003c\/p\u003e\n \u003cdiv class=\"alep-grid\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive de première pression\u003c\/h3\u003e\n \u003cp\u003eNourrissante, adoucissante et protectrice, elle constitue la base précieuse du savon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌿 35% d'huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003ePurifiante, assainissante et apaisante, elle donne au savon toutes ses vertus légendaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e💧 Eau \u0026amp; soude végétale\u003c\/h3\u003e\n \u003cp\u003eIndispensables à la saponification à l'ancienne, sans aucun additif chimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-tip\"\u003e\n \u003cspan class=\"alep-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans parfum de synthèse, sans colorant, sans conservateur, sans huile de palme.\u003c\/strong\u003e Son odeur naturelle et chaleureuse provient uniquement des huiles utilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003ePolyvalent, ce savon accompagne tous vos rituels beauté et convient à toute la famille.\u003c\/p\u003e\n \u003cdiv class=\"alep-timeline\"\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003e🧴 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eFaites mousser entre vos mains humides et massez délicatement, puis rincez à l'eau tiède. Idéal matin et soir pour démaquiller et purifier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003e🚿 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le sous la douche comme un savon classique. Doux, il convient à toute la famille, du plus petit au plus grand.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn shampoing occasionnel, il aide à assainir le cuir chevelu et à apaiser les démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003e🪒 Pour le rasage\u003c\/h3\u003e\n \u003cp\u003eSa mousse onctueuse offre un confort remarquable et évite les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-tip\"\u003e\n \u003cspan class=\"alep-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eEntre chaque utilisation, laissez-le sécher sur un porte-savon ajouré. Contrairement au savon d'Alep liquide, ce format solide se conserve plusieurs mois, voire des années : \u003cstrong\u003eplus il vieillit, plus il devient doux\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eUn savon d'Alep authentique, fabriqué selon la tradition\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eChez Al Bara, chaque pain est le fruit d'un savoir-faire ancestral transmis de génération en génération.\u003c\/p\u003e\n \u003cdiv class=\"alep-grid-compact\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🔥 Cuisson au chaudron\u003c\/h3\u003e\n \u003cp\u003ePlusieurs jours de cuisson lente selon la méthode traditionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🏺 Coulage à même le sol\u003c\/h3\u003e\n \u003cp\u003eLe savon est ensuite étendu sur de larges surfaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e✋ Découpe manuelle\u003c\/h3\u003e\n \u003cp\u003eChaque pain est découpé à la main puis estampillé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌬️ Séchage naturel\u003c\/h3\u003e\n \u003cp\u003ePlusieurs mois de séchage en cave pour développer toutes ses qualités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-tip\"\u003e\n \u003cspan class=\"alep-tip-icon\"\u003e🎨\u003c\/span\u003e\n \u003cp\u003eCette méthode artisanale donne à la surface sa \u003cstrong\u003ecouleur brun doré caractéristique\u003c\/strong\u003e, tandis que le cœur reste vert olive. Un tampon unique authentifie sa provenance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eAvis dermatologues et précautions\u003c\/h2\u003e\n \u003cdiv class=\"alep-testimonial\"\u003e\n \u003cp class=\"alep-testimonial-text\"\u003e\"Les avis des dermatologues sur le savon d'Alep soulignent sa très bonne tolérance cutanée, y compris chez les peaux atopiques. Sa composition minimaliste en fait un allié précieux pour les peaux les plus délicates.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"alep-accordion-item\"\u003e\n \u003csummary class=\"alep-accordion-header\"\u003e🧪 Test de tolérance\u003c\/summary\u003e\n \u003cdiv class=\"alep-accordion-content mt-3\"\u003e\n \u003cp\u003eIl est recommandé de faire un test dans le pli du coude en cas de peau très réactive avant utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"alep-accordion-item\"\u003e\n \u003csummary class=\"alep-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"alep-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne remplace en aucun cas un traitement médical : en cas de pathologie cutanée, consultez un professionnel de santé. Tenir hors de portée des enfants et éviter le contact avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"alep-accordion-item\"\u003e\n \u003csummary class=\"alep-accordion-header\"\u003e📦 Informations produit\u003c\/summary\u003e\n \u003cdiv class=\"alep-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e pain de 200 g\u003cbr\u003e\u003cstrong\u003eMarque :\u003c\/strong\u003e Al Bara – L'Orient à l'état pur\u003cbr\u003e\u003cstrong\u003eConcentration :\u003c\/strong\u003e 35% d'huile de baies de laurier\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"alep-cta-box\"\u003e\n \u003cp\u003eOffrez à votre peau un rituel authentique, hérité de l'Orient. Un savon, mille bienfaits — la tradition d'Alep à portée de main. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --alep-cream: #faf7f2;\n --alep-white: #ffffff;\n --alep-primary: #1e5b7a;\n --alep-primary-dark: #143f56;\n --alep-primary-light: #e6eff4;\n --alep-secondary: #c9a961;\n --alep-accent: #d4a574;\n --alep-text: #1a1a1a;\n --alep-text-light: #5a5a5a;\n --alep-border: #e0e0e0;\n --alep-shadow: 0 4px 24px rgba(30, 91, 122, .08);\n --alep-shadow-lg: 0 12px 48px rgba(30, 91, 122, .18);\n --alep-radius: 20px;\n --alep-radius-sm: 12px;\n}\n\n.alep-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alep-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--alep-text);\n line-height: 1.6;\n}\n\n.alep-hero {\n position: relative;\n background: linear-gradient(135deg, #143f56 0%, #1e5b7a 50%, #2d7a9e 100%);\n border-radius: var(--alep-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(201, 169, 97, .3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(212, 165, 116, .2) 0%, transparent 40%);\n opacity: .4;\n}\n\n.alep-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alep-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.alep-subtitle {\n color: var(--alep-secondary);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 700;\n letter-spacing: .05em;\n text-transform: uppercase;\n margin: 0 0 1rem 0;\n}\n\n.alep-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.alep-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.alep-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.alep-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.alep-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alep-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--alep-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.alep-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--alep-primary), var(--alep-secondary));\n border-radius: 2px;\n}\n\n.alep-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.alep-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alep-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--alep-shadow-lg);\n border-color: var(--alep-primary);\n}\n\n.alep-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alep-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.alep-grid-compact .alep-card {\n padding: 1rem;\n}\n\n.alep-grid-compact .alep-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.alep-grid-compact .alep-card p {\n font-size: 12px;\n}\n\n.alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.alep-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.alep-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.alep-timeline-content {\n flex: 1;\n background: var(--alep-white);\n padding: 1rem 1.25rem;\n border-radius: var(--alep-radius-sm);\n box-shadow: var(--alep-shadow);\n}\n\n.alep-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.alep-timeline-content p {\n font-size: 14px;\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.alep-testimonial {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--alep-shadow);\n border-left: 4px solid var(--alep-primary);\n}\n\n.alep-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.alep-accordion {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n box-shadow: var(--alep-shadow);\n overflow: hidden;\n}\n\n.alep-accordion-item {\n border-bottom: 1px solid var(--alep-border);\n margin: 0;\n padding: 0;\n}\n\n.alep-accordion-item:last-child {\n border-bottom: none;\n}\n\n.alep-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--alep-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.alep-accordion-header:hover {\n background: var(--alep-primary-light);\n}\n\n.alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.alep-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--alep-primary);\n transition: transform .2s ease;\n}\n\n.alep-accordion-item[open] .alep-accordion-header::after {\n content: '−';\n}\n\n.alep-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--alep-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.alep-accordion-content p {\n margin: 0;\n}\n\n.alep-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--alep-primary-light);\n border-radius: var(--alep-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--alep-secondary);\n}\n\n.alep-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1.4;\n}\n\n.alep-tip p {\n font-size: 14px;\n color: var(--alep-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-cta-box {\n background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 100%);\n border-radius: var(--alep-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(201, 169, 97, .25) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.alep-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n@media (max-width: 767px) {\n .alep-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .alep-card {\n padding: 1.125rem;\n }\n \n .alep-section {\n margin-bottom: 1.75rem;\n }\n \n .alep-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alep-radius-sm);\n }\n \n .alep-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .alep-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .alep-grid-compact {\n gap: .625rem;\n }\n \n .alep-grid-compact .alep-card {\n padding: .75rem;\n }\n \n .alep-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .alep-timeline-content {\n padding: .875rem 1rem;\n }\n \n .alep-timeline-content h3 {\n font-size: 14px;\n }\n \n .alep-timeline-content p {\n font-size: 13px;\n }\n \n .alep-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .alep-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .alep-testimonial {\n padding: 1.25rem;\n }\n \n .alep-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .alep-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alep-card:nth-child(1) { animation-delay: .05s; }\n .alep-card:nth-child(2) { animation-delay: .1s; }\n .alep-card:nth-child(3) { animation-delay: .15s; }\n .alep-card:nth-child(4) { animation-delay: .2s; }\n .alep-card:nth-child(5) { animation-delay: .25s; }\n .alep-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .alep-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"Default Title","offer_id":64468681818489,"sku":"AB0005","price":8.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-35-laurier-200-g-al-bara-packshothd.webp?v=1788422232"},{"product_id":"savon-d-alep-20-laurier-200-g-al-bara","title":"Savon d'Alep 20% huile de baies de laurier - 200 g - Al Bara","description":"\u003cdiv class=\"alep-premium\"\u003e\n \u003cdiv class=\"alep-hero\"\u003e\n \u003cdiv class=\"alep-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"alep-hero-content\"\u003e\n \u003cdiv class=\"alep-badges-top\"\u003e\n \u003cspan class=\"alep-badge\"\u003e🌿 20% Laurier\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e🫒 Huile d'olive\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e✨ 100% Naturel\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e🏺 Tradition d'Alep\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"alep-hero-title\"\u003eL'Orient à l'état pur, un rituel millénaire\u003c\/span\u003e\n \u003cp class=\"alep-subtitle\"\u003eSavon d'Alep 20% Laurier – 200 g\u003c\/p\u003e\n \u003cp class=\"alep-description\"\u003eUn trésor de la cosmétique orientale, fabriqué au chaudron selon un savoir-faire syrien vieux de 3 000 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep 20% Laurier Al Bara : l'âme du savon d'Alep authentique\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eVéritable trésor de la cosmétique orientale, le \u003cstrong\u003eSavon d'Alep 20% Laurier Al Bara\u003c\/strong\u003e perpétue un savoir-faire millénaire venu de Syrie.\u003c\/p\u003e\n \u003cdiv class=\"alep-grid-compact\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🏺 Méthode traditionnelle\u003c\/h3\u003e\n \u003cp\u003eFabriqué à Alep au chaudron selon la recette ancestrale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003ePremière pression, nourrissante et respectueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌿 20% Laurier\u003c\/h3\u003e\n \u003cp\u003eHuile de baies de laurier purifiante et apaisante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e♻️ 100% biodégradable\u003c\/h3\u003e\n \u003cp\u003eVégétal, sans additif chimique, respectueux de la planète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep pour votre peau\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eReconnu depuis plus de 3 000 ans, le savon d'Alep séduit par sa \u003cstrong\u003etolérance exceptionnelle\u003c\/strong\u003e, particulièrement appréciée des épidermes délicats.\u003c\/p\u003e\n \u003cdiv class=\"alep-grid\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e💧 Nettoie en douceur\u003c\/h3\u003e\n \u003cp\u003eSans dessécher, grâce à l'huile d'olive nourrissante qui préserve le confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🍃 Purifie et apaise\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les peaux sujettes aux imperfections, rougeurs ou irritations passagères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e✨ Assouplit et adoucit\u003c\/h3\u003e\n \u003cp\u003eRespecte le film hydrolipidique et laisse la peau souple et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux sensibles, mixtes ou à tendance grasse sans agresser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eFormule sans parfum de synthèse, sans colorant, sans conservateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e👩‍⚕️ Reconnu\u003c\/h3\u003e\n \u003cp\u003eApprécié par de nombreux dermatologues pour les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-tip\"\u003e\n \u003cspan class=\"alep-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLa teneur en huile de laurier à \u003cstrong\u003e20 %\u003c\/strong\u003e offre un équilibre parfait entre douceur et efficacité purifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep visage, corps et cheveux : un soin polyvalent\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eCe pain d'Alep s'utilise sur l'ensemble du corps et se glisse facilement dans toutes les routines beauté.\u003c\/p\u003e\n \u003cdiv class=\"alep-grid\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e👤 Visage\u003c\/h3\u003e\n \u003cp\u003eNettoie matin et soir, aide à limiter les brillances et les petits boutons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🚿 Corps\u003c\/h3\u003e\n \u003cp\u003eIdéal sous la douche, il laisse la peau propre, souple et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisé en shampoing, il assainit le cuir chevelu et redonne du corps aux longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🪒 Rasage\u003c\/h3\u003e\n \u003cp\u003eSa mousse fine adoucit le passage du rasoir pour un rasage confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-tip\"\u003e\n \u003cspan class=\"alep-tip-icon\"\u003e⏳\u003c\/span\u003e\n \u003cp\u003eContrairement au savon d'Alep liquide, ce format solide se conserve plusieurs années et se bonifie avec le temps, développant un parfum végétal de plus en plus subtil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eComposition 100 % naturelle\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eLa composition du savon d'Alep Al Bara est d'une \u003cstrong\u003epureté remarquable\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"alep-grid-compact\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🫒 Sodium Olivate\u003c\/h3\u003e\n \u003cp\u003eHuile d'olive saponifiée de première pression\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌿 Sodium Laurate\u003c\/h3\u003e\n \u003cp\u003eHuile de baies de laurier saponifiée à 20 %\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e💧 Aqua\u003c\/h3\u003e\n \u003cp\u003eEau pure utilisée dans la cuisson au chaudron\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e✨ Glycerin\u003c\/h3\u003e\n \u003cp\u003eGlycérine naturellement présente + Sodium Hydroxide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-tip\"\u003e\n \u003cspan class=\"alep-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eAucun ingrédient d'origine animale, aucun tensioactif de synthèse : un vrai savon à froid… cuit à chaud, selon la tradition d'Alep.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"alep-timeline\"\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003e💧 Mouillez et faites mousser\u003c\/h3\u003e\n \u003cp\u003eMouillez le savon puis faites mousser entre les mains ou sur un gant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003e👐 Massez la zone\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur la zone à nettoyer par mouvements doux et circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003e🚿 Rincez à l'eau tiède\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment pour éliminer tout résidu et profitez du confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003e🧼 Laissez sécher\u003c\/h3\u003e\n \u003cp\u003ePosez-le 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=\"alep-tip\"\u003e\n \u003cspan class=\"alep-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003ePour un premier essai, testez sur une petite zone si votre peau est très réactive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn geste beauté écoresponsable\u003c\/h2\u003e\n \u003cdiv class=\"alep-grid-compact\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e📦 Étui recyclable\u003c\/h3\u003e\n \u003cp\u003ePain de 200 g emballé dans un carton 100% recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n \u003cp\u003eRemplace gel douche, savon mains, shampoing et mousse à raser\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌍 Minimaliste\u003c\/h3\u003e\n \u003cp\u003eUn seul produit pour toute la famille et toute la maison\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌿 Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eRespectueux de la planète, biodégradable naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🏺 Adoptez le rituel d'Alep : un savoir-faire millénaire, un geste beauté simple, une peau naturellement respectée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"alep-disclaimer\"\u003eCe savon est un produit cosmétique d'hygiène : il ne remplace pas un traitement médical. En cas de problème dermatologique, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --alep-cream: #f7f4ed;\n --alep-white: #ffffff;\n --alep-primary: #2d6e4a;\n --alep-primary-dark: #1e4f34;\n --alep-primary-light: #e5f0e8;\n --alep-secondary: #c9a24a;\n --alep-accent: #d4b96b;\n --alep-text: #1a1a1a;\n --alep-text-light: #5a5a5a;\n --alep-border: #e0dcd0;\n --alep-shadow: 0 4px 24px rgba(0,0,0,.08);\n --alep-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --alep-radius: 20px;\n --alep-radius-sm: 12px;\n}\n\n.alep-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alep-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--alep-text);\n}\n\n.alep-hero {\n position: relative;\n background: linear-gradient(135deg, #2d6e4a 0%, #1e4f34 50%, #143d28 100%);\n border-radius: var(--alep-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, var(--alep-accent) 2px, transparent 2px),\n radial-gradient(circle at 70% 60%, var(--alep-white) 1.5px, transparent 1.5px);\n background-size: 40px 40px, 30px 30px;\n}\n\n.alep-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alep-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 6vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.alep-subtitle {\n color: var(--alep-accent);\n font-size: clamp(15px, 2.5vw, 20px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.alep-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.alep-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.alep-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.alep-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.alep-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alep-premium h2 {\n font-size: clamp(22px, 4.5vw, 34px);\n font-weight: 900;\n color: var(--alep-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.alep-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--alep-primary), var(--alep-secondary));\n border-radius: 2px;\n}\n\n.alep-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.alep-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alep-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--alep-shadow-lg);\n border-color: var(--alep-primary);\n}\n\n.alep-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alep-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.alep-grid-compact .alep-card {\n padding: 1rem;\n}\n\n.alep-grid-compact .alep-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.alep-grid-compact .alep-card p {\n font-size: 12px;\n}\n\n.alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.alep-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.alep-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(45,110,74,.3);\n}\n\n.alep-timeline-content {\n flex: 1;\n background: var(--alep-white);\n padding: 1rem 1.25rem;\n border-radius: var(--alep-radius-sm);\n box-shadow: var(--alep-shadow);\n}\n\n.alep-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.alep-timeline-content p {\n font-size: 14px;\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.alep-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--alep-primary-light);\n border-radius: var(--alep-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--alep-primary);\n}\n\n.alep-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.alep-tip p {\n font-size: 14px;\n color: var(--alep-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-cta-box {\n background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 100%);\n border-radius: var(--alep-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.alep-disclaimer {\n font-size: 12px;\n color: var(--alep-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .alep-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .alep-card {\n padding: 1.125rem;\n }\n .alep-section {\n margin-bottom: 1.75rem;\n }\n .alep-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alep-radius-sm);\n }\n .alep-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .alep-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .alep-grid-compact {\n gap: .625rem;\n }\n .alep-grid-compact .alep-card {\n padding: .75rem;\n }\n .alep-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .alep-timeline-content {\n padding: .875rem 1rem;\n }\n .alep-timeline-content h3 {\n font-size: 14px;\n }\n .alep-timeline-content p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .alep-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alep-card:nth-child(1) { animation-delay: .05s; }\n .alep-card:nth-child(2) { animation-delay: .1s; }\n .alep-card:nth-child(3) { animation-delay: .15s; }\n .alep-card:nth-child(4) { animation-delay: .2s; }\n .alep-card:nth-child(5) { animation-delay: .25s; }\n .alep-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .alep-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"Default Title","offer_id":64468798472569,"sku":"AB0010","price":5.79,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-20-laurier-200-g-al-bara-packshothd.webp?v=1788422262"},{"product_id":"savon-dalep-pur-olive-200-g-al-bara","title":"Savon d'Alep 100% huile d'olive - 200 g - Al Bara","description":"\u003cdiv class=\"alep-premium\"\u003e\n \u003cdiv class=\"alep-hero\"\u003e\n \u003cdiv class=\"alep-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"alep-hero-content\"\u003e\n \u003cdiv class=\"alep-badges-top\"\u003e\n \u003cspan class=\"alep-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e🏺 Tradition 3000 ans\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e✋ Fait main à Alep\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"alep-hero-title\"\u003eL'Orient à l'état pur pour votre peau\u003c\/span\u003e\n \u003cp class=\"alep-subtitle\"\u003eSavon d'Alep Pur Olive – 200 g\u003c\/p\u003e\n \u003cp class=\"alep-description\"\u003eCuit lentement au chaudron et façonné à la main selon un savoir-faire ancestral syrien, ce pain de savon 100 % végétal révèle la pureté absolue de l'huile d'olive de première pression.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep Pur Olive Al Bara : l'authenticité orientale au service de votre peau\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eVous recherchez un \u003cstrong\u003esavon d'Alep\u003c\/strong\u003e véritable, sans compromis, fidèle à la tradition millénaire syrienne ?\u003c\/p\u003e\n \u003cdiv class=\"alep-testimonial\"\u003e\n \u003cp class=\"alep-testimonial-text\"\u003e\"Le Savon d'Alep Pur Olive Al Bara (200 g) est fabriqué à Alep selon un savoir-faire ancestral transmis depuis plus de 3 000 ans. Cuit lentement au chaudron puis façonné à la main, ce pain de savon 100 % naturel et végétal séduit par sa pureté absolue et sa polyvalence exceptionnelle.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep pur olive au quotidien\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eNaturellement riche en antioxydants et en vitamines, l'\u003cstrong\u003ehuile d'olive de première pression\u003c\/strong\u003e nourrit la peau tout en respectant son film hydrolipidique.\u003c\/p\u003e\n \u003cdiv class=\"alep-grid\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🫧 Nettoie en douceur\u003c\/h3\u003e\n \u003cp\u003ePurifie la peau sans agresser ni décaper l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e💧 Hydratation préservée\u003c\/h3\u003e\n \u003cp\u003eAide à maintenir l'hydratation naturelle et le confort de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e✨ Peau souple \u0026amp; douce\u003c\/h3\u003e\n \u003cp\u003eLaisse la peau confortable, sans tiraillements ni sensation de sécheresse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux sèches, sensibles ou réactives grâce à sa formule minimaliste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdapté à tous, y compris pour le visage et les peaux les plus délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌿 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eSans colorant ni conservateur : idéal pour les personnes sensibles aux fragrances.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-tip\"\u003e\n \u003cspan class=\"alep-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLes bienfaits du savon d'Alep pur olive sont particulièrement appréciés en cas d'inconfort cutané ou de sensibilité. Un allié précieux pour retrouver une peau apaisée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep : la simplicité comme force\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eLa \u003cstrong\u003ecomposition du savon d'Alep\u003c\/strong\u003e Al Bara est d'une pureté remarquable : seulement 3 ingrédients.\u003c\/p\u003e\n \u003cdiv class=\"alep-grid\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🫒 Sodium Olivate\u003c\/h3\u003e\n \u003cp\u003eHuile d'olive saponifiée de première pression, l'unique corps gras de la recette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e💧 Aqua\u003c\/h3\u003e\n \u003cp\u003eEau pure, indispensable au processus traditionnel de saponification au chaudron.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e⚗️ Sodium Hydroxide\u003c\/h3\u003e\n \u003cp\u003eSoude entièrement transformée lors de la saponification : aucune trace résiduelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-tip\"\u003e\n \u003cspan class=\"alep-tip-icon\"\u003e🌟\u003c\/span\u003e\n \u003cp\u003eCette version \u003cem\u003epur olive\u003c\/em\u003e se distingue des savons d'Alep classiques qui contiennent également de l'huile de baies de laurier : elle est idéale pour les peaux les plus délicates ou les personnes sensibles aux fragrances.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep Al Bara ?\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eUn pain de savon d'une \u003cstrong\u003epolyvalence unique\u003c\/strong\u003e, pour tous les gestes du quotidien.\u003c\/p\u003e\n \u003cdiv class=\"alep-timeline\"\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003e🧼 Visage et corps\u003c\/h3\u003e\n \u003cp\u003eFaites mousser entre les mains humides, appliquez sur peau mouillée puis rincez à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003ePeut aussi s'utiliser en shampoing solide : faites mousser entre les mains, massez le cuir chevelu puis rincez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003e🪒 Rasage\u003c\/h3\u003e\n \u003cp\u003ePeut aussi s'utiliser en mousse à raser, pour un rasage tout en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003e🏠 Entretien de la maison\u003c\/h3\u003e\n \u003cp\u003eLessive naturelle, savon de cuisine, nettoyage écologique : un vrai multi-usages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-tip\"\u003e\n \u003cspan class=\"alep-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce longévité :\u003c\/strong\u003e conservez votre savon sur un porte-savon drainant, à l'abri de l'humidité, afin de prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eLe plus doux des savons d'Alep, pour les peaux sensibles et les bébés\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eComposé uniquement d'huile d'olive saponifiée, sans huile de baies de laurier, le \u003cstrong\u003esavon d'Alep pur olive\u003c\/strong\u003e est le plus doux des savons d'Alep.\u003c\/p\u003e\n \u003cdiv class=\"alep-tip\"\u003e\n \u003cspan class=\"alep-tip-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003eSa composition simple et pure convient aux peaux sèches, sensibles ou réactives, et même à la toilette des bébés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"alep-disclaimer\"\u003eCe produit ne remplace en aucun cas un traitement médical. En cas de pathologie cutanée, demandez conseil à votre médecin ou dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn geste beauté écoresponsable\u003c\/h2\u003e\n \u003cdiv class=\"alep-grid-compact\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eUn pain solide, sans flacon plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌱 Biodégradable\u003c\/h3\u003e\n \u003cp\u003eFormule 100 % naturelle, respectueuse de l'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e📦 Emballage recyclable\u003c\/h3\u003e\n \u003cp\u003eÉtui carton à jeter dans le bac jaune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🏺 Fabrication artisanale\u003c\/h3\u003e\n \u003cp\u003eCuit au chaudron et façonné à la main à Alep.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003eAvec le Savon d'Alep Pur Olive Al Bara, revenez à l'essentiel : l'Orient à l'état pur, pour votre peau et pour la planète. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --alep-cream: #faf6ef;\n --alep-white: #ffffff;\n --alep-primary: #8b6b3d;\n --alep-primary-dark: #4a3520;\n --alep-primary-light: #f2e8d8;\n --alep-secondary: #b8935a;\n --alep-accent: #c9a86a;\n --alep-text: #2b1f14;\n --alep-text-light: #6b5a48;\n --alep-border: #e8dcc8;\n --alep-shadow: 0 4px 24px rgba(74,53,32,.10);\n --alep-shadow-lg: 0 12px 48px rgba(74,53,32,.18);\n --alep-radius: 20px;\n --alep-radius-sm: 12px;\n}\n\n.alep-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alep-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--alep-text);\n}\n\n.alep-hero {\n position: relative;\n background: linear-gradient(135deg, #4a3520 0%, #6b4a2b 50%, #8b6b3d 100%);\n border-radius: var(--alep-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 30%, #c9a86a 2px, transparent 2px),\n radial-gradient(circle at 80% 70%, #c9a86a 2px, transparent 2px),\n radial-gradient(circle at 50% 50%, #c9a86a 1px, transparent 1px);\n background-size: 60px 60px, 80px 80px, 40px 40px;\n}\n\n.alep-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alep-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.alep-subtitle {\n color: var(--alep-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.alep-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.alep-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.alep-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.alep-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.alep-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alep-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--alep-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.alep-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--alep-primary), var(--alep-accent));\n border-radius: 2px;\n}\n\n.alep-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.alep-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alep-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--alep-shadow-lg);\n border-color: var(--alep-primary);\n}\n\n.alep-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alep-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.alep-grid-compact .alep-card {\n padding: 1rem;\n}\n\n.alep-grid-compact .alep-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.alep-grid-compact .alep-card p {\n font-size: 12px;\n}\n\n.alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.alep-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.alep-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(139,107,61,.3);\n}\n\n.alep-timeline-content {\n flex: 1;\n background: var(--alep-white);\n padding: 1rem 1.25rem;\n border-radius: var(--alep-radius-sm);\n box-shadow: var(--alep-shadow);\n}\n\n.alep-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.alep-timeline-content p {\n font-size: 14px;\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.alep-testimonial {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--alep-shadow);\n border-left: 4px solid var(--alep-primary);\n}\n\n.alep-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.alep-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--alep-primary-light);\n border-radius: var(--alep-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.alep-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.alep-tip p {\n font-size: 14px;\n color: var(--alep-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-cta-box {\n background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 100%);\n border-radius: var(--alep-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.alep-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n.alep-disclaimer {\n font-size: 12px;\n color: var(--alep-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .alep-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .alep-card { padding: 1.125rem; }\n .alep-section { margin-bottom: 1.75rem; }\n .alep-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alep-radius-sm);\n }\n .alep-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .alep-premium h2::after { width: 40px; height: 3px; }\n .alep-grid-compact { gap: .625rem; }\n .alep-grid-compact .alep-card { padding: .75rem; }\n .alep-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .alep-timeline-content { padding: .875rem 1rem; }\n .alep-timeline-content h3 { font-size: 14px; }\n .alep-timeline-content p { font-size: 13px; }\n .alep-testimonial { padding: 1.25rem; }\n .alep-testimonial-text { font-size: 14px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .alep-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alep-card:nth-child(1) { animation-delay: .05s; }\n .alep-card:nth-child(2) { animation-delay: .1s; }\n .alep-card:nth-child(3) { animation-delay: .15s; }\n .alep-card:nth-child(4) { animation-delay: .2s; }\n .alep-card:nth-child(5) { animation-delay: .25s; }\n .alep-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .alep-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"Default Title","offer_id":64468906017145,"sku":"AB0015","price":4.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-pur-olive-200-g-al-bara-packshothd.webp?v=1788422279"},{"product_id":"savon-dalep-a-largile-rose-150-g-al-bara","title":"Savon d'Alep enrichi à l'argile rose - 150 g - Al Bara","description":"\u003cdiv class=\"alep-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"alep-hero\"\u003e\n \u003cdiv class=\"alep-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"alep-hero-content\"\u003e\n \u003cdiv class=\"alep-badges-top\"\u003e\n \u003cspan class=\"alep-badge\"\u003e🌿 100% naturel \u0026amp; végétal\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e🤲 Fabrication artisanale\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e🚫 Sans conservateur\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e🌸 Argile rose d'Alep\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"alep-hero-title\"\u003eL'héritage millénaire des maîtres savonniers d'Alep\u003c\/span\u003e\n \u003cp class=\"alep-subtitle\"\u003eAl Bara · L'Orient à l'état pur\u003c\/p\u003e\n \u003cp class=\"alep-description\"\u003eUn pain artisanal à l'huile d'olive et à l'argile rose d'Alep pour une peau purifiée, apaisée et lumineuse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep à l'argile rose : le rituel purifiant de l'Orient\u003c\/h2\u003e\n \u003cp\u003eLe \u003cstrong\u003esavon d'Alep argile\u003c\/strong\u003e Al Bara est fabriqué à la main selon la méthode ancestrale des maîtres savonniers syriens. Ce \u003cstrong\u003esavon d'Alep argile rouge\u003c\/strong\u003e marie huile d'olive et argile rose d'Alep pour un soin quotidien 100 % naturel, sans conservateur ni parfum ajouté, qui nettoie en profondeur sans agresser la peau.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003ePourquoi ce savon Alep argile rouge fait la différence\u003c\/h2\u003e\n \u003cdiv class=\"alep-grid\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras et vitamine E, elle nourrit et préserve le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌸 Argile 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.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🤲 Savoir-faire ancestral\u003c\/h3\u003e\n \u003cp\u003eUne méthode traditionnelle transmise depuis des siècles par les maîtres savonniers syriens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce savon d'Alep à l'argile ?\u003c\/h2\u003e\n \u003cdiv class=\"alep-grid-compact\"\u003e\n \u003cdiv class=\"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.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌸 Peaux ternes ou fatiguées\u003c\/h3\u003e\n \u003cp\u003eHuile d'olive et argile ravivent la luminosité du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSans parfum ni conservateur, il convient aux peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eÉtui 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 --\u003e\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon Alep argile rouge\u003c\/h2\u003e\n \u003cdiv class=\"alep-timeline\"\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-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.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003eCréez une mousse crémeuse\u003c\/h3\u003e\n \u003cp\u003eFrottez le savon entre vos mains puis massez la peau en mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003eRincez en douceur\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède et séchez la peau en tamponnant délicatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003eConservez au sec\u003c\/h3\u003e\n \u003cp\u003ePlacez le pain à 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=\"alep-tip\"\u003e\n \u003cdiv class=\"alep-tip-icon\"\u003e🪷\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce masque express :\u003c\/strong\u003e laissez poser la mousse 1 à 2 minutes avant de rincer pour une peau visiblement purifiée et éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep argile rose Al Bara\u003c\/h2\u003e\n \u003cdiv class=\"alep-grid-compact\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🫒 Base saponifiée\u003c\/h3\u003e\n \u003cp\u003eHuile d'olive (Olea Europaea Fruit Oil).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌸 Actif purifiant\u003c\/h3\u003e\n \u003cp\u003eArgile rose d'Alep, douce et minérale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🚫 Sans\u003c\/h3\u003e\n \u003cp\u003eConservateur, parfum de synthèse, colorant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌿 Origine\u003c\/h3\u003e\n \u003cp\u003e100 % naturelle et végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"alep-grid-compact\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e⚖️ Poids\u003c\/h3\u003e\n \u003cp\u003e150 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🧴 Usage\u003c\/h3\u003e\n \u003cp\u003eVisage et corps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🤲 Fabrication\u003c\/h3\u003e\n \u003cp\u003eArtisanale, Alep\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e📦 Emballage\u003c\/h3\u003e\n \u003cp\u003eCarton recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eBon à savoir avant utilisation\u003c\/h2\u003e\n \u003cdiv class=\"alep-accordion\"\u003e\n \u003cdetails class=\"alep-accordion-item\"\u003e\n \u003csummary class=\"alep-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"alep-accordion-content mt-3\"\u003e\n \u003cp\u003eProduit cosmétique naturel, ne remplace pas un traitement médical. En cas de réaction, cessez l'utilisation. Évitez le contact avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"alep-accordion-item\"\u003e\n \u003csummary class=\"alep-accordion-header\"\u003e🧴 Types de peaux\u003c\/summary\u003e\n \u003cdiv class=\"alep-accordion-content mt-3\"\u003e\n \u003cp\u003eConvient aux peaux mixtes, grasses, sensibles et ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"alep-accordion-item\"\u003e\n \u003csummary class=\"alep-accordion-header\"\u003e♻️ Tri et recyclage\u003c\/summary\u003e\n \u003cdiv class=\"alep-accordion-content mt-3\"\u003e\n \u003cp\u003eL'étui carton est à 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 \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"alep-cta-box\"\u003e\n \u003cp\u003eOffrez à votre peau la simplicité d'un soin millénaire : deux ingrédients, une fabrication artisanale, un éclat retrouvé au fil des jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --alep-cream: #F7EFE7;\n --alep-white: #ffffff;\n --alep-primary: #B5694A;\n --alep-primary-dark: #7A3E28;\n --alep-primary-light: #F4E3D6;\n --alep-secondary: #C89B7B;\n --alep-accent: #8C3E3E;\n --alep-text: #2A1810;\n --alep-text-light: #6B5449;\n --alep-border: #E5D5C7;\n --alep-shadow: 0 4px 24px rgba(122,62,40,.08);\n --alep-shadow-lg: 0 12px 48px rgba(122,62,40,.18);\n --alep-radius: 20px;\n --alep-radius-sm: 12px;\n}\n\n.alep-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alep-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--alep-text);\n line-height: 1.7;\n}\n\n.alep-premium * { box-sizing: border-box; }\n\n\/* HERO *\/\n.alep-hero {\n position: relative;\n background: linear-gradient(135deg, #C89B7B 0%, #B5694A 50%, #8C3E3E 100%);\n border-radius: var(--alep-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: .6;\n}\n\n.alep-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alep-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 6vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n line-height: 1.15;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.alep-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 600;\n letter-spacing: .1em;\n text-transform: uppercase;\n margin: 0 0 1rem 0;\n}\n\n.alep-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 620px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n.alep-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.alep-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.alep-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* SECTIONS *\/\n.alep-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alep-premium h2 {\n font-size: clamp(22px, 5vw, 34px);\n font-weight: 900;\n color: var(--alep-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n line-height: 1.25;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.alep-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--alep-primary), var(--alep-accent));\n border-radius: 2px;\n}\n\n.alep-section p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--alep-text);\n text-align: center;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.alep-section p strong {\n color: var(--alep-primary-dark);\n}\n\n\/* CARDS *\/\n.alep-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alep-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--alep-shadow-lg);\n border-color: var(--alep-primary);\n}\n\n.alep-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alep-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* GRIDS *\/\n.alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.alep-grid-compact .alep-card {\n padding: 1rem;\n}\n\n.alep-grid-compact .alep-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.alep-grid-compact .alep-card p {\n font-size: 12px;\n}\n\n\/* TIMELINE *\/\n.alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.alep-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.alep-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(181,105,74,.3);\n}\n\n.alep-timeline-content {\n flex: 1;\n background: var(--alep-white);\n padding: 1rem 1.25rem;\n border-radius: var(--alep-radius-sm);\n box-shadow: var(--alep-shadow);\n}\n\n.alep-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.alep-timeline-content p {\n font-size: 14px;\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.5;\n text-align: left;\n}\n\n\/* TIP BOX *\/\n.alep-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--alep-primary-light);\n border-radius: var(--alep-radius-sm);\n padding: 1rem 1.25rem;\n margin: 1.25rem auto 0;\n max-width: 800px;\n border-left: 4px solid var(--alep-primary);\n}\n\n.alep-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.alep-tip p {\n font-size: 14px;\n color: var(--alep-text);\n margin: 0;\n line-height: 1.6;\n text-align: left;\n}\n\n.alep-tip p strong {\n color: var(--alep-primary-dark);\n}\n\n\/* ACCORDION *\/\n.alep-accordion {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n box-shadow: var(--alep-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.alep-accordion-item {\n border-bottom: 1px solid var(--alep-border);\n}\n\n.alep-accordion-item:last-child {\n border-bottom: none;\n}\n\n.alep-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--alep-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.alep-accordion-header:hover {\n background: var(--alep-primary-light);\n}\n\n.alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.alep-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--alep-primary);\n transition: transform .2s ease;\n}\n\n.alep-accordion-item[open] .alep-accordion-header::after {\n content: '−';\n}\n\n.alep-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--alep-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.alep-accordion-content p {\n margin: 10px 0 0;\n text-align: left;\n font-size: 14px;\n color: var(--alep-text-light);\n}\n\n\/* CTA *\/\n.alep-cta-box {\n background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 100%);\n border-radius: var(--alep-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-cta-box::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.15), transparent 50%);\n}\n\n.alep-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n position: relative;\n z-index: 1;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n .alep-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .alep-card {\n padding: 1.125rem;\n }\n .alep-section {\n margin-bottom: 1.75rem;\n }\n .alep-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alep-radius-sm);\n }\n .alep-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .alep-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .alep-grid-compact {\n gap: .625rem;\n }\n .alep-grid-compact .alep-card {\n padding: .75rem;\n }\n .alep-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .alep-timeline-content {\n padding: .875rem 1rem;\n }\n .alep-timeline-content h3 {\n font-size: 14px;\n }\n .alep-timeline-content p {\n font-size: 13px;\n }\n .alep-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .alep-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n .alep-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alep-card:nth-child(1) { animation-delay: .05s; }\n .alep-card:nth-child(2) { animation-delay: .1s; }\n .alep-card:nth-child(3) { animation-delay: .15s; }\n .alep-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .alep-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"Default Title","offer_id":64481458979193,"sku":"AB0030","price":5.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-a-largile-rose-150-g-al-bara-packshothd.webp?v=1788529614"},{"product_id":"savon-alep-grenade-al-bara","title":"Savon d'Alep artisanal parfum Grenade - Al Bara","description":"\u003cdiv class=\"alep-premium\"\u003e\n\n \u003cdiv class=\"alep-hero\"\u003e\n \u003cdiv class=\"alep-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"alep-hero-content\"\u003e\n \u003cdiv class=\"alep-badges-top\"\u003e\n \u003cspan class=\"alep-badge\"\u003e🌿 100% naturel \u0026amp; végétal\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e🏺 Savoir-faire millénaire\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e🍃 Sans huile de palme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"alep-hero-title\"\u003eL'Orient à l'état pur, en un geste\u003c\/span\u003e\n \u003cp class=\"alep-subtitle\"\u003eSavon d'Alep parfumé Grenade • 50 g\u003c\/p\u003e\n \u003cp class=\"alep-description\"\u003eUn petit trésor artisanal cuit lentement au chaudron selon la tradition syrienne, sublimé par une note fruitée et pétillante inspirée des vergers d'Orient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep parfumé Grenade Al Bara : l'Orient à l'état pur\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eDécouvrez le \u003cstrong\u003esavon d'Alep parfumé Grenade\u003c\/strong\u003e signé Al Bara, un petit trésor de 50 g qui allie le \u003cstrong\u003esavoir-faire millénaire syrien\u003c\/strong\u003e à une fragrance fruitée envoûtante.\u003c\/p\u003e\n \u003cp class=\"alep-section-intro\"\u003eCuit lentement au chaudron selon la méthode ancestrale, ce savon artisanal vous invite à un véritable voyage sensoriel, entre tradition orientale et fraîcheur pétillante des jardins de grenadiers.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep pour votre peau\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eConsidéré comme \u003cstrong\u003ele premier savon au monde\u003c\/strong\u003e, il est réputé depuis plus de 3 000 ans pour ses qualités uniques. Formulé à base d'\u003cstrong\u003ehuile d'olive nourrissante\u003c\/strong\u003e, il respecte le film hydrolipidique et convient aux peaux les plus délicates.\u003c\/p\u003e\n \u003cdiv class=\"alep-grid\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e💧 Nettoie en douceur\u003c\/h3\u003e\n \u003cp\u003ePurifie la peau sans l'agresser ni la dessécher, pour une toilette respectueuse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🫒 Adoucit l'épiderme\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive assouplit la peau et lui apporte confort et souplesse durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e✨ Fraîcheur \u0026amp; confort\u003c\/h3\u003e\n \u003cp\u003eLaisse une sensation de propreté fraîche et un bien-être qui dure toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌱 100% naturel \u0026amp; végétal\u003c\/h3\u003e\n \u003cp\u003eFormule sans huile de palme, respectueuse de la peau comme de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eNi colorant, ni conservateur synthétique : la simplicité authentique d'un savon ancestral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e👶 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSalué par les dermatologues, souvent recommandé pour les peaux réactives et délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eUne senteur Grenade lumineuse et raffinée\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eCe qui distingue ce savon Al Bara, c'est sa \u003cstrong\u003enote parfumée à la grenade\u003c\/strong\u003e : fraîche, fruitée, légèrement acidulée.\u003c\/p\u003e\n \u003cp class=\"alep-section-intro\"\u003eInspirée des vergers d'Orient et des fruits gorgés de soleil, cette fragrance transforme votre rituel de toilette en un moment de plaisir sensoriel. Idéale pour parfumer subtilement la peau après la douche ou embaumer votre salle de bain.\u003c\/p\u003e\n \u003cdiv class=\"alep-tip\"\u003e\n \u003cspan class=\"alep-tip-icon\"\u003e🌸\u003c\/span\u003e\n \u003cp\u003eUne signature olfactive pétillante qui évoque les jardins de grenadiers baignés de soleil oriental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon d'Alep Grenade ?\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eUtilisez-le comme un savon classique, sur toutes les zones du corps.\u003c\/p\u003e\n \u003cdiv class=\"alep-timeline\"\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003e🛁 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eFaites mousser entre les mains ou sur un gant humide, puis massez délicatement avant de rincer à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003e💆 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse en évitant le contour des yeux, puis rincez à l'eau tiède pour une peau nette et fraîche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003e🤲 Sur les mains\u003c\/h3\u003e\n \u003cp\u003eParfait comme savon d'invité dans les toilettes ou la salle de bain pour une touche orientale raffinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-tip\"\u003e\n \u003cspan class=\"alep-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eEntre deux utilisations, posez-le sur un porte-savon drainant pour prolonger sa durée de vie. Son \u003cstrong\u003eformat 50 g\u003c\/strong\u003e en fait également un compagnon de voyage idéal ou une jolie attention parfumée à offrir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Al Bara\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eFabriqué artisanalement à Alep selon la méthode traditionnelle de \u003cstrong\u003ecuisson lente au chaudron\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"alep-grid\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eNourrissante, adoucissante et riche en acides gras essentiels pour prendre soin de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🍎 Parfum grenade\u003c\/h3\u003e\n \u003cp\u003eUne signature olfactive fruitée et pétillante inspirée des vergers ensoleillés d'Orient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌿 Formule pure\u003c\/h3\u003e\n \u003cp\u003e100% naturelle et végétale : sans huile de palme, sans sulfates, sans parabènes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eSavon solide, savon liquide : quelle différence ?\u003c\/h2\u003e\n \u003cdiv class=\"alep-grid-compact\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🧼 Savon solide\u003c\/h3\u003e\n \u003cp\u003eForme la plus authentique et concentrée. Dure plus longtemps, génère moins de déchets et concentre toute la richesse de la recette ancestrale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e💧 Savon liquide\u003c\/h3\u003e\n \u003cp\u003eSéduit par sa praticité au quotidien, mais plus dilué et emballé dans un flacon plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eConditionnement et tri\u003c\/h2\u003e\n \u003cdiv class=\"alep-accordion\"\u003e\n \u003cdetails class=\"alep-accordion-item\" open\u003e\n \u003csummary class=\"alep-accordion-header\"\u003e📦 Format et emballage\u003c\/summary\u003e\n \u003cdiv class=\"alep-accordion-content mt-3\"\u003e\n \u003cp\u003ePain de savon de \u003cstrong\u003e50 g\u003c\/strong\u003e, présenté dans un étui décoratif Al Bara aux motifs orientaux raffinés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"alep-accordion-item\"\u003e\n \u003csummary class=\"alep-accordion-header\"\u003e♻️ Consignes de tri\u003c\/summary\u003e\n \u003cdiv class=\"alep-accordion-content mt-3\"\u003e\n \u003cp\u003eL'étui carton se dépose dans le \u003cstrong\u003ebac de tri jaune\u003c\/strong\u003e (règles pouvant varier selon les communes).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"alep-accordion-item\"\u003e\n \u003csummary class=\"alep-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"alep-accordion-content mt-3\"\u003e\n \u003cp\u003eCe savon est un produit cosmétique d'hygiène. Il ne remplace en aucun cas un traitement médical. En cas de réaction cutanée ou de doute, cessez l'utilisation et consultez un professionnel de santé. Évitez le contact avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"alep-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau un rituel d'exception, entre tradition millénaire et fraîcheur fruitée. Le savon d'Alep Grenade Al Bara, c'est l'Orient qui s'invite dans votre salle de bain. 🌸\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"alep-disclaimer\"\u003eProduit cosmétique d'usage externe. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --alep-cream: #faf5f0;\n --alep-white: #ffffff;\n --alep-primary: #e07470;\n --alep-primary-dark: #b84a4a;\n --alep-primary-light: #fce8e6;\n --alep-secondary: #d4a574;\n --alep-accent: #c9302c;\n --alep-text: #2a1f1c;\n --alep-text-light: #6b5a55;\n --alep-border: #eadfd8;\n --alep-shadow: 0 4px 24px rgba(184,74,74,.08);\n --alep-shadow-lg: 0 12px 48px rgba(184,74,74,.18);\n --alep-radius: 20px;\n --alep-radius-sm: 12px;\n}\n\n.alep-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alep-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--alep-text);\n}\n\n.alep-hero {\n position: relative;\n background: linear-gradient(135deg, #e88a80 0%, #e07470 50%, #b84a4a 100%);\n border-radius: var(--alep-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, #fff 1px, transparent 2px),\n radial-gradient(circle at 80% 70%, #fff 1px, transparent 2px),\n radial-gradient(circle at 50% 50%, #fff 1px, transparent 2px);\n background-size: 60px 60px, 90px 90px, 120px 120px;\n}\n\n.alep-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alep-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.alep-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.alep-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 620px;\n}\n\n.alep-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.alep-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.alep-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.alep-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alep-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--alep-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.alep-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--alep-primary), var(--alep-secondary));\n border-radius: 2px;\n}\n\n.alep-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-text-light);\n margin: 0 auto 1.25rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.alep-section-intro strong {\n color: var(--alep-text);\n}\n\n.alep-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alep-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--alep-shadow-lg);\n border-color: var(--alep-primary);\n}\n\n.alep-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alep-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.alep-grid-compact .alep-card {\n padding: 1rem;\n}\n\n.alep-grid-compact .alep-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.alep-grid-compact .alep-card p {\n font-size: 12px;\n}\n\n.alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.alep-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.alep-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(184,74,74,.3);\n}\n\n.alep-timeline-content {\n flex: 1;\n background: var(--alep-white);\n padding: 1rem 1.25rem;\n border-radius: var(--alep-radius-sm);\n box-shadow: var(--alep-shadow);\n}\n\n.alep-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.alep-timeline-content p {\n font-size: 14px;\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.alep-accordion {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n box-shadow: var(--alep-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.alep-accordion-item {\n border-bottom: 1px solid var(--alep-border);\n margin: 0;\n padding: 0;\n}\n\n.alep-accordion-item:last-child {\n border-bottom: none;\n}\n\n.alep-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--alep-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.alep-accordion-header:hover {\n background: var(--alep-primary-light);\n}\n\n.alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.alep-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--alep-primary);\n transition: transform .2s ease;\n}\n\n.alep-accordion-item[open] .alep-accordion-header::after {\n content: '−';\n}\n\n.alep-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--alep-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.alep-accordion-content p {\n margin: 0;\n}\n\n.alep-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--alep-primary-light);\n border-radius: var(--alep-radius-sm);\n padding: 1rem 1.25rem;\n margin: 1.5rem auto 0;\n max-width: 720px;\n border-left: 4px solid var(--alep-primary);\n}\n\n.alep-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.alep-tip p {\n font-size: 14px;\n color: var(--alep-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-cta-box {\n background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 100%);\n border-radius: var(--alep-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.alep-disclaimer {\n font-size: 12px;\n color: var(--alep-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .alep-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .alep-card {\n padding: 1.125rem;\n }\n .alep-section {\n margin-bottom: 1.75rem;\n }\n .alep-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alep-radius-sm);\n }\n .alep-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .alep-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .alep-grid-compact {\n gap: .625rem;\n }\n .alep-grid-compact .alep-card {\n padding: .75rem;\n }\n .alep-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .alep-timeline-content {\n padding: .875rem 1rem;\n }\n .alep-timeline-content h3 {\n font-size: 14px;\n }\n .alep-timeline-content p {\n font-size: 13px;\n }\n .alep-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .alep-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .alep-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alep-card:nth-child(1) { animation-delay: .05s; }\n .alep-card:nth-child(2) { animation-delay: .1s; }\n .alep-card:nth-child(3) { animation-delay: .15s; }\n .alep-card:nth-child(4) { animation-delay: .2s; }\n .alep-card:nth-child(5) { animation-delay: .25s; }\n .alep-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .alep-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"50 g","offer_id":64496786768249,"sku":"AB0035","price":3.89,"currency_code":"EUR","in_stock":true},{"title":"100 g","offer_id":64496786801017,"sku":"AB0040","price":4.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-parfume-grenade-al-bara-packshothd.webp?v=1788766470"},{"product_id":"savon-alep-iris-al-bara","title":"Savon d'Alep artisanal parfum Iris - Al Bara","description":"\u003cdiv class=\"alep-premium\"\u003e\n\u003cdiv class=\"alep-hero\"\u003e\n\u003cdiv class=\"alep-hero-pattern\"\u003e\u003cimg\u003e\u003c\/div\u003e\n\u003cdiv class=\"alep-hero-content\"\u003e\n\u003cdiv class=\"alep-badges-top\"\u003e\n\u003cspan class=\"alep-badge\"\u003e🌿 100% naturel \u0026amp; végétal\u003c\/span\u003e \u003cspan class=\"alep-badge\"\u003e🏺 3 000 ans de tradition\u003c\/span\u003e \u003cspan class=\"alep-badge\"\u003e🌸 Parfum iris\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"alep-hero-title\"\u003eL'Orient floral à l'état pur\u003c\/span\u003e\n\u003cp class=\"alep-subtitle\"\u003eUn savon millénaire réinventé aux notes poudrées d'iris\u003c\/p\u003e\n\u003cp class=\"alep-description\"\u003eRedécouvrez l'un des plus anciens savons du monde : floral, délicat et enveloppant, fidèle à plus de 3 000 ans de savoir-faire alépin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eSavon d'Alep parfumé Iris Al Bara\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003esavon d'Alep\u003c\/strong\u003e parfumé à l'iris Al Bara vous invite à redécouvrir l'un des plus anciens savons du monde. Né il y a plus de 3 000 ans à Alep, il est toujours fabriqué au chaudron selon un savoir-faire transmis de génération en génération. La tradition se pare ici d'un parfum floral velouté aux notes poudrées, qui transforme chaque douche en un moment sensoriel raffiné.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eBienfaits reconnus pour la peau\u003c\/h2\u003e\n\u003cp\u003eLes \u003cstrong\u003ebienfaits du savon d'Alep\u003c\/strong\u003e reposent sur sa richesse en acides gras insaturés issus de l'huile d'olive. Doux, il respecte le film hydrolipidique et convient aux peaux sensibles, sèches ou mixtes. Utilisé en \u003cstrong\u003esavon d'Alep visage\u003c\/strong\u003e, il nettoie sans dessécher ; sur le corps, sa mousse fine apaise les zones réactives. Certains l'apprécient aussi comme \u003cstrong\u003esavon d'Alep cheveux\u003c\/strong\u003e, en shampoing occasionnel.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🧴 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eUne formule douce, saluée pour sa tolérance sur les peaux fragiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🫧 Nettoyage respectueux\u003c\/h3\u003e\n\u003cp\u003eUne mousse fine qui purifie sans agresser, contrairement aux savons industriels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌸 Parfum iris naturel\u003c\/h3\u003e\n\u003cp\u003eDes notes fleuries et poudrées pour une expérience sensorielle unique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComposition du savon d'Alep Iris\u003c\/h2\u003e\n\u003cp\u003eLa \u003cstrong\u003ecomposition\u003c\/strong\u003e Al Bara est claire et 100 % naturelle :\u003c\/p\u003e\n\u003cdiv class=\"alep-compo\"\u003e\n\u003cdiv class=\"alep-compo-row\"\u003e\n\u003cspan class=\"alep-compo-label\"\u003eHuile d'olive\u003c\/span\u003e \u003cspan class=\"alep-compo-value\"\u003eOlea Europaea · Nourrissante\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-compo-row\"\u003e\n\u003cspan class=\"alep-compo-label\"\u003eSoude végétale\u003c\/span\u003e \u003cspan class=\"alep-compo-value\"\u003eSodium Hydroxide · Saponifiant\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-compo-row\"\u003e\n\u003cspan class=\"alep-compo-label\"\u003eEau\u003c\/span\u003e \u003cspan class=\"alep-compo-value\"\u003eAqua\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-compo-row\"\u003e\n\u003cspan class=\"alep-compo-label\"\u003eParfum Iris\u003c\/span\u003e \u003cspan class=\"alep-compo-value\"\u003eNotes florales poudrées\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eSans huile de palme, sans conservateur synthétique, sans colorant.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n\u003cdiv class=\"alep-timeline\"\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cdiv class=\"alep-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003eFaire mousser\u003c\/h3\u003e\n\u003cp\u003eMouillez le savon à l'eau tiède et faites mousser entre vos mains.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cdiv class=\"alep-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003eMasser\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur le visage ou le corps par mouvements circulaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cdiv class=\"alep-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003eRincer et sécher\u003c\/h3\u003e\n\u003cp\u003eRincez à l'eau claire et laissez sécher sur un porte-savon drainant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cdiv class=\"alep-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eNotre conseil\u003c\/strong\u003e\n\u003cp\u003ePour une texture fluide, optez pour un \u003cstrong\u003esavon d'Alep liquide\u003c\/strong\u003e en complément.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"alep-grid-compact\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n\u003cp\u003eAl Bara\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e⚖️ Format\u003c\/h3\u003e\n\u003cp\u003e50 g ou 100 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🏺 Origine\u003c\/h3\u003e\n\u003cp\u003eAlep, Syrie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e♻️ Emballage\u003c\/h3\u003e\n\u003cp\u003eRecyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"alep-disclaimer\"\u003eProduit d'hygiène cosmétique. En cas de pathologie cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"alep-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"alep-cta-box\"\u003e\n\u003cp\u003eDoux, floral et authentique, ce savon d'Alep à l'iris transforme chaque geste de soin en véritable rituel de bien-être. Trois millénaires de savoir-faire dans le creux de votre main.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --alep-cream: #f7fafc;\n --alep-white: #ffffff;\n --alep-primary: #89c4d4;\n --alep-primary-dark: #4a7f92;\n --alep-primary-light: #e4f1f5;\n --alep-secondary: #b5a46a;\n --alep-accent: #d4b678;\n --alep-text: #1a2d3d;\n --alep-text-light: #5a6b7a;\n --alep-border: #d9e5ea;\n --alep-shadow: 0 4px 24px rgba(74,127,146,.08);\n --alep-shadow-lg: 0 12px 48px rgba(74,127,146,.15);\n --alep-radius: 20px;\n --alep-radius-sm: 12px;\n}\n\n.alep-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alep-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--alep-text);\n line-height: 1.7;\n}\n\n.alep-premium * { box-sizing: border-box; }\n\n\/* HERO *\/\n.alep-hero {\n position: relative;\n background: linear-gradient(135deg, #a8d4e0 0%, #89c4d4 50%, #6ba9bc 100%);\n border-radius: var(--alep-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 30%, white 2px, transparent 3px),\n radial-gradient(circle at 80% 70%, white 2px, transparent 3px),\n radial-gradient(circle at 50% 50%, white 1px, transparent 2px);\n background-size: 60px 60px, 80px 80px, 40px 40px;\n}\n\n.alep-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alep-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.alep-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.alep-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n.alep-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.alep-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.alep-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* SECTIONS *\/\n.alep-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alep-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--alep-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.alep-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--alep-primary), var(--alep-secondary));\n border-radius: 2px;\n}\n\n.alep-section p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--alep-text);\n line-height: 1.75;\n margin-bottom: .9rem;\n text-align: center;\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.alep-section p strong { color: var(--alep-primary-dark); }\n\n\/* CARDS *\/\n.alep-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alep-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--alep-shadow-lg);\n border-color: var(--alep-primary);\n}\n\n.alep-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alep-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n text-align: center;\n}\n\n\/* GRIDS *\/\n.alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-top: 1.5rem;\n}\n\n.alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1rem;\n}\n\n.alep-grid-compact .alep-card {\n padding: 1rem;\n}\n\n.alep-grid-compact .alep-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.alep-grid-compact .alep-card p {\n font-size: 13px;\n font-weight: 600;\n color: var(--alep-primary-dark);\n}\n\n\/* COMPO *\/\n.alep-compo {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: .5rem 0;\n box-shadow: var(--alep-shadow);\n margin: 1.5rem auto;\n max-width: 780px;\n}\n\n.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(--alep-border);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.alep-compo-row:last-child { border-bottom: none; }\n\n.alep-compo-label {\n font-size: 12px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n text-transform: uppercase;\n letter-spacing: .08em;\n}\n\n.alep-compo-value {\n font-size: 14px;\n font-weight: 600;\n color: var(--alep-text);\n text-align: right;\n}\n\n\/* TIMELINE *\/\n.alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-top: 1.5rem;\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.alep-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.alep-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.alep-timeline-content {\n flex: 1;\n background: var(--alep-white);\n padding: 1rem 1.25rem;\n border-radius: var(--alep-radius-sm);\n box-shadow: var(--alep-shadow);\n}\n\n.alep-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.alep-timeline-content p {\n font-size: 14px;\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.5;\n text-align: left;\n}\n\n\/* TIP *\/\n.alep-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--alep-primary-light);\n border-radius: var(--alep-radius-sm);\n padding: 1.25rem 1.5rem;\n margin: 1.5rem auto 0;\n max-width: 780px;\n border-left: 4px solid var(--alep-primary);\n}\n\n.alep-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.alep-tip strong {\n display: block;\n font-weight: 800;\n font-size: 14px;\n color: var(--alep-primary-dark);\n margin-bottom: 4px;\n}\n\n.alep-tip p {\n font-size: 14px;\n color: var(--alep-text);\n margin: 0;\n line-height: 1.6;\n text-align: left;\n max-width: none;\n}\n\n\/* CTA *\/\n.alep-cta-box {\n background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 100%);\n border-radius: var(--alep-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n max-width: 640px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.alep-disclaimer {\n font-size: 12px;\n color: var(--alep-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* MOBILE *\/\n@media (max-width: 767px) {\n .alep-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .alep-card { padding: 1.125rem; }\n .alep-section { margin-bottom: 1.75rem; }\n .alep-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alep-radius-sm);\n }\n .alep-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .alep-premium h2::after { width: 40px; height: 3px; }\n .alep-grid-compact { gap: .625rem; }\n .alep-grid-compact .alep-card { padding: .75rem; }\n .alep-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .alep-timeline-content { padding: .875rem 1rem; }\n .alep-timeline-content h3 { font-size: 14px; }\n .alep-timeline-content p { font-size: 13px; }\n .alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n .alep-compo-value { text-align: left; }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n .alep-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alep-card:nth-child(1) { animation-delay: .05s; }\n .alep-card:nth-child(2) { animation-delay: .1s; }\n .alep-card:nth-child(3) { animation-delay: .15s; }\n .alep-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .alep-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"50 g","offer_id":64498288755065,"sku":"AB0045","price":3.89,"currency_code":"EUR","in_stock":true},{"title":"100 g","offer_id":64498288787833,"sku":"AB0050","price":4.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-parfume-iris-al-bara-packshothd.webp?v=1788768584"},{"product_id":"savon-herbe-alep-al-bara","title":"Savon d'Alep artisanal parfum Herbe d'Alep - Al Bara","description":"\u003cdiv class=\"alep-premium\"\u003e\n\n \u003cdiv class=\"alep-hero\"\u003e\n \u003cdiv class=\"alep-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"alep-hero-content\"\u003e\n \u003cdiv class=\"alep-badges-top\"\u003e\n \u003cspan class=\"alep-badge\"\u003e🌿 100% naturel \u0026amp; végétal\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e🚫 Sans huile de palme\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e✨ Tradition millénaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"alep-hero-title\"\u003eLa fraîcheur du Levant dans un savon millénaire\u003c\/span\u003e\n \u003cp class=\"alep-subtitle\"\u003eL'Orient à l'état pur\u003c\/p\u003e\n \u003cp class=\"alep-description\"\u003eUn soin du corps ancré dans la tradition orientale, aux herbes aromatiques du Levant, formulé sans compromis sur la naturalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep Herbe d'Alep Al Bara : la tradition orientale\u003c\/h2\u003e\n \u003cp\u003eImaginez les collines syriennes où poussent le \u003cstrong\u003eromarin\u003c\/strong\u003e, le \u003cstrong\u003ethym\u003c\/strong\u003e et la \u003cstrong\u003ementhe sauvage\u003c\/strong\u003e. Cette vitalité végétale se retrouve dans ce \u003cstrong\u003esavon d'Alep parfumé\u003c\/strong\u003e Al Bara, façonné selon un savoir-faire vieux de plus de 3 000 ans.\u003c\/p\u003e\n \u003cp\u003eFabriqué au chaudron selon la méthode ancestrale : cuisson lente des huiles, saponification à la soude végétale, coulage puis long séchage pour un savon d'une pureté exceptionnelle.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"alep-grid\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🫧 Nettoyage doux\u003c\/h3\u003e\n \u003cp\u003eSa base d'huile d'olive respecte le film hydrolipidique sans décaper la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e✨ Purification\u003c\/h3\u003e\n \u003cp\u003eÉlimine impuretés et excès de sébum tout en préservant le confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌿 Savon d'Alep visage\u003c\/h3\u003e\n \u003cp\u003eApprécié des peaux mixtes, grasses ou sujettes aux imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e💆 Savon d'Alep cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisable comme shampoing solide pour purifier le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-tip\"\u003e\n \u003cspan class=\"alep-tip-icon\"\u003eℹ️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e Ce savon est un produit cosmétique naturel et ne remplace pas un traitement médical prescrit par un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eComposition transparente\u003c\/h2\u003e\n \u003cdiv class=\"alep-grid\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eBase nourrissante 100% végétale (Olea Europaea Fruit Oil), riche en actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🧂 Sel marin \u0026amp; soude végétale\u003c\/h3\u003e\n \u003cp\u003eAgents saponifiants naturels pour un savon pur et respectueux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌱 Romarin, thym \u0026amp; menthe\u003c\/h3\u003e\n \u003cp\u003eNotes aromatiques du Levant, purifiantes et vivifiantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans huile de palme, sans paraben, sans colorant artificiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon d'Alep ?\u003c\/h2\u003e\n \u003cdiv class=\"alep-timeline\"\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003eMouillez la peau\u003c\/h3\u003e\n \u003cp\u003eHumidifiez abondamment le visage, le corps ou le cuir chevelu à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le savon\u003c\/h3\u003e\n \u003cp\u003eFrottez le pain entre vos mains pour faire mousser et appliquer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003eMassez doucement\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires pour une action purifiante en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède puis conservez le savon au sec pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eFormat et conditionnement\u003c\/h2\u003e\n \u003cdiv class=\"alep-grid-compact\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e⚖️ Formats\u003c\/h3\u003e\n \u003cp\u003e50 g et 100 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e📦 Emballage\u003c\/h3\u003e\n \u003cp\u003eÉtui carton recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eAl Bara\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e♻️ Tri\u003c\/h3\u003e\n \u003cp\u003eBac jaune\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"alep-cta-box\"\u003e\n \u003cp\u003eAvec le savon d'Alep Herbe d'Alep Al Bara, offrez à votre peau 3 000 ans de tradition et un parfum vivifiant, dans le respect 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 --alep-cream: #f8f6ee;\n --alep-white: #ffffff;\n --alep-primary: #7a9a3d;\n --alep-primary-dark: #4a6b1f;\n --alep-primary-light: #eaf0dc;\n --alep-secondary: #a1c544;\n --alep-accent: #c4a84a;\n\n --alep-text: #1a2d1a;\n --alep-text-light: #5a6b52;\n\n --alep-border: #dde3d0;\n --alep-shadow: 0 4px 24px rgba(74,107,31,.08);\n --alep-shadow-lg: 0 12px 48px rgba(74,107,31,.18);\n --alep-radius: 20px;\n --alep-radius-sm: 12px;\n}\n\n.alep-premium * { margin: 0; padding: 0; box-sizing: border-box; }\n.alep-premium img { max-width: 100%; height: auto; }\n\n.alep-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alep-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--alep-text);\n line-height: 1.7;\n}\n\n\/* === HERO === *\/\n.alep-hero {\n position: relative;\n background: linear-gradient(135deg, #a1c544 0%, #7a9a3d 50%, #4a6b1f 100%);\n border-radius: var(--alep-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .3;\n}\n\n.alep-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alep-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.alep-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n font-style: italic;\n margin-bottom: 1rem;\n letter-spacing: .02em;\n}\n\n.alep-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 620px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n\/* === BADGES === *\/\n.alep-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.alep-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.alep-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.alep-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alep-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--alep-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.alep-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--alep-primary), var(--alep-secondary));\n border-radius: 2px;\n}\n\n.alep-section p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--alep-text);\n line-height: 1.75;\n margin-bottom: 1rem;\n text-align: center;\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.alep-section p:last-child { margin-bottom: 0; }\n\n\/* === CARDS === *\/\n.alep-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alep-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--alep-shadow-lg);\n border-color: var(--alep-primary);\n}\n\n.alep-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alep-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n text-align: center;\n}\n\n\/* === GRILLES === *\/\n.alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.alep-grid-compact .alep-card {\n padding: 1rem;\n}\n\n.alep-grid-compact .alep-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.alep-grid-compact .alep-card p {\n font-size: 13px;\n}\n\n\/* === TIMELINE === *\/\n.alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.alep-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.alep-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 17px;\n box-shadow: 0 4px 12px rgba(74,107,31,.3);\n}\n\n.alep-timeline-content {\n flex: 1;\n background: var(--alep-white);\n padding: 1rem 1.25rem;\n border-radius: var(--alep-radius-sm);\n box-shadow: var(--alep-shadow);\n border-left: 3px solid var(--alep-secondary);\n}\n\n.alep-timeline-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .25rem 0;\n text-align: left;\n}\n\n.alep-timeline-content p {\n font-size: 14px;\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n text-align: left;\n}\n\n\/* === TIP BOX === *\/\n.alep-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--alep-primary-light);\n border-radius: var(--alep-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--alep-primary);\n}\n\n.alep-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.alep-tip p {\n font-size: 14px;\n color: var(--alep-text);\n margin: 0;\n line-height: 1.6;\n text-align: left;\n max-width: none;\n}\n\n\/* === CTA === *\/\n.alep-cta-box {\n background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 100%);\n border-radius: var(--alep-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.alep-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .alep-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .alep-card { padding: 1.125rem; }\n\n .alep-section { margin-bottom: 1.75rem; }\n\n .alep-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alep-radius-sm);\n }\n\n .alep-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .alep-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .alep-grid-compact { gap: .625rem; }\n .alep-grid-compact .alep-card { padding: .75rem; }\n\n .alep-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n\n .alep-timeline-content { padding: .875rem 1rem; }\n .alep-timeline-content h3 { font-size: 15px; }\n .alep-timeline-content p { font-size: 13px; }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .alep-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alep-card:nth-child(1) { animation-delay: .05s; }\n .alep-card:nth-child(2) { animation-delay: .1s; }\n .alep-card:nth-child(3) { animation-delay: .15s; }\n .alep-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .alep-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"50 g","offer_id":64506386088313,"sku":"AB0055","price":3.89,"currency_code":"EUR","in_stock":true},{"title":"100 g","offer_id":64506386121081,"sku":"AB0060","price":4.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-parfume-herbe-dalep-100-naturel-al-bara-packshothd.webp?v=1788856792"},{"product_id":"savon-dalep-parfume-chevrefeuille-50-g-al-bara","title":"Savon d'Alep artisanal parfum Chèvrefeuille - Al Bara","description":"\u003cdiv class=\"alep-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"alep-hero\"\u003e\n \u003cdiv class=\"alep-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"alep-hero-content\"\u003e\n \u003cdiv class=\"alep-badges-top\"\u003e\n \u003cspan class=\"alep-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e🖐️ Fabrication Artisanale\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e🌸 Chèvrefeuille\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"alep-hero-title\"\u003eL'Orient floral à l'état pur\u003c\/span\u003e\n \u003cp class=\"alep-subtitle\"\u003eSavon d'Alep authentique parfumé au chèvrefeuille\u003c\/p\u003e\n \u003cp class=\"alep-description\"\u003eUn savon artisanal issu 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=\"alep-hero-labels\"\u003e\n \u003cspan class=\"alep-label alep-label-accent\"\u003e100% VÉGÉTAL\u003c\/span\u003e\n \u003cspan class=\"alep-label\"\u003eSANS HUILE DE PALME\u003c\/span\u003e\n \u003cspan class=\"alep-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 : Un trésor millénaire --\u003e\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eLe savon d'Alep : un trésor millénaire pour votre peau\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eConsidéré comme \u003cstrong\u003el'âme du savon d'Alep\u003c\/strong\u003e et ancêtre direct du savon de Marseille, ce pain solide est traditionnellement élaboré à partir d'huile d'olive et d'huile de baies de laurier, cuit lentement au chaudron selon la méthode ancestrale de saponification à chaud. Chez Al Bara, la tradition est respectée : aucun raccourci industriel, aucune huile de palme.\u003c\/p\u003e\n \u003cdiv class=\"alep-grid\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌿 Nettoyage tout en douceur\u003c\/h3\u003e\n \u003cp\u003eAdapté aux peaux sensibles, il s'utilise sur le \u003cstrong\u003evisage\u003c\/strong\u003e comme sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e💧 Action nourrissante\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras et vitamine E grâce à l'huile d'olive précieuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e☁️ Mousse fine et crémeuse\u003c\/h3\u003e\n \u003cp\u003ePurifie sans agresser, même les épidermes les plus fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🍃 Formule 100 % naturelle\u003c\/h3\u003e\n \u003cp\u003eVégétale, sans parabènes ni conservateurs synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Chèvrefeuille --\u003e\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eChèvrefeuille : une fragrance florale venue des jardins d'Orient\u003c\/h2\u003e\n \u003cdiv class=\"alep-testimonial\"\u003e\n \u003cp class=\"alep-testimonial-text\"\u003e\"Ce savon se distingue par son parfum de \u003cstrong\u003echèvrefeuille\u003c\/strong\u003e, fleur emblématique des jardins méditerranéens. Sa senteur fraîche, légèrement sucrée et lumineuse laisse un sillage délicat qui persiste après le rinçage. Un véritable plaisir sensoriel qui transforme votre rituel de soin en un moment de douceur quotidien.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition --\u003e\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep parfumé Chèvrefeuille\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eLa \u003cstrong\u003ecomposition du savon d'Alep\u003c\/strong\u003e Al Bara reste volontairement courte et transparente.\u003c\/p\u003e\n \u003cdiv class=\"alep-compo\"\u003e\n \u003cdiv class=\"alep-compo-row\"\u003e\n \u003cspan class=\"alep-compo-label\"\u003eBase saponifiée\u003c\/span\u003e\n \u003cspan class=\"alep-compo-value\"\u003eSodium Olivate (huile d'olive), Aqua, Sodium Hydroxide\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-compo-row\"\u003e\n \u003cspan class=\"alep-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"alep-compo-value\"\u003eFragrance chèvrefeuille\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-compo-row\"\u003e\n \u003cspan class=\"alep-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"alep-compo-value\"\u003eHuile de palme, parabènes, colorants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"alep-compo-note\"\u003eUne formule pensée pour les peaux réactives et pour toutes celles et ceux en quête d'une alternative saine aux savons conventionnels.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Utilisation --\u003e\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon d'Alep parfumé ?\u003c\/h2\u003e\n \u003cdiv class=\"alep-timeline\"\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eHumidifiez le savon ainsi que vos mains ou un gant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMassez le \u003cstrong\u003evisage\u003c\/strong\u003e ou le corps en mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003eRincez et séchez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède, puis conservez le pain au sec entre chaque usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-tip\"\u003e\n \u003cdiv class=\"alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cp\u003e\u003cstrong\u003eNotre conseil :\u003c\/strong\u003e peut aussi s'utiliser en shampoing solide occasionnel pour les \u003cstrong\u003echeveux\u003c\/strong\u003e normaux à gras. Terminez par un rinçage à l'eau vinaigrée pour raviver la brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi choisir --\u003e\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep Al Bara ?\u003c\/h2\u003e\n \u003cdiv class=\"alep-grid-compact\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🕌 Tradition artisanale\u003c\/h3\u003e\n \u003cp\u003eFabriqué à la main dans la pure tradition orientale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e📋 Formule courte\u003c\/h3\u003e\n \u003cp\u003eIngrédients transparents, sans substances controversées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌸 Parfum élégant\u003c\/h3\u003e\n \u003cp\u003eLe chèvrefeuille offre une note florale douce, non entêtante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌍 Respect de l'environnement\u003c\/h3\u003e\n \u003cp\u003eEmballage carton recyclable et formule biodégradable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Précautions --\u003e\n \u003csection class=\"alep-section\"\u003e\n \u003cdiv class=\"alep-accordion\"\u003e\n \u003cdetails class=\"alep-accordion-item\"\u003e\n \u003csummary class=\"alep-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"alep-accordion-content mt-3\"\u003e\n \u003cp\u003eProduit cosmétique naturel. Il ne remplace pas un traitement médical. Évitez le contour des yeux. En cas de réaction ou de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"alep-cta-box\"\u003e\n \u003cp\u003e🌿 Un rituel vieux de 3 000 ans\u003cbr\u003e\u003cbr\u003eUn savon qui sent le chèvrefeuille en fleur, façonné à la main selon une tradition millénaire. Simple, pur, authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --alep-cream: #f7f5ee;\n --alep-white: #ffffff;\n --alep-primary: #8ba876;\n --alep-primary-dark: #4a5d3a;\n --alep-primary-light: #e8ecdf;\n --alep-secondary: #c9b47a;\n --alep-accent: #d4a574;\n --alep-text: #2c3524;\n --alep-text-light: #6b7261;\n --alep-border: #dde3d3;\n --alep-shadow: 0 4px 24px rgba(74,93,58,.08);\n --alep-shadow-lg: 0 12px 48px rgba(74,93,58,.15);\n --alep-radius: 20px;\n --alep-radius-sm: 12px;\n}\n\n.alep-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alep-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--alep-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.alep-hero {\n position: relative;\n background: linear-gradient(135deg, #a8bf90 0%, #8ba876 50%, #6d8a5c 100%);\n border-radius: var(--alep-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 70%, white 2px, transparent 2px),\n radial-gradient(circle at 50% 50%, white 1px, transparent 1px);\n background-size: 60px 60px, 80px 80px, 40px 40px;\n}\n\n.alep-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alep-hero-title {\n display: block;\n color: white;\n font-size: clamp(24px, 7vw, 44px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.alep-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.alep-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 640px;\n margin: 0 auto 1.75rem;\n line-height: 1.7;\n}\n\n.alep-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.alep-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.alep-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-top: 1.25rem;\n}\n\n.alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: rgba(255,255,255,.15);\n border: 1.5px solid rgba(255,255,255,.4);\n border-radius: 999px;\n font-size: 11px;\n font-weight: 700;\n color: white;\n letter-spacing: .05em;\n}\n\n.alep-label-accent {\n background: var(--alep-secondary);\n border-color: var(--alep-secondary);\n color: var(--alep-primary-dark);\n}\n\n\/* === SECTIONS === *\/\n.alep-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alep-premium h2 {\n font-size: clamp(22px, 5vw, 34px);\n font-weight: 900;\n color: var(--alep-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.alep-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--alep-primary), var(--alep-secondary));\n border-radius: 2px;\n}\n\n.alep-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-text-light);\n margin: 0 auto 1.75rem;\n max-width: 720px;\n line-height: 1.75;\n}\n\n.alep-section p {\n color: var(--alep-text);\n line-height: 1.75;\n}\n\n\/* === CARDS === *\/\n.alep-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alep-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--alep-shadow-lg);\n border-color: var(--alep-primary);\n}\n\n.alep-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alep-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRIDS === *\/\n.alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.alep-grid-compact .alep-card {\n padding: 1rem;\n}\n\n.alep-grid-compact .alep-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.alep-grid-compact .alep-card p {\n font-size: 12px;\n}\n\n\/* === COMPO === *\/\n.alep-compo {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n border-left: 4px solid var(--alep-primary);\n}\n\n.alep-compo-row {\n display: grid;\n grid-template-columns: 180px 1fr;\n gap: 1rem;\n padding: .875rem 0;\n border-bottom: 1px dashed var(--alep-border);\n align-items: baseline;\n}\n\n.alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.alep-compo-label {\n font-weight: 800;\n color: var(--alep-primary-dark);\n font-size: 14px;\n text-transform: uppercase;\n letter-spacing: .04em;\n}\n\n.alep-compo-value {\n font-size: 14px;\n color: var(--alep-text-light);\n line-height: 1.6;\n}\n\n.alep-compo-note {\n margin-top: 1rem;\n text-align: center;\n font-size: 14px;\n color: var(--alep-text-light);\n font-style: italic;\n}\n\n\/* === TIMELINE === *\/\n.alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.alep-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.alep-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 17px;\n box-shadow: 0 4px 12px rgba(74,93,58,.3);\n}\n\n.alep-timeline-content {\n flex: 1;\n background: var(--alep-white);\n padding: 1rem 1.25rem;\n border-radius: var(--alep-radius-sm);\n box-shadow: var(--alep-shadow);\n}\n\n.alep-timeline-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.alep-timeline-content p {\n font-size: 14px;\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.alep-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--alep-primary-light);\n border-radius: var(--alep-radius-sm);\n padding: 1.25rem;\n margin-top: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.alep-tip-icon {\n font-size: 26px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.alep-tip p {\n font-size: 14px;\n color: var(--alep-text);\n margin: 0;\n line-height: 1.65;\n}\n\n\/* === TESTIMONIAL === *\/\n.alep-testimonial {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--alep-shadow);\n border-left: 4px solid var(--alep-secondary);\n max-width: 820px;\n margin: 0 auto;\n position: relative;\n}\n\n.alep-testimonial::before {\n content: '❝';\n position: absolute;\n top: -10px;\n left: 20px;\n font-size: 60px;\n color: var(--alep-secondary);\n opacity: .4;\n line-height: 1;\n font-family: Georgia, serif;\n}\n\n.alep-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === ACCORDION === *\/\n.alep-accordion {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n box-shadow: var(--alep-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.alep-accordion-item {\n border-bottom: 1px solid var(--alep-border);\n}\n\n.alep-accordion-item:last-child {\n border-bottom: none;\n}\n\n.alep-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--alep-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.alep-accordion-header:hover {\n background: var(--alep-primary-light);\n}\n\n.alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.alep-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--alep-primary);\n transition: transform .2s ease;\n}\n\n.alep-accordion-item[open] .alep-accordion-header::after {\n content: '−';\n}\n\n.alep-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--alep-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.alep-accordion-content.mt-3 {\n margin-top: 10px;\n}\n\n.alep-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.alep-cta-box {\n background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 100%);\n border-radius: var(--alep-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; right: -20%;\n width: 300px; height: 300px;\n background: radial-gradient(circle, rgba(201,180,122,.25) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.alep-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .alep-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .alep-section {\n margin-bottom: 1.75rem;\n }\n \n .alep-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alep-radius-sm);\n }\n \n .alep-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .alep-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .alep-compo-row {\n grid-template-columns: 1fr;\n gap: .25rem;\n padding: .75rem 0;\n }\n \n .alep-compo-label {\n font-size: 12px;\n }\n \n .alep-compo-value {\n font-size: 13px;\n }\n \n .alep-grid-compact {\n gap: .625rem;\n }\n \n .alep-grid-compact .alep-card {\n padding: .75rem;\n }\n \n .alep-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .alep-timeline-content {\n padding: .875rem 1rem;\n }\n \n .alep-timeline-content h3 {\n font-size: 15px;\n }\n \n .alep-timeline-content p {\n font-size: 13px;\n }\n \n .alep-tip {\n padding: 1rem;\n gap: .75rem;\n }\n \n .alep-tip p {\n font-size: 13px;\n }\n \n .alep-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .alep-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .alep-testimonial {\n padding: 1.5rem 1.25rem;\n }\n \n .alep-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .alep-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alep-card:nth-child(1) { animation-delay: .05s; }\n .alep-card:nth-child(2) { animation-delay: .1s; }\n .alep-card:nth-child(3) { animation-delay: .15s; }\n .alep-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .alep-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"50 g","offer_id":64506484982137,"sku":"AB0065","price":3.89,"currency_code":"EUR","in_stock":true},{"title":"100 g","offer_id":64506485014905,"sku":"AB0070","price":4.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-parfume-chevrefeuille-al-bara-packshothd_f3a8a024-b62c-44a6-893d-619aa50a829b.webp?v=1788857976"},{"product_id":"savon-dalep-fleur-de-coton-al-bara","title":"Savon d'Alep artisanal parfum Fleur de coton - Al Bara","description":"\u003cdiv class=\"alba-premium\"\u003e\n\n\u003cdiv class=\"alba-hero\"\u003e\n \u003cdiv class=\"alba-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"alba-hero-content\"\u003e\n \u003cdiv class=\"alba-badges-top\"\u003e\n \u003cspan class=\"alba-badge\"\u003e🌿 100% Végétal\u003c\/span\u003e\n \u003cspan class=\"alba-badge\"\u003e🤲 Cuit au chaudron\u003c\/span\u003e\n \u003cspan class=\"alba-badge\"\u003e💧 Peaux sensibles\u003c\/span\u003e\n \u003cspan class=\"alba-badge\"\u003e🌸 Fleur de coton\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"alba-hero-title\"\u003eLa douceur ancestrale d'Alep, parfumée de linge frais\u003c\/span\u003e\n \u003cp class=\"alba-subtitle\"\u003eSavon d'Alep artisanal · Al Bara\u003c\/p\u003e\n \u003cp class=\"alba-description\"\u003eUn savon artisanal cuit au chaudron selon la tradition syrienne, délicatement parfumé à la fleur de coton, pour transformer chaque toilette en rituel de bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"alba-section\"\u003e\n \u003ch2\u003eSavon d'Alep Fleur de coton Al Bara : la tradition en toute douceur\u003c\/h2\u003e\n \u003cp class=\"alba-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon d'Alep\u003c\/strong\u003e à la fois authentique, doux et délicatement parfumé ? Ce pain artisanal signé Al Bara réunit un savoir-faire millénaire et une senteur poudrée de fleur de coton. Cuit lentement au chaudron dans le respect de la méthode syrienne, il nettoie le visage, le corps et même les cheveux tout en préservant la barrière cutanée. Une véritable âme du savon d'Alep, revisitée pour les peaux sensibles et réactives.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"alba-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep sur la peau\u003c\/h2\u003e\n \u003cp class=\"alba-section-intro\"\u003eLes \u003cstrong\u003ebienfaits du savon d'Alep\u003c\/strong\u003e sont reconnus depuis plus de 3 000 ans. Souvent salué dans les avis dermatologiques pour sa tolérance, il nettoie sans dessécher, respecte le film hydrolipidique et laisse la peau souple. Utilisé sur le \u003cstrong\u003evisage\u003c\/strong\u003e, il aide à purifier les zones sujettes aux imperfections ; sur le corps, il apaise les tiraillements ; sur les \u003cstrong\u003echeveux\u003c\/strong\u003e, il constitue une alternative naturelle aux shampoings classiques. Sa mousse fine et onctueuse convient à toute la famille, y compris aux peaux sensibles.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"alba-section\"\u003e\n \u003ch2\u003eCe qui rend cette version unique\u003c\/h2\u003e\n \u003cdiv class=\"alba-grid\"\u003e\n \u003cdiv class=\"alba-card\"\u003e\n \u003ch3\u003e🌸 Parfum fleur de coton\u003c\/h3\u003e\n \u003cp\u003eUne senteur poudrée, fraîche et enveloppante, jamais entêtante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alba-card\"\u003e\n \u003ch3\u003e🌿 100 % végétal\u003c\/h3\u003e\n \u003cp\u003eSans huile de palme, sans sulfate, sans parabène : la pureté avant tout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alba-card\"\u003e\n \u003ch3\u003e🤲 Cuisson au chaudron\u003c\/h3\u003e\n \u003cp\u003eFabrication artisanale à Alep, dans la plus pure tradition syrienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alba-card\"\u003e\n \u003ch3\u003e💧 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormulation douce, idéale pour les épidermes réactifs et fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"alba-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"alba-section-intro\"\u003eLa \u003cstrong\u003ecomposition du savon d'Alep\u003c\/strong\u003e Al Bara reste fidèle à la recette originelle, sans additif superflu.\u003c\/p\u003e\n \u003cdiv class=\"alba-grid-compact\"\u003e\n \u003cdiv class=\"alba-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eBase nourrissante riche en acides gras et en vitamine E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alba-card\"\u003e\n \u003ch3\u003e🧪 Hydroxyde de sodium\u003c\/h3\u003e\n \u003cp\u003eAgent saponifiant naturel, entièrement transformé par la cuisson.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alba-card\"\u003e\n \u003ch3\u003e💧 Eau\u003c\/h3\u003e\n \u003cp\u003eIndispensable au procédé de saponification traditionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alba-card\"\u003e\n \u003ch3\u003e🌺 Parfum fleur de coton\u003c\/h3\u003e\n \u003cp\u003eFragrance douce évoquant le linge frais séché au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"alba-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon d'Alep ?\u003c\/h2\u003e\n \u003cdiv class=\"alba-timeline\"\u003e\n \u003cdiv class=\"alba-timeline-item\"\u003e\n \u003cdiv class=\"alba-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"alba-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eHumidifiez le pain entre vos mains ou sur un gant pour créer une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alba-timeline-item\"\u003e\n \u003cdiv class=\"alba-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"alba-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le visage, le corps ou les cheveux en mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alba-timeline-item\"\u003e\n \u003cdiv class=\"alba-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"alba-timeline-content\"\u003e\n \u003ch3\u003eRincez et séchez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire, puis conservez le savon à l'abri de l'humidité sur un porte-savon aéré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alba-tip\"\u003e\n \u003cdiv class=\"alba-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce Naturellement Bio :\u003c\/strong\u003e Envie d'une version pratique ? Découvrez aussi le \u003cstrong\u003esavon d'Alep liquide\u003c\/strong\u003e pour un usage quotidien tout aussi doux.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"alba-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"alba-grid-compact\"\u003e\n \u003cdiv class=\"alba-card\"\u003e\n \u003ch3\u003e📦 Format\u003c\/h3\u003e\n \u003cp\u003ePain de 100 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alba-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eAl Bara\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alba-card\"\u003e\n \u003ch3\u003e📍 Origine\u003c\/h3\u003e\n \u003cp\u003eAlep, Syrie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alba-card\"\u003e\n \u003ch3\u003e🚫 Sans\u003c\/h3\u003e\n \u003cp\u003eHuile de palme, parabènes, sulfates\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"alba-section\"\u003e\n \u003cdiv class=\"alba-accordion\"\u003e\n \u003cdetails class=\"alba-accordion-item\"\u003e\n \u003csummary class=\"alba-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"alba-accordion-content mt-3\"\u003e\n \u003cp\u003eProduit cosmétique naturel. Il ne remplace pas un avis médical ou un traitement dermatologique en cas de pathologie cutanée. Éviter le contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"alba-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"alba-cta-box\"\u003e\n \u003cp\u003eUn rituel millénaire, parfumé de douceur.\u003cbr\u003eOffrez à votre peau l'authenticité du savon d'Alep, sublimée par 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 --alba-cream: #faf5f2;\n --alba-white: #ffffff;\n --alba-primary: #d4a5a0;\n --alba-primary-dark: #a67670;\n --alba-primary-light: #f5e6e2;\n --alba-secondary: #c9a882;\n --alba-accent: #8b5a52;\n --alba-text: #3d2b28;\n --alba-text-light: #6b5651;\n --alba-border: #ead9d3;\n --alba-shadow: 0 4px 24px rgba(139, 90, 82, .08);\n --alba-shadow-lg: 0 12px 48px rgba(139, 90, 82, .15);\n --alba-radius: 20px;\n --alba-radius-sm: 12px;\n}\n\n.alba-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alba-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--alba-text);\n line-height: 1.6;\n}\n\n.alba-hero {\n position: relative;\n background: linear-gradient(135deg, #e8c4bd 0%, #d4a5a0 50%, #b8857f 100%);\n border-radius: var(--alba-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--alba-shadow-lg);\n}\n\n.alba-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .5;\n}\n\n.alba-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alba-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.alba-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 600;\n letter-spacing: .1em;\n text-transform: uppercase;\n margin: 0 0 1rem 0;\n}\n\n.alba-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.alba-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.alba-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--alba-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.alba-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.alba-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alba-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--alba-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.alba-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--alba-primary), var(--alba-secondary));\n border-radius: 2px;\n}\n\n.alba-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alba-text-light);\n margin-bottom: 1.5rem;\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n}\n\n.alba-section-intro strong {\n color: var(--alba-primary-dark);\n}\n\n.alba-card {\n background: var(--alba-white);\n border-radius: var(--alba-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alba-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alba-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--alba-shadow-lg);\n border-color: var(--alba-primary);\n}\n\n.alba-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alba-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alba-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alba-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.alba-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.alba-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.alba-grid-compact .alba-card {\n padding: 1rem;\n}\n\n.alba-grid-compact .alba-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.alba-grid-compact .alba-card p {\n font-size: 12px;\n}\n\n.alba-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.alba-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.alba-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--alba-primary), var(--alba-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(139, 90, 82, .25);\n}\n\n.alba-timeline-content {\n flex: 1;\n background: var(--alba-white);\n padding: 1rem 1.25rem;\n border-radius: var(--alba-radius-sm);\n box-shadow: var(--alba-shadow);\n}\n\n.alba-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--alba-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.alba-timeline-content p {\n font-size: 14px;\n color: var(--alba-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.alba-accordion {\n background: var(--alba-white);\n border-radius: var(--alba-radius);\n box-shadow: var(--alba-shadow);\n overflow: hidden;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.alba-accordion-item {\n border-bottom: 1px solid var(--alba-border);\n margin: 0;\n padding: 0;\n}\n\n.alba-accordion-item:last-child {\n border-bottom: none;\n}\n\n.alba-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--alba-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.alba-accordion-header:hover {\n background: var(--alba-primary-light);\n}\n\n.alba-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.alba-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--alba-primary);\n transition: transform .2s ease;\n}\n\n.alba-accordion-item[open] .alba-accordion-header::after {\n content: '−';\n}\n\n.alba-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--alba-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.alba-accordion-content p {\n margin: 0;\n}\n\n.alba-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--alba-primary-light);\n border-radius: var(--alba-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n border-left: 4px solid var(--alba-primary);\n}\n\n.alba-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.alba-tip p {\n font-size: 14px;\n color: var(--alba-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.alba-tip strong {\n color: var(--alba-primary-dark);\n}\n\n.alba-cta-box {\n background: linear-gradient(135deg, var(--alba-primary) 0%, var(--alba-accent) 100%);\n border-radius: var(--alba-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--alba-shadow-lg);\n}\n\n.alba-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 30% 30%, rgba(255,255,255,.2) 0%, transparent 50%);\n pointer-events: none;\n}\n\n.alba-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n@media (max-width: 767px) {\n .alba-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .alba-card {\n padding: 1.125rem;\n }\n .alba-section {\n margin-bottom: 1.75rem;\n }\n .alba-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alba-radius-sm);\n }\n .alba-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .alba-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .alba-grid-compact {\n gap: .625rem;\n }\n .alba-grid-compact .alba-card {\n padding: .75rem;\n }\n .alba-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .alba-timeline-content {\n padding: .875rem 1rem;\n }\n .alba-timeline-content h3 {\n font-size: 14px;\n }\n .alba-timeline-content p {\n font-size: 13px;\n }\n .alba-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .alba-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .alba-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alba-card:nth-child(1) { animation-delay: .05s; }\n .alba-card:nth-child(2) { animation-delay: .1s; }\n .alba-card:nth-child(3) { animation-delay: .15s; }\n .alba-card:nth-child(4) { animation-delay: .2s; }\n .alba-card:nth-child(5) { animation-delay: .25s; }\n .alba-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .alba-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"50 g","offer_id":64514819162489,"sku":"AB0075","price":3.89,"currency_code":"EUR","in_stock":true},{"title":"100 g","offer_id":64514819195257,"sku":"AB0080","price":4.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-parfume-fleur-de-coton-al-bara-packshothd_28c0a000-6d08-49af-b48a-1187ea0cc701.webp?v=1788939777"},{"product_id":"savon-dalep-ambre-al-bara","title":"Savon d'Alep artisanal parfum Ambre - Al Bara","description":"\u003cdiv class=\"alba-premium\"\u003e\n\u003cdiv class=\"alba-hero\"\u003e\n\u003cdiv class=\"alba-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"alba-hero-content\"\u003e\n\u003cdiv class=\"alba-badges-top\"\u003e\n\u003cspan class=\"alba-badge\"\u003e🌿 100% Naturel \u0026amp; Végétal\u003c\/span\u003e \u003cspan class=\"alba-badge\"\u003e🕌 Tradition Syrienne\u003c\/span\u003e \u003cspan class=\"alba-badge\"\u003e✋ Fabrication Artisanale\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"alba-hero-title\"\u003eL'Orient à l'état pur, un rituel millénaire\u003c\/span\u003e\n\u003cp class=\"alba-subtitle\"\u003eSavon d'Alep parfumé Ambre · Al Bara · 50 g\u003c\/p\u003e\n\u003cp class=\"alba-description\"\u003eUn pain artisanal cuit au chaudron selon la tradition syrienne, sublimé par les notes chaudes et boisées de l'ambre pour une expérience sensorielle unique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"alba-section\"\u003e\n\u003ch2\u003eL'âme du savon d'Alep, revisitée avec délicatesse\u003c\/h2\u003e\n\u003cp class=\"alba-section-intro\"\u003eVieux de plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e, le savon d'Alep est considéré comme l'ancêtre de tous les savons durs. Avec ce format 50 g signé \u003cstrong\u003eAl Bara\u003c\/strong\u003e, vous découvrez un pain fidèle à la tradition syrienne, subtilement parfumé à l'ambre pour offrir à votre routine une touche orientale enveloppante. Idéal pour le visage, le corps et les mains, il conviendra aussi bien aux amateurs d'authenticité qu'à celles et ceux qui souhaitent voyager avec un savon solide et naturel.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"alba-section\"\u003e\n\u003ch2\u003eSavon d'Alep : composition et fabrication\u003c\/h2\u003e\n\u003cdiv class=\"alba-grid-compact\"\u003e\n\u003cdiv class=\"alba-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n\u003cp\u003eOlea Europaea Fruit Oil · nourrit et adoucit la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alba-card\"\u003e\n\u003ch3\u003e💧 Eau pure\u003c\/h3\u003e\n\u003cp\u003eAqua · base naturelle de la saponification\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alba-card\"\u003e\n\u003ch3\u003e🧂 Hydroxyde de sodium\u003c\/h3\u003e\n\u003cp\u003eAgent saponifiant traditionnel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alba-card\"\u003e\n\u003ch3\u003e✨ Fragrance ambre\u003c\/h3\u003e\n\u003cp\u003eNotes chaudes, boisées et envoûtantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alba-tip\"\u003e\n\u003cspan class=\"alba-tip-icon\"\u003e🏺\u003c\/span\u003e\n\u003cp\u003eSa composition reste courte et lisible : \u003cstrong\u003epas d'huile de palme, pas de parabènes, pas de colorants synthétiques\u003c\/strong\u003e. Le savon est cuit lentement au chaudron, puis séché à l'air libre pendant plusieurs mois, selon le savoir-faire traditionnel d'Alep.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"alba-section\"\u003e\n\u003ch2\u003eSavon d'Alep : bienfaits sur la peau\u003c\/h2\u003e\n\u003cdiv class=\"alba-grid\"\u003e\n\u003cdiv class=\"alba-card\"\u003e\n\u003ch3\u003e🫧 Nettoie en douceur\u003c\/h3\u003e\n\u003cp\u003eSa mousse fine élimine les impuretés sans dessécher la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alba-card\"\u003e\n\u003ch3\u003e🫶 Nourrit \u0026amp; adoucit\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive laisse la peau souple et confortable au toucher.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alba-card\"\u003e\n\u003ch3\u003e✨ Visage \u0026amp; corps\u003c\/h3\u003e\n\u003cp\u003eSouvent cité dans les avis de dermatologues pour les peaux réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alba-card\"\u003e\n\u003ch3\u003e🌿 Parfume subtilement\u003c\/h3\u003e\n\u003cp\u003eUn sillage ambré léger, chaud et raffiné qui persiste après rinçage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"alba-section\"\u003e\n\u003ch2\u003eComment utiliser votre savon d'Alep ?\u003c\/h2\u003e\n\u003cdiv class=\"alba-timeline\"\u003e\n\u003cdiv class=\"alba-timeline-item\"\u003e\n\u003cdiv class=\"alba-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"alba-timeline-content\"\u003e\n\u003ch3\u003eHumidifiez\u003c\/h3\u003e\n\u003cp\u003eMouillez la peau à l'eau tiède, sur le visage ou le corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alba-timeline-item\"\u003e\n\u003cdiv class=\"alba-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"alba-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eFrottez le pain entre vos mains pour obtenir une mousse onctueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alba-timeline-item\"\u003e\n\u003cdiv class=\"alba-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"alba-timeline-content\"\u003e\n\u003ch3\u003eMassez puis rincez\u003c\/h3\u003e\n\u003cp\u003eMassez en mouvements circulaires, rincez et séchez en tamponnant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alba-tip\"\u003e\n\u003cspan class=\"alba-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eLe conseil Naturellement Bio :\u003c\/strong\u003e envie de tester le savon d'Alep sur les cheveux ? Faites mousser dans les mains puis appliquez comme un shampoing, en terminant par un rinçage à l'eau vinaigrée. Il existe aussi en version \u003cstrong\u003esavon d'Alep liquide\u003c\/strong\u003e pour un usage encore plus pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"alba-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce savon ?\u003c\/h2\u003e\n\u003cdiv class=\"alba-grid\"\u003e\n\u003cdiv class=\"alba-card\"\u003e\n\u003ch3\u003e🧴 Peaux sensibles \u0026amp; mixtes\u003c\/h3\u003e\n\u003cp\u003eSa formule courte respecte l'équilibre naturel de la peau. Réalisez un test préalable au pli du coude.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alba-card\"\u003e\n\u003ch3\u003e🛁 Amateurs de rituels orientaux\u003c\/h3\u003e\n\u003cp\u003eLa fragrance ambrée invite à un moment cocooning inspiré du hammam.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alba-card\"\u003e\n\u003ch3\u003e🎁 Cadeau \u0026amp; voyage\u003c\/h3\u003e\n\u003cp\u003eLe format 50 g se glisse facilement dans une trousse ou un coffret cadeau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"alba-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"alba-accordion\"\u003e\n\u003cdetails class=\"alba-accordion-item\"\u003e\n\u003csummary class=\"alba-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"alba-accordion-content mt-3\"\u003e\n\u003cp\u003eUsage cosmétique externe uniquement. Ce produit ne remplace pas un traitement médical. En cas de réaction, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"alba-accordion-item\"\u003e\n\u003csummary class=\"alba-accordion-header\"\u003e♻️ Tri \u0026amp; conservation\u003c\/summary\u003e\n\u003cdiv class=\"alba-accordion-content mt-3\"\u003e\n\u003cp\u003eÉtui carton à déposer dans le bac jaune. Conservez le savon sur un porte-savon drainant pour prolonger sa durée de vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"alba-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"alba-cta-box\"\u003e\n\u003cp\u003e✨ Offrez à votre peau la pureté d'un savon d'Alep artisanal, sublimé par les notes chaleureuses et envoûtantes de l'ambre. Un instant de douceur authentique, à la croisée de la tradition et du raffinement oriental.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --alba-cream: #faf5ef;\n --alba-white: #ffffff;\n --alba-primary: #b8623d;\n --alba-primary-dark: #7a3a1f;\n --alba-primary-light: #f5e4d6;\n --alba-secondary: #c89968;\n --alba-accent: #d4a574;\n --alba-text: #2a1a12;\n --alba-text-light: #6b5548;\n --alba-border: #e8d9c8;\n --alba-shadow: 0 4px 24px rgba(122, 58, 31, .08);\n --alba-shadow-lg: 0 12px 48px rgba(122, 58, 31, .18);\n --alba-radius: 20px;\n --alba-radius-sm: 12px;\n}\n\n.alba-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alba-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--alba-text);\n}\n\n.alba-hero {\n position: relative;\n background: linear-gradient(135deg, #b8623d 0%, #a04d2d 50%, #7a3a1f 100%);\n border-radius: var(--alba-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--alba-shadow-lg);\n}\n\n.alba-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.6) 2px, transparent 3px),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.6) 2px, transparent 3px),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.4) 1px, transparent 2px);\n background-size: 80px 80px, 100px 100px, 40px 40px;\n}\n\n.alba-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alba-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 6vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.03em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n line-height: 1.15;\n}\n\n.alba-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.alba-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n.alba-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.alba-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--alba-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.alba-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.alba-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alba-premium h2 {\n font-size: clamp(22px, 5vw, 34px);\n font-weight: 900;\n color: var(--alba-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.alba-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--alba-primary), var(--alba-secondary));\n border-radius: 2px;\n}\n\n.alba-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alba-text-light);\n line-height: 1.8;\n margin: 0 auto;\n max-width: 780px;\n}\n\n.alba-section-intro strong {\n color: var(--alba-primary-dark);\n}\n\n.alba-card {\n background: var(--alba-white);\n border-radius: var(--alba-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alba-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alba-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--alba-shadow-lg);\n border-color: var(--alba-primary);\n}\n\n.alba-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alba-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alba-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alba-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.alba-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.alba-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.alba-grid-compact .alba-card {\n padding: 1rem;\n}\n\n.alba-grid-compact .alba-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.alba-grid-compact .alba-card p {\n font-size: 12px;\n}\n\n.alba-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.alba-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.alba-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--alba-primary), var(--alba-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 17px;\n box-shadow: 0 4px 12px rgba(184, 98, 61, .3);\n}\n\n.alba-timeline-content {\n flex: 1;\n background: var(--alba-white);\n padding: 1rem 1.25rem;\n border-radius: var(--alba-radius-sm);\n box-shadow: var(--alba-shadow);\n}\n\n.alba-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--alba-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.alba-timeline-content p {\n font-size: 14px;\n color: var(--alba-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.alba-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--alba-primary-light);\n border-radius: var(--alba-radius-sm);\n padding: 1.125rem 1.25rem;\n border-left: 4px solid var(--alba-primary);\n}\n\n.alba-tip-icon {\n font-size: 26px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.alba-tip p {\n font-size: 14px;\n color: var(--alba-text);\n margin: 0;\n line-height: 1.65;\n}\n\n.alba-tip p strong {\n color: var(--alba-primary-dark);\n}\n\n.alba-accordion {\n background: var(--alba-white);\n border-radius: var(--alba-radius);\n box-shadow: var(--alba-shadow);\n overflow: hidden;\n}\n\n.alba-accordion-item {\n border-bottom: 1px solid var(--alba-border);\n margin: 0;\n padding: 0;\n}\n\n.alba-accordion-item:last-child {\n border-bottom: none;\n}\n\n.alba-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--alba-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n}\n\n.alba-accordion-header:hover {\n background: var(--alba-primary-light);\n}\n\n.alba-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.alba-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--alba-primary);\n transition: transform .2s ease;\n}\n\n.alba-accordion-item[open] .alba-accordion-header::after {\n content: '−';\n}\n\n.alba-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--alba-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.alba-accordion-content p {\n margin: 0;\n}\n\n.alba-cta-box {\n background: linear-gradient(135deg, var(--alba-primary) 0%, var(--alba-primary-dark) 100%);\n border-radius: var(--alba-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--alba-shadow-lg);\n}\n\n.alba-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.7) 2px, transparent 3px),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.7) 2px, transparent 3px);\n background-size: 80px 80px, 100px 100px;\n}\n\n.alba-cta-box p {\n position: relative;\n z-index: 1;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .alba-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .alba-card {\n padding: 1.125rem;\n }\n \n .alba-section {\n margin-bottom: 1.75rem;\n }\n \n .alba-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alba-radius-sm);\n }\n \n .alba-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .alba-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .alba-grid-compact {\n gap: .625rem;\n }\n \n .alba-grid-compact .alba-card {\n padding: .75rem;\n }\n \n .alba-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .alba-timeline-content {\n padding: .875rem 1rem;\n }\n \n .alba-timeline-content h3 {\n font-size: 14px;\n }\n \n .alba-timeline-content p {\n font-size: 13px;\n }\n \n .alba-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .alba-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .alba-tip {\n padding: 1rem;\n }\n \n .alba-tip p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .alba-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alba-card:nth-child(1) { animation-delay: .05s; }\n .alba-card:nth-child(2) { animation-delay: .1s; }\n .alba-card:nth-child(3) { animation-delay: .15s; }\n .alba-card:nth-child(4) { animation-delay: .2s; }\n .alba-card:nth-child(5) { animation-delay: .25s; }\n .alba-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .alba-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"50 g","offer_id":64514835743097,"sku":"AB0085","price":3.89,"currency_code":"EUR","in_stock":true},{"title":"100 g","offer_id":64514835775865,"sku":"AB0090","price":4.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-parfume-ambre-al-bara-packshothd_16721ca5-5b68-43db-8351-7d8408961162.webp?v=1788939818"},{"product_id":"savon-alep-musc-al-bara","title":"Savon d'Alep artisanal parfum Musc - Al Bara","description":"\u003cdiv class=\"alep-premium\"\u003e\n \u003cdiv class=\"alep-hero\"\u003e\n \u003cdiv class=\"alep-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"alep-hero-content\"\u003e\n \u003cdiv class=\"alep-badges-top\"\u003e\n \u003cspan class=\"alep-badge\"\u003e🌿 100% naturel \u0026amp; végétal\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e🏺 Recette millénaire\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e✋ Fabrication artisanale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"alep-hero-title\"\u003eL'Orient à l'état pur, un rituel millénaire\u003c\/span\u003e\n \u003cp class=\"alep-subtitle\"\u003eSavon d'Alep parfumé Musc – Al Bara\u003c\/p\u003e\n \u003cp class=\"alep-description\"\u003eUne invitation aux rituels de beauté orientaux, où la richesse ancestrale du savon d'Alep rencontre la douceur envoûtante d'un parfum musqué chaud et poudré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep parfumé Musc – Al Bara : l'Orient à l'état pur\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eDécouvrez le \u003cstrong\u003esavon d'Alep\u003c\/strong\u003e parfumé au Musc signé Al Bara, une véritable invitation aux rituels de beauté orientaux. Fabriqué artisanalement dans la ville historique d'Alep, ce pain de savon associe la richesse ancestrale du \u003cstrong\u003esavon-alep\u003c\/strong\u003e à la douceur envoûtante d'un parfum musqué chaud et poudré. Un soin authentique qui prend soin de votre peau tout en éveillant vos sens.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eUne fabrication traditionnelle vieille de 3 000 ans\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eConsidéré comme le tout premier savon inventé par l'homme, le savon d'Alep Al Bara est élaboré selon la méthode millénaire syrienne.\u003c\/p\u003e\n \u003cdiv class=\"alep-timeline\"\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003eCuisson au chaudron\u003c\/h3\u003e\n \u003cp\u003eLes huiles d'olive et de baies de laurier sont cuites lentement pendant plusieurs jours dans de grands chaudrons traditionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003eÉtalement \u0026amp; découpe à la main\u003c\/h3\u003e\n \u003cp\u003eLa pâte de savon est étalée sur le sol puis découpée manuellement, pain par pain, par des artisans expérimentés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003eSéchage pendant plusieurs mois\u003c\/h3\u003e\n \u003cp\u003eLes savons reposent durant de longs mois pour atteindre leur maturité, développer leur douceur et leur célèbre teinte dorée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003eTransmission du savoir-faire\u003c\/h3\u003e\n \u003cp\u003eUn art transmis de génération en génération, garantissant un produit noble, sans additifs chimiques et respectueux de votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eComposition 100 % naturelle et végétale\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eLa composition du savon d'Alep Al Bara Musc respecte scrupuleusement la recette traditionnelle, enrichie d'une fragrance orientale raffinée.\u003c\/p\u003e\n \u003cdiv class=\"alep-grid\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eNourrissante, adoucissante et riche en vitamines pour prendre soin de votre peau au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003ePurifiante et apaisante, elle confère au savon d'Alep ses vertus légendaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌱 Soude végétale\u003c\/h3\u003e\n \u003cp\u003eIssue de la saponification traditionnelle, elle permet la transformation naturelle des huiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e💧 Eau\u003c\/h3\u003e\n \u003cp\u003eL'eau pure entre dans la composition de cette recette ancestrale préservée depuis des siècles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e✨ Parfum musc\u003c\/h3\u003e\n \u003cp\u003eChaud, enveloppant et légèrement poudré, il diffuse un sillage oriental subtil et raffiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans huile de palme, sans colorant, sans conservateur de synthèse : une formule pure et éco-responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep pour votre peau\u003c\/h2\u003e\n \u003cp class=\"alep-section-intro\"\u003eRéputé depuis des siècles, le savon d'Alep présente de nombreux atouts pour l'hygiène quotidienne.\u003c\/p\u003e\n \u003cdiv class=\"alep-grid-compact\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🧼 Nettoyage doux\u003c\/h3\u003e\n \u003cp\u003eNettoie sans agresser le film hydrolipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e💧 Hydratation préservée\u003c\/h3\u003e\n \u003cp\u003eAide à préserver l'hydratation naturelle de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux sensibles, sèches ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e✨ Confort cutané\u003c\/h3\u003e\n \u003cp\u003eApporte souplesse et confort après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🌙 Sillage oriental\u003c\/h3\u003e\n \u003cp\u003eLaisse un sillage subtil et raffiné grâce au musc.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🩺 Tolérance cutanée\u003c\/h3\u003e\n \u003cp\u003eSouvent salué pour sa formule sans tensioactifs agressifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-tip\"\u003e\n \u003cspan class=\"alep-tip-icon\"\u003e💬\u003c\/span\u003e\n \u003cp\u003eLes \u003cstrong\u003eavis dermatologiques\u003c\/strong\u003e soulignent régulièrement l'intérêt du savon d'Alep pour les peaux qui recherchent une composition simple et naturelle, sans tensioactifs agressifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon d'Alep visage et corps ?\u003c\/h2\u003e\n \u003cdiv class=\"alep-timeline\"\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n \u003cp\u003eHumidifiez vos mains et faites mousser le pain de savon entre vos paumes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003eAppliquer en douceur\u003c\/h3\u003e\n \u003cp\u003eMassez le visage et le corps en effectuant de légers mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003eRincer abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède jusqu'à disparition complète de la mousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-item\"\u003e\n \u003cdiv class=\"alep-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"alep-timeline-content\"\u003e\n \u003ch3\u003eLaisser sécher\u003c\/h3\u003e\n \u003cp\u003eDéposez le savon sur un porte-savon drainant afin de prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-tip\"\u003e\n \u003cspan class=\"alep-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePolyvalent, il peut également servir de \u003cstrong\u003esavon à barbe\u003c\/strong\u003e, de shampoing occasionnel ou pour laver le linge délicat. Contrairement au \u003cstrong\u003esavon d'Alep liquide\u003c\/strong\u003e, la version solide se conserve plusieurs mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eUn écrin oriental à offrir ou à s'offrir\u003c\/h2\u003e\n \u003cdiv class=\"alep-testimonial\"\u003e\n \u003cp class=\"alep-testimonial-text\"\u003e\"Présenté dans un joli étui poudré aux motifs orientaux, ce savon Al Bara constitue une idée cadeau élégante pour les amateurs de cosmétiques naturels et de senteurs raffinées. Disponible en pain de 50 g ou 100 g, il trouve facilement sa place dans votre salle de bain ou votre trousse de voyage.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-grid-compact\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🎁 Format 50 g\u003c\/h3\u003e\n \u003cp\u003eIdéal pour le voyage et découverte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003ch3\u003e🛁 Format 100 g\u003c\/h3\u003e\n \u003cp\u003eParfait pour un usage quotidien à la maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"alep-accordion\"\u003e\n \u003cdetails class=\"alep-accordion-item\"\u003e\n \u003csummary class=\"alep-accordion-header\"\u003e⚠️ Usage \u0026amp; recommandations\u003c\/summary\u003e\n \u003cdiv class=\"alep-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à un usage externe. Évitez le contact avec les yeux. En cas de réaction cutanée, cessez l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"alep-accordion-item\"\u003e\n \u003csummary class=\"alep-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"alep-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un traitement médical ni un avis dermatologique. En cas de peau sujette à des affections particulières, demandez conseil à votre professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"alep-accordion-item\"\u003e\n \u003csummary class=\"alep-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"alep-accordion-content mt-3\"\u003e\n \u003cp\u003eAprès usage, laissez sécher votre pain sur un porte-savon drainant afin de prolonger sa durée de vie. Conservez à l'abri de l'humidité et de la chaleur excessive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --alep-cream: #fdf7f2;\n --alep-white: #ffffff;\n --alep-primary: #e8b8a0;\n --alep-primary-dark: #b8785a;\n --alep-primary-light: #fbeae0;\n --alep-secondary: #a8935f;\n --alep-accent: #8a6a3a;\n --alep-text: #2a1f18;\n --alep-text-light: #6b5a4f;\n --alep-border: #ede0d4;\n --alep-shadow: 0 4px 24px rgba(139,102,74,.08);\n --alep-shadow-lg: 0 12px 48px rgba(139,102,74,.18);\n --alep-radius: 20px;\n --alep-radius-sm: 12px;\n}\n\n.alep-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alep-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--alep-text);\n}\n\n.alep-hero {\n position: relative;\n background: linear-gradient(135deg, #f4c9b0 0%, #e8b8a0 50%, #d19a7f 100%);\n border-radius: var(--alep-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .5;\n}\n\n.alep-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alep-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.alep-subtitle {\n color: white;\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n letter-spacing: .02em;\n}\n\n.alep-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 620px;\n margin: 0 auto;\n opacity: .95;\n}\n\n.alep-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.alep-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.alep-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.alep-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alep-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--alep-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.alep-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--alep-primary), var(--alep-secondary));\n border-radius: 2px;\n}\n\n.alep-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.alep-section-intro strong {\n color: var(--alep-primary-dark);\n}\n\n.alep-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alep-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--alep-shadow-lg);\n border-color: var(--alep-primary);\n}\n\n.alep-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alep-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.alep-grid-compact .alep-card {\n padding: 1rem;\n}\n\n.alep-grid-compact .alep-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.alep-grid-compact .alep-card p {\n font-size: 12px;\n}\n\n.alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.alep-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.alep-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(184,120,90,.3);\n}\n\n.alep-timeline-content {\n flex: 1;\n background: var(--alep-white);\n padding: 1rem 1.25rem;\n border-radius: var(--alep-radius-sm);\n box-shadow: var(--alep-shadow);\n}\n\n.alep-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.alep-timeline-content p {\n font-size: 14px;\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.alep-testimonial {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--alep-shadow);\n border-left: 4px solid var(--alep-primary);\n}\n\n.alep-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.alep-accordion {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n box-shadow: var(--alep-shadow);\n overflow: hidden;\n}\n\n.alep-accordion-item {\n border-bottom: 1px solid var(--alep-border);\n margin: 0;\n padding: 0;\n}\n\n.alep-accordion-item:last-child {\n border-bottom: none;\n}\n\n.alep-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--alep-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.alep-accordion-header:hover {\n background: var(--alep-primary-light);\n}\n\n.alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--alep-primary);\n transition: transform .2s ease;\n}\n\n.alep-accordion-item[open] .alep-accordion-header::after {\n content: '−';\n}\n\n.alep-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--alep-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.alep-accordion-content p {\n margin: 0;\n}\n\n.alep-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--alep-primary-light);\n border-radius: var(--alep-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.alep-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1.2;\n}\n\n.alep-tip p {\n font-size: 14px;\n color: var(--alep-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-tip p strong {\n color: var(--alep-primary-dark);\n}\n\n@media (max-width: 767px) {\n .alep-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .alep-card {\n padding: 1.125rem;\n }\n .alep-section {\n margin-bottom: 1.75rem;\n }\n .alep-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alep-radius-sm);\n }\n .alep-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .alep-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .alep-grid-compact {\n gap: .625rem;\n }\n .alep-grid-compact .alep-card {\n padding: .75rem;\n }\n .alep-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .alep-timeline-content {\n padding: .875rem 1rem;\n }\n .alep-timeline-content h3 {\n font-size: 14px;\n }\n .alep-timeline-content p {\n font-size: 13px;\n }\n .alep-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .alep-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .alep-testimonial {\n padding: 1.25rem;\n }\n .alep-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .alep-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alep-card:nth-child(1) { animation-delay: .05s; }\n .alep-card:nth-child(2) { animation-delay: .1s; }\n .alep-card:nth-child(3) { animation-delay: .15s; }\n .alep-card:nth-child(4) { animation-delay: .2s; }\n .alep-card:nth-child(5) { animation-delay: .25s; }\n .alep-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .alep-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"50 g","offer_id":64516159439225,"sku":"AB0095","price":3.89,"currency_code":"EUR","in_stock":true},{"title":"100 g","offer_id":64516159471993,"sku":"AB0100","price":4.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-parfume-musc-al-bara-packshothd_82965c40-cf42-4344-a3e7-c130a362b09c.webp?v=1788961622"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/savon-d-alep.webp?v=1792143193","url":"https:\/\/www.naturellement-bio.com\/collections\/savon-d-alep.oembed","provider":"Naturellement Bio","version":"1.0","type":"link"}