{"product_id":"argile-rouge-en-pot-najel","title":"Argile rouge en pot – Najel","description":"\u003cdiv class=\"soi-argr-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-argr-hero\"\u003e\n    \u003cdiv class=\"soi-argr-hero-tag\"\u003e\n      \u003cspan class=\"soi-argr-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétiques et soins beauté · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-argr-hero-title\"\u003eUn geste nature hérité de siècles de sagesse\n\n\u003c\/span\u003e\n    \u003cp class=\"soi-argr-hero-subtitle\"\u003eLe soin « bonne mine » par excellence : purifiez, reminéralisez et réveillez l'éclat de votre peau grâce à une argile pure extraite des carrières d'Auvergne.\u003c\/p\u003e\n    \u003cdiv class=\"soi-argr-hero-labels\"\u003e\n      \u003cspan class=\"soi-argr-label soi-argr-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n      \u003cspan class=\"soi-argr-label\"\u003eCERTIFIÉ ECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-argr-label\"\u003eORIGINE FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-argr-label\"\u003e100% NATUREL\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Pourquoi choisir l'argile rouge --\u003e\n  \u003csection class=\"soi-argr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'argile rouge pour votre peau et vos cheveux ?\u003c\/h2\u003e\n    \u003cp class=\"soi-argr-section-intro\"\u003eParmi toutes les argiles cosmétiques, l'argile rouge se distingue par sa teneur exceptionnelle en oxyde de fer, ce minéral qui lui confère sa couleur caractéristique et ses propriétés absorbantes puissantes. Voici ce que vous pouvez en attendre :\u003c\/p\u003e\n    \u003cdiv class=\"soi-argr-benefits\"\u003e\n      \u003cdiv class=\"soi-argr-benefit\"\u003e\n        \u003cdiv class=\"soi-argr-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉclat immédiat\u003c\/h3\u003e\n        \u003cp\u003eElle ravive les teints brouillés et atténue les petites rougeurs en stimulant la microcirculation cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-benefit\"\u003e\n        \u003cdiv class=\"soi-argr-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePurification en profondeur\u003c\/h3\u003e\n        \u003cp\u003eSes propriétés absorbantes captent les impuretés et désobstruent les pores sans agresser l'épiderme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-benefit\"\u003e\n        \u003cdiv class=\"soi-argr-benefit-icon\"\u003e\u003cspan\u003e💎\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eReminéralisation\u003c\/h3\u003e\n        \u003cp\u003eSes sels minéraux nourrissent la peau en profondeur, idéal pour les peaux matures ou carencées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-benefit\"\u003e\n        \u003cdiv class=\"soi-argr-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRevitalisation capillaire\u003c\/h3\u003e\n        \u003cp\u003eAppliquée sur les cheveux, elle assainit le cuir chevelu, apporte du volume et redonne de la vitalité aux longueurs ternes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Pour qui est-elle faite ? --\u003e\n  \u003csection class=\"soi-argr-section\"\u003e\n    \u003ch2\u003ePour qui est-elle faite ?\u003c\/h2\u003e\n    \u003cp class=\"soi-argr-section-intro\"\u003eL'argile rouge convient à tous les types de peau, y compris les peaux sensibles et matures. Elle est particulièrement recommandée pour :\u003c\/p\u003e\n    \u003cdiv class=\"soi-argr-grid\"\u003e\n      \u003cdiv class=\"soi-argr-card\"\u003e\n        \u003ch3\u003e😴 Peaux ternes ou fatiguées\u003c\/h3\u003e\n        \u003cp\u003eVotre teint manque d'éclat au quotidien ? L'argile rouge réveille la luminosité de votre peau dès la première application.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-card\"\u003e\n        \u003ch3\u003e🌿 Peaux matures\u003c\/h3\u003e\n        \u003cp\u003eVous recherchez une détoxification douce et un renouvellement cellulaire ? Ce soin minéral vous accompagne en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-card\"\u003e\n        \u003ch3\u003e💇 Cheveux sans volume\u003c\/h3\u003e\n        \u003cp\u003eCuir chevelu encrassé, longueurs raplapla ? L'argile rouge assainit et redonne corps à votre chevelure.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Comment utiliser --\u003e\n  \u003csection class=\"soi-argr-section\"\u003e\n    \u003ch2\u003eComment utiliser l'argile rouge Najel ?\u003c\/h2\u003e\n    \u003cp class=\"soi-argr-section-intro\"\u003eLa préparation est simple et rapide. Suivez ces étapes pour un résultat optimal :\u003c\/p\u003e\n    \u003cdiv class=\"soi-argr-timeline\"\u003e\n      \u003cdiv class=\"soi-argr-step\"\u003e\n        \u003cdiv class=\"soi-argr-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-argr-step-content\"\u003e\n          \u003ch3\u003ePréparez votre masque visage\u003c\/h3\u003e\n          \u003cp\u003eMélangez 2 cuillères à soupe d'argile rouge avec un peu d'eau tiède (ou d'hydrolat) jusqu'à obtenir une pâte homogène et onctueuse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-step\"\u003e\n        \u003cdiv class=\"soi-argr-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-argr-step-content\"\u003e\n          \u003ch3\u003eAppliquez en couche uniforme\u003c\/h3\u003e\n          \u003cp\u003eÉtalez sur le visage préalablement nettoyé, en évitant le contour des yeux et des lèvres.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-step\"\u003e\n        \u003cdiv class=\"soi-argr-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-argr-step-content\"\u003e\n          \u003ch3\u003eLaissez poser 10 à 15 minutes\u003c\/h3\u003e\n          \u003cp\u003eAccordez à l'argile le temps d'agir en profondeur, sans la laisser sécher complètement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-step\"\u003e\n        \u003cdiv class=\"soi-argr-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-argr-step-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède et terminez par une brume d'eau froide pour resserrer les pores.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argr-tip\"\u003e\n      \u003cdiv class=\"soi-argr-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour un masque capillaire, appliquez la même préparation sur le cuir chevelu, massez doucement, laissez poser 15 minutes puis rincez soigneusement avant votre shampooing habituel. Fréquence conseillée : 1 fois par semaine pour un teint lumineux et un cuir chevelu sain.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Composition --\u003e\n  \u003csection class=\"soi-argr-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cp class=\"soi-argr-section-intro\"\u003eCe produit contient un seul ingrédient, 100% naturel et pur. Aucun additif, aucun conservateur, aucun parfum ajouté. La formule la plus simple et la plus saine qui soit.\u003c\/p\u003e\n    \u003cdiv class=\"soi-argr-compo\"\u003e\n      \u003cdiv class=\"soi-argr-compo-row\"\u003e\n        \u003cspan class=\"soi-argr-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-compo-value\"\u003eArgile rouge (Illite)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-compo-row\"\u003e\n        \u003cspan class=\"soi-argr-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-compo-value\"\u003eAuvergne, France (carrières près du Puy-en-Velay)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-compo-row\"\u003e\n        \u003cspan class=\"soi-argr-compo-label\"\u003eMinéraux\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-compo-value\"\u003eOxyde de fer, silice, magnésium, potassium\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-compo-row\"\u003e\n        \u003cspan class=\"soi-argr-compo-label\"\u003eAdditifs\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-compo-value\"\u003eAucun (sans conservateur, sans parfum)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Informations pratiques --\u003e\n  \u003csection class=\"soi-argr-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-argr-grid-compact\"\u003e\n      \u003cdiv class=\"soi-argr-card-mini\"\u003e\n        \u003cspan class=\"soi-argr-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-value\"\u003eCosmos Natural par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-card-mini\"\u003e\n        \u003cspan class=\"soi-argr-card-mini-icon\"\u003e📍\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-value\"\u003eAuvergne, France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-card-mini\"\u003e\n        \u003cspan class=\"soi-argr-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-label\"\u003eUtilisations\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-value\"\u003eVisage, cheveux, corps, DIY\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-card-mini\"\u003e\n        \u003cspan class=\"soi-argr-card-mini-icon\"\u003e🌸\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-label\"\u003eConvient à\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-value\"\u003eTous types de peau, sensibles incluses\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argr-accordion\"\u003e\n      \u003cdetails class=\"soi-argr-accordion-item\"\u003e\n        \u003csummary class=\"soi-argr-accordion-header\"\u003e🏺 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-argr-accordion-content\"\u003e\n          \u003cp\u003eConservez votre argile rouge à l'abri de l'humidité, dans un endroit sec et tempéré.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-argr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-argr-cta-box\"\u003e\n      \u003cp class=\"soi-argr-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un rituel aussi simple qu'efficace. Teint lumineux, peau purifiée, cheveux revitalisés : les meilleurs soins sont souvent ceux que la terre nous offre directement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-argr-marine: #1A2D3D;\n  --soi-argr-marine-dark: #0F1E2B;\n  --soi-argr-marine-light: #2C4458;\n  --soi-argr-pomme: #A1C544;\n  --soi-argr-pomme-dark: #84A636;\n  --soi-argr-pomme-light: rgba(161,197,68,0.10);\n  --soi-argr-white: #FFFFFF;\n  --soi-argr-off-white: #F8FAF6;\n  --soi-argr-stone: #F1F3EE;\n  --soi-argr-line: #E5E8E0;\n  --soi-argr-primary: #C45A28;\n  --soi-argr-primary-soft: #E8956A;\n  --soi-argr-accent: #3D2B22;\n  --soi-argr-text: #1A2D3D;\n  --soi-argr-text-soft: #4A5B6B;\n  --soi-argr-text-muted: #7B8693;\n  --soi-argr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-argr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-argr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-argr-radius: 12px;\n  --soi-argr-radius-sm: 8px;\n  --soi-argr-radius-pill: 999px;\n}\n\n.soi-argr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-argr-fiche img { max-width: 100%; height: auto; }\n\n.soi-argr-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-argr-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-argr-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-argr-hero {\n  position: relative;\n  background: var(--soi-argr-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-argr-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-argr-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-argr-pomme);\n}\n\n.soi-argr-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-argr-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-argr-pomme);\n  border-radius: 50%;\n}\n\n.soi-argr-hero-title {\n  display: block;\n  color: var(--soi-argr-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-argr-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-argr-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-argr-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-argr-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-argr-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-argr-label-accent {\n  background: var(--soi-argr-pomme);\n  border-color: var(--soi-argr-pomme);\n  color: var(--soi-argr-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-argr-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-argr-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-argr-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-argr-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-argr-pomme);\n  border-radius: 2px;\n}\n\n.soi-argr-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-argr-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-argr-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-argr-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-argr-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-argr-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-argr-benefit {\n  background: var(--soi-argr-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-argr-radius);\n  border: 1px solid var(--soi-argr-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-argr-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-argr-shadow-md);\n}\n\n.soi-argr-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-argr-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-argr-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-argr-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-argr-benefit:hover .soi-argr-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-argr-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-argr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-argr-benefit p {\n  font-size: 13px;\n  color: var(--soi-argr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-argr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-argr-card {\n  background: var(--soi-argr-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-argr-radius);\n  border-left: 3px solid var(--soi-argr-pomme);\n}\n\n.soi-argr-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-argr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-argr-card p {\n  font-size: 14px;\n  color: var(--soi-argr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-argr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.25rem;\n}\n\n.soi-argr-card-mini {\n  background: var(--soi-argr-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-argr-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-argr-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-argr-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-argr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-argr-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-argr-marine);\n}\n\n\/* TIMELINE *\/\n.soi-argr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-argr-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-argr-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-argr-radius);\n  border: 1px solid var(--soi-argr-line);\n  align-items: flex-start;\n}\n\n.soi-argr-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-argr-marine);\n  color: var(--soi-argr-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-argr-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-argr-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-argr-step-content p {\n  font-size: 14px;\n  color: var(--soi-argr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-argr-compo {\n  background: var(--soi-argr-off-white);\n  border-radius: var(--soi-argr-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-argr-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-argr-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-argr-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-argr-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-argr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-argr-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-argr-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-argr-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-argr-pomme-light);\n  border-left: 4px solid var(--soi-argr-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-argr-radius) var(--soi-argr-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-argr-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-argr-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-argr-marine);\n  margin-bottom: 4px;\n}\n\n.soi-argr-tip p {\n  font-size: 14px;\n  color: var(--soi-argr-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDION *\/\n.soi-argr-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-argr-accordion-item {\n  background: var(--soi-argr-off-white);\n  border-radius: var(--soi-argr-radius-sm);\n  border: 1px solid var(--soi-argr-line);\n  overflow: hidden;\n}\n\n.soi-argr-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-argr-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-argr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-argr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-argr-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-argr-accordion-item[open] .soi-argr-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-argr-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-argr-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-argr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-argr-cta-box {\n  background: var(--soi-argr-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-argr-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-argr-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-argr-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-argr-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-argr-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-argr-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-argr-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n  .soi-argr-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-argr-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-argr-compo-value {\n    text-align: left;\n  }\n\n  .soi-argr-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-argr-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-argr-fiche {\n    --soi-argr-text-soft: #2C3E50;\n    --soi-argr-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603642048842,"sku":"NJ0285","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/argile-rouge-en-pot-najel-packshot.webp?v=1779811626","url":"https:\/\/www.soinature.com\/products\/argile-rouge-en-pot-najel","provider":"Soinature","version":"1.0","type":"link"}