{"product_id":"argile-verte-surfine-300-g-ciel-dazur","title":"Argile verte surfine - 300 g - Ciel d'Azur","description":"\u003cdiv class=\"soi-argv-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-argv-hero\"\u003e\n    \u003cdiv class=\"soi-argv-hero-tag\"\u003e\n      \u003cspan class=\"soi-argv-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique naturelle · Ciel d'Azur en Provence\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-argv-hero-title\"\u003eLa puissance purifiante de la terre provençale\u003c\/span\u003e\n    \u003cp class=\"soi-argv-hero-subtitle\"\u003eArgile verte Montmorillonite surfine, certifiée et riche en minéraux : votre alliée pour des soins maison authentiques et véritablement efficaces.\u003c\/p\u003e\n    \u003cdiv class=\"soi-argv-hero-labels\"\u003e\n      \u003cspan class=\"soi-argv-label soi-argv-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n      \u003cspan class=\"soi-argv-label\"\u003eFABRIQUÉE EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-argv-label\"\u003e100% NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-argv-label\"\u003e300 G\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Argile verte surfine Montmorillonite --\u003e\n  \u003csection class=\"soi-argv-section\"\u003e\n    \u003ch2\u003eArgile verte surfine Montmorillonite : purifiante, absorbante et reminéralisante\u003c\/h2\u003e\n    \u003cp\u003eL'argile verte surfine de Ciel d'Azur en Provence est bien plus qu'une simple poudre cosmétique. Reconnue depuis des siècles pour ses bienfaits purifiants et absorbants, cette argile Montmorillonite certifiée Cosmos Natural est l'alliée incontournable des peaux à problèmes, des soins maison et des cataplasmes d'argile verte. Sa texture surfine garantit une pâte homogène, facile à travailler, pour des résultats visibles dès la première application.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Pourquoi choisir --\u003e\n  \u003csection class=\"soi-argv-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'argile verte Montmorillonite surfine ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-argv-grid\"\u003e\n      \u003cdiv class=\"soi-argv-card\"\u003e\n        \u003ch3\u003e✨ Granulométrie ultra-fine\u003c\/h3\u003e\n        \u003cp\u003eLa texture surfine permet une dissolution rapide et une pâte parfaitement lisse, sans grumeaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-card\"\u003e\n        \u003ch3\u003e🔬 Forte capacité d'échange cationique\u003c\/h3\u003e\n        \u003cp\u003eAvec 85 meq\/100 g, l'argile capte et retient les impuretés, les toxines et l'excès de sébum avec une efficacité supérieure à une argile standard.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-card\"\u003e\n        \u003ch3\u003e💎 Riche en oligo-éléments naturels\u003c\/h3\u003e\n        \u003cp\u003eMagnésium, potassium, fer et autres sels minéraux nourrissent votre peau en profondeur pendant le soin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-card\"\u003e\n        \u003ch3\u003e🌿 Certifiée Cosmos Natural\u003c\/h3\u003e\n        \u003cp\u003eContrôlée par Cosmécert selon le référentiel COSMOS, sans additifs ni conservateurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n        \u003cp\u003eÉlaborée dans le respect des matières premières provençales, pour une traçabilité exemplaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Les bienfaits --\u003e\n  \u003csection class=\"soi-argv-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'argile verte : ce qu'elle fait vraiment pour votre peau\u003c\/h2\u003e\n    \u003cp class=\"soi-argv-section-intro\"\u003eLes bienfaits de l'argile verte sont multiples et documentés. Voici ce que vous pouvez réellement attendre de son utilisation régulière.\u003c\/p\u003e\n    \u003cdiv class=\"soi-argv-benefits\"\u003e\n      \u003cdiv class=\"soi-argv-benefit\"\u003e\n        \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePurifiante et absorbante\u003c\/h3\u003e\n        \u003cp\u003eElle capte l'excès de sébum, resserre les pores dilatés et assainit les peaux grasses ou mixtes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-benefit\"\u003e\n        \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e🌀\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDécongestionnante\u003c\/h3\u003e\n        \u003cp\u003eAppliquée en cataplasme, elle aide à soulager les zones tendues ou inconfortables.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-benefit\"\u003e\n        \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e🪶\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eExfoliante douce\u003c\/h3\u003e\n        \u003cp\u003eSa texture fine élimine délicatement les cellules mortes sans agresser l'épiderme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-benefit\"\u003e\n        \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eReminéralisante\u003c\/h3\u003e\n        \u003cp\u003eSes minéraux naturels (magnésium, potassium, fer) participent à revitaliser la peau en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-benefit\"\u003e\n        \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAnti-imperfections\u003c\/h3\u003e\n        \u003cp\u003eUtilisée régulièrement en masque, elle réduit l'apparence des points noirs et unifie le teint.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Comment préparer --\u003e\n  \u003csection class=\"soi-argv-section\"\u003e\n    \u003ch2\u003eComment préparer un cataplasme ou un masque à l'argile verte ?\u003c\/h2\u003e\n    \u003cp class=\"soi-argv-section-intro\"\u003eLa préparation est simple, mais quelques règles sont essentielles pour ne pas désactiver l'argile.\u003c\/p\u003e\n    \u003cdiv class=\"soi-argv-timeline\"\u003e\n      \u003cdiv class=\"soi-argv-step\"\u003e\n        \u003cdiv class=\"soi-argv-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-argv-step-content\"\u003e\n          \u003ch3\u003eVersez l'eau\u003c\/h3\u003e\n          \u003cp\u003eVersez d'abord l'eau (de source de préférence) dans un récipient non métallique, en verre ou en céramique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-step\"\u003e\n        \u003cdiv class=\"soi-argv-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-argv-step-content\"\u003e\n          \u003ch3\u003eAjoutez l'argile\u003c\/h3\u003e\n          \u003cp\u003eAjoutez l'argile par-dessus sans remuer immédiatement : laissez-la s'hydrater quelques minutes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-step\"\u003e\n        \u003cdiv class=\"soi-argv-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-argv-step-content\"\u003e\n          \u003ch3\u003eRetirez l'excédent\u003c\/h3\u003e\n          \u003cp\u003eRetirez l'éventuel excédent d'eau en surface avant de mélanger.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-step\"\u003e\n        \u003cdiv class=\"soi-argv-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-argv-step-content\"\u003e\n          \u003ch3\u003eMélangez\u003c\/h3\u003e\n          \u003cp\u003eMélangez avec une spatule en bois jusqu'à obtenir une pâte épaisse et homogène.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-argv-tip\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdiv class=\"soi-argv-tip-icon\"\u003e🥒\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eRecette masque visage au concombre (1 utilisation)\u003c\/strong\u003e\n        \u003cp\u003eMixez 30 g de concombre épluché, filtrez le jus. Mélangez 2 c. à soupe d'argile avec 1 c. à café d'huile d'amande douce, puis incorporez le jus jusqu'à consistance lisse. Appliquez sur le visage en évitant les yeux et la bouche, laissez poser 15 minutes, puis rincez abondamment.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-argv-tip\" style=\"margin-top: 1rem;\"\u003e\n      \u003cdiv class=\"soi-argv-tip-icon\"\u003e🩹\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003ePour un cataplasme d'argile verte\u003c\/strong\u003e\n        \u003cp\u003ePréparez une pâte plus épaisse, étalez-la sur un linge propre (épaisseur : 1 à 2 cm) et appliquez sur la zone souhaitée pendant 20 à 30 minutes. Ne jamais utiliser d'ustensile en métal, sous peine de neutraliser les propriétés actives de l'argile.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : Composition et caractéristiques techniques --\u003e\n  \u003csection class=\"soi-argv-section\"\u003e\n    \u003ch2\u003eComposition et caractéristiques techniques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-argv-compo\"\u003e\n      \u003cdiv class=\"soi-argv-compo-row\"\u003e\n        \u003cspan class=\"soi-argv-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n        \u003cspan class=\"soi-argv-compo-value\"\u003eArgile verte naturelle (Bentonite, type Montmorillonite)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-compo-row\"\u003e\n        \u003cspan class=\"soi-argv-compo-label\"\u003eCapacité d'échange cationique\u003c\/span\u003e\n        \u003cspan class=\"soi-argv-compo-value\"\u003eEnviron 85 meq\/100 g (qualité extra, haute activité)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-compo-row\"\u003e\n        \u003cspan class=\"soi-argv-compo-label\"\u003eTeneur en minéraux\u003c\/span\u003e\n        \u003cspan class=\"soi-argv-compo-value\"\u003eMagnésium, potassium, fer et oligo-éléments naturellement présents\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-compo-row\"\u003e\n        \u003cspan class=\"soi-argv-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-argv-compo-value\"\u003eCosmos Natural (contrôlé par Cosmécert)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-compo-row\"\u003e\n        \u003cspan class=\"soi-argv-compo-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-argv-compo-value\"\u003eSachet kraft recyclable de 300 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-compo-row\"\u003e\n        \u003cspan class=\"soi-argv-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-argv-compo-value\"\u003eFabriquée en France\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-argv-accordion\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdetails class=\"soi-argv-accordion-item\"\u003e\n        \u003csummary class=\"soi-argv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-argv-accordion-content\"\u003e\n          \u003cp\u003eTenir au sec, à l'abri de l'humidité. Éviter tout contact avec des ustensiles ou récipients métalliques. Ne pas appliquer à proximité des yeux. En cas de contact accidentel, rincer abondamment à l'eau claire. Ce produit n'est pas destiné à remplacer un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-argv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-argv-cta-box\"\u003e\n      \u003cp class=\"soi-argv-cta-tag\" style=\"color: white;\"\u003eL'authentique soin provençal\u003c\/p\u003e\n      \u003cp class=\"soi-argv-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau ce que la terre offre de meilleur : une argile verte d'exception, certifiée, tracée et prête à sublimer vos rituels de soin maison.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-argv-marine: #1A2D3D;\n  --soi-argv-marine-dark: #0F1E2B;\n  --soi-argv-marine-light: #2C4458;\n  --soi-argv-pomme: #A1C544;\n  --soi-argv-pomme-dark: #84A636;\n  --soi-argv-pomme-light: rgba(161,197,68,0.10);\n  --soi-argv-white: #FFFFFF;\n  --soi-argv-off-white: #F8FAF6;\n  --soi-argv-stone: #F1F3EE;\n  --soi-argv-line: #E5E8E0;\n  --soi-argv-primary: #2E7D5B;\n  --soi-argv-primary-soft: #E8F2EC;\n  --soi-argv-accent: #B08D5A;\n  --soi-argv-text: #1A2D3D;\n  --soi-argv-text-soft: #4A5B6B;\n  --soi-argv-text-muted: #7B8693;\n  --soi-argv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-argv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-argv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-argv-radius: 12px;\n  --soi-argv-radius-sm: 8px;\n  --soi-argv-radius-pill: 999px;\n}\n\n.soi-argv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-argv-fiche img { max-width: 100%; height: auto; }\n\n.soi-argv-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-argv-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-argv-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-argv-hero {\n  position: relative;\n  background: var(--soi-argv-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-argv-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-argv-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-argv-pomme);\n}\n\n.soi-argv-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-argv-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-argv-pomme);\n  border-radius: 50%;\n}\n\n.soi-argv-hero-title {\n  display: block;\n  color: var(--soi-argv-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(24px, 5vw, 35px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-argv-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-argv-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-argv-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-argv-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-argv-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-argv-label-accent {\n  background: var(--soi-argv-pomme);\n  border-color: var(--soi-argv-pomme);\n  color: var(--soi-argv-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-argv-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-argv-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-argv-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-argv-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-argv-pomme);\n  border-radius: 2px;\n}\n\n.soi-argv-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-argv-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-argv-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-argv-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-argv-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-argv-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-argv-benefit {\n  background: var(--soi-argv-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-argv-radius);\n  border: 1px solid var(--soi-argv-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-argv-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-argv-shadow-md);\n}\n\n.soi-argv-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-argv-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-argv-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-argv-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-argv-benefit:hover .soi-argv-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-argv-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-argv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-argv-benefit p {\n  font-size: 15px;\n  color: var(--soi-argv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-argv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-argv-card {\n  background: var(--soi-argv-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-argv-radius);\n  border-left: 3px solid var(--soi-argv-pomme);\n}\n\n.soi-argv-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-argv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-argv-card p {\n  font-size: 14px;\n  color: var(--soi-argv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-argv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-argv-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-argv-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-argv-radius);\n  border: 1px solid var(--soi-argv-line);\n  align-items: flex-start;\n}\n\n.soi-argv-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-argv-marine);\n  color: var(--soi-argv-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-argv-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-argv-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-argv-step-content p {\n  font-size: 15px;\n  color: var(--soi-argv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-argv-compo {\n  background: var(--soi-argv-off-white);\n  border-radius: var(--soi-argv-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-argv-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-argv-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-argv-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-argv-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-argv-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-argv-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-argv-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-argv-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-argv-pomme-light);\n  border-left: 4px solid var(--soi-argv-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-argv-radius) var(--soi-argv-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-argv-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-argv-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-argv-marine);\n  margin-bottom: 4px;\n}\n\n.soi-argv-tip p {\n  font-size: 15px;\n  color: var(--soi-argv-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDION *\/\n.soi-argv-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-argv-accordion-item {\n  background: var(--soi-argv-off-white);\n  border-radius: var(--soi-argv-radius-sm);\n  border: 1px solid var(--soi-argv-line);\n  overflow: hidden;\n}\n\n.soi-argv-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-argv-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-argv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-argv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-argv-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-argv-accordion-item[open] .soi-argv-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-argv-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-argv-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-argv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-argv-cta-box {\n  background: var(--soi-argv-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-argv-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-argv-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-argv-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-argv-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-argv-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-argv-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-argv-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-argv-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-argv-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-argv-compo-value {\n    text-align: left;\n  }\n\n  .soi-argv-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-argv-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-argv-fiche {\n    --soi-argv-text-soft: #2C3E50;\n    --soi-argv-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Ciel d'Azur","offers":[{"title":"Default Title","offer_id":62333269901642,"sku":"CZ0015","price":3.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/argile-verte-surfine-300-g-ciel-dazur-packshot.webp?v=1790149454","url":"https:\/\/firmtoaromatherapy.com\/products\/argile-verte-surfine-300-g-ciel-dazur","provider":"Soinature","version":"1.0","type":"link"}