{"product_id":"masque-visage-bio-propolia","title":"Masque Visage Bio Argile \u0026 Propolis - Propolia","description":"\u003cdiv class=\"soi-masq-fiche\"\u003e\n\n\u003csection class=\"soi-masq-hero\"\u003e\n\u003cdiv class=\"soi-masq-hero-tag\"\u003e\n\u003cspan class=\"soi-masq-tag-dot\"\u003e\u003c\/span\u003e\nCosmétique visage · Propolia\n\u003c\/div\u003e\n\u003cspan class=\"soi-masq-hero-title\"\u003ePureté d'argile, douceur de la ruche\u003c\/span\u003e\n\u003cp class=\"soi-masq-hero-subtitle\"\u003eDeux argiles, du miel bio et de la propolis pure réunis dans un masque visage qui purifie en profondeur, apaise les irritations et hydrate durablement, sans compromis sur la qualité.\u003c\/p\u003e\n\u003cdiv class=\"soi-masq-hero-labels\"\u003e\n\u003cspan class=\"soi-masq-label soi-masq-label-accent\"\u003eBIO\u003c\/span\u003e\n\u003cspan class=\"soi-masq-label\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n\u003cspan class=\"soi-masq-label\"\u003eECOCERT\u003c\/span\u003e\n\u003cspan class=\"soi-masq-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-masq-section\"\u003e\n\u003ch2\u003eUn trio d'actifs complémentaires : argiles, miel et propolis\u003c\/h2\u003e\n\u003cp class=\"soi-masq-section-intro\"\u003eLa force de ce masque réside dans la synergie de ses ingrédients. Chacun joue un rôle précis, sans se chevaucher.\u003c\/p\u003e\n\u003cdiv class=\"soi-masq-grid\"\u003e\n\u003cdiv class=\"soi-masq-card\"\u003e\n\u003ch3\u003e🪨 Argile verte (illite)\u003c\/h3\u003e\n\u003cp\u003eAbsorbante et purifiante, elle capte l'excès de sébum et désobstrue les pores en douceur, idéale pour les peaux mixtes à grasses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-card\"\u003e\n\u003ch3\u003e🤍 Argile blanche (kaolin)\u003c\/h3\u003e\n\u003cp\u003ePlus douce, elle assainit sans agresser, parfaite pour les peaux sensibles ou réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-card\"\u003e\n\u003ch3\u003e🍯 Miel bio\u003c\/h3\u003e\n\u003cp\u003eHumectant naturel reconnu, il retient l'eau dans l'épiderme et laisse une peau souple après le rinçage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-card\"\u003e\n\u003ch3\u003e🐝 Propolis bio\u003c\/h3\u003e\n\u003cp\u003eRésine produite par les abeilles, elle est appréciée pour ses propriétés purifiantes et apaisantes sur les imperfections cutanées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-card\"\u003e\n\u003ch3\u003e🌰 Huiles de noisette et d'amande douce\u003c\/h3\u003e\n\u003cp\u003eElles complètent la formule en nourrissant sans alourdir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-card\"\u003e\n\u003ch3\u003e🌿 Huiles essentielles de lavande, romarin et sauge sclarée\u003c\/h3\u003e\n\u003cp\u003eElles tonifient la peau et parfument délicatement le soin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-masq-section\"\u003e\n\u003ch2\u003eComposition complète du masque\u003c\/h2\u003e\n\u003cp\u003eFormulé avec \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont \u003cstrong\u003e27 % issus de l'agriculture biologique\u003c\/strong\u003e, ce masque est certifié \u003cstrong\u003eCOSMOS Organic par Ecocert\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"soi-masq-compo\"\u003e\n\u003cdiv class=\"soi-masq-compo-row\"\u003e\n\u003cspan class=\"soi-masq-compo-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-masq-compo-value\"\u003eCOSMOS Organic par Ecocert\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-compo-row\"\u003e\n\u003cspan class=\"soi-masq-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n\u003cspan class=\"soi-masq-compo-value\"\u003e99 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-compo-row\"\u003e\n\u003cspan class=\"soi-masq-compo-label\"\u003eAgriculture biologique\u003c\/span\u003e\n\u003cspan class=\"soi-masq-compo-value\"\u003e27 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-compo-row\"\u003e\n\u003cspan class=\"soi-masq-compo-label\"\u003eContenance\u003c\/span\u003e\n\u003cspan class=\"soi-masq-compo-value\"\u003e50 ml (verre recyclable)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-compo-row\"\u003e\n\u003cspan class=\"soi-masq-compo-label\"\u003eFabrication\u003c\/span\u003e\n\u003cspan class=\"soi-masq-compo-value\"\u003eOccitanie, France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-tip\"\u003e\n\u003cdiv class=\"soi-masq-tip-icon\"\u003e📋\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eListe INCI\u003c\/strong\u003e\n\u003cp\u003eAqua, Kaolin, Illite, Mel (Miel bio), Corylus Avellana Seed Oil (Huile de noisette), Prunus Amygdalus Dulcis Oil (Huile d'amande douce), Propolis Cera (Propolis bio), Lavandula Angustifolia Oil, Rosmarinus Officinalis Leaf Oil, Salvia Sclarea Oil, et agents naturels de conservation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-grid-compact\"\u003e\n\u003cdiv class=\"soi-masq-card-mini\"\u003e\n\u003cspan class=\"soi-masq-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n\u003cspan class=\"soi-masq-card-mini-label\"\u003eSans\u003c\/span\u003e\n\u003cspan class=\"soi-masq-card-mini-value\"\u003eSulfates\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-card-mini\"\u003e\n\u003cspan class=\"soi-masq-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n\u003cspan class=\"soi-masq-card-mini-label\"\u003eSans\u003c\/span\u003e\n\u003cspan class=\"soi-masq-card-mini-value\"\u003eColorants de synthèse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-card-mini\"\u003e\n\u003cspan class=\"soi-masq-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n\u003cspan class=\"soi-masq-card-mini-label\"\u003eSans\u003c\/span\u003e\n\u003cspan class=\"soi-masq-card-mini-value\"\u003eActifs pétrochimiques\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-card-mini\"\u003e\n\u003cspan class=\"soi-masq-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n\u003cspan class=\"soi-masq-card-mini-label\"\u003eSans\u003c\/span\u003e\n\u003cspan class=\"soi-masq-card-mini-value\"\u003eParabènes ni silicones\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-masq-section\"\u003e\n\u003ch2\u003eComment utiliser ce masque pour le visage ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-masq-timeline\"\u003e\n\u003cdiv class=\"soi-masq-step\"\u003e\n\u003cdiv class=\"soi-masq-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-step-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eDéposez une couche généreuse sur le visage propre et sec, en évitant le contour des yeux et les lèvres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-step\"\u003e\n\u003cdiv class=\"soi-masq-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-step-content\"\u003e\n\u003ch3\u003eLaissez poser 10 à 15 minutes\u003c\/h3\u003e\n\u003cp\u003eNe laissez pas le masque sécher complètement pour préserver le confort des peaux sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-step\"\u003e\n\u003cdiv class=\"soi-masq-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-step-content\"\u003e\n\u003ch3\u003eRincez et complétez votre routine\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau tiède et appliquez votre soin habituel. À utiliser 1 à 2 fois par semaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-tip\"\u003e\n\u003cdiv class=\"soi-masq-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003ePour préserver le confort des peaux sensibles, veillez à ne pas laisser le masque sécher complètement avant de rincer. Votre peau ressort propre, lisse et lumineuse, sans effet de tiraillement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-masq-section\"\u003e\n\u003ch2\u003ePour quels types de peaux ce masque est-il adapté ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-masq-benefits\"\u003e\n\u003cdiv class=\"soi-masq-benefit\"\u003e\n\u003cdiv class=\"soi-masq-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003ePeaux mixtes à grasses\u003c\/h3\u003e\n\u003cp\u003eL'argile verte régule efficacement les excès de sébum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-benefit\"\u003e\n\u003cdiv class=\"soi-masq-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003ePeaux sensibles ou réactives\u003c\/h3\u003e\n\u003cp\u003eL'argile blanche et le miel bio prennent soin de votre peau sans l'agresser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-benefit\"\u003e\n\u003cdiv class=\"soi-masq-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003ePeaux ternes ou fatiguées\u003c\/h3\u003e\n\u003cp\u003eLa propolis et les huiles essentielles redonnent de l'éclat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-benefit\"\u003e\n\u003cdiv class=\"soi-masq-benefit-icon\"\u003e\u003cspan\u003e🎯\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003ePeaux à imperfections\u003c\/h3\u003e\n\u003cp\u003eLa combinaison propolis et argile purifie et assainit les pores dilatés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-masq-section\"\u003e\n\u003ch2\u003eEngagements Propolia : qualité, traçabilité, éthique\u003c\/h2\u003e\n\u003cdiv class=\"soi-masq-grid\"\u003e\n\u003cdiv class=\"soi-masq-card\"\u003e\n\u003ch3\u003e🏅 Certifié COSMOS Organic Ecocert\u003c\/h3\u003e\n\u003cp\u003eUne garantie indépendante sur la naturalité et le respect des formules bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eProduit en Occitanie, avec une filière apicole maîtrisée de bout en bout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-card\"\u003e\n\u003ch3\u003e🚫 Sans ingrédients controversés\u003c\/h3\u003e\n\u003cp\u003ePas de parabènes, pas de sulfates, pas de silicones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-card\"\u003e\n\u003ch3\u003e♻️ Contenant en verre recyclable\u003c\/h3\u003e\n\u003cp\u003eFormat 50 ml, pratique pour plusieurs semaines d'utilisation régulière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-masq-accordion\"\u003e\n\u003cdetails class=\"soi-masq-accordion-item\"\u003e\n\u003csummary class=\"soi-masq-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"soi-masq-accordion-content\"\u003e\n\u003cp\u003eCe produit est un cosmétique et ne constitue pas un traitement médical. En cas de réaction cutanée, cessez l'utilisation et consultez un dermatologue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-masq-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-masq-cta-box\"\u003e\n\u003cp class=\"soi-masq-cta-tag\" style=\"color: white;\"\u003eVotre rituel purifiant hebdomadaire\u003c\/p\u003e\n\u003cp class=\"soi-masq-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau une pause purifiante et apaisante grâce au meilleur de la ruche et des argiles. Doux, efficace, naturel : un seul geste pour une peau propre, lisse et lumineuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-masq-marine: #1A2D3D;\n  --soi-masq-marine-dark: #0F1E2B;\n  --soi-masq-marine-light: #2C4458;\n  --soi-masq-pomme: #A1C544;\n  --soi-masq-pomme-dark: #84A636;\n  --soi-masq-pomme-light: rgba(161,197,68,0.10);\n  --soi-masq-white: #FFFFFF;\n  --soi-masq-off-white: #F8FAF6;\n  --soi-masq-stone: #F1F3EE;\n  --soi-masq-line: #E5E8E0;\n  --soi-masq-primary: #D4A82A;\n  --soi-masq-primary-soft: rgba(212,168,42,0.12);\n  --soi-masq-accent: #5A9E3A;\n  --soi-masq-text: #1A2D3D;\n  --soi-masq-text-soft: #4A5B6B;\n  --soi-masq-text-muted: #7B8693;\n  --soi-masq-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-masq-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-masq-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-masq-radius: 12px;\n  --soi-masq-radius-sm: 8px;\n  --soi-masq-radius-pill: 999px;\n}\n\n.soi-masq-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-masq-fiche img { max-width: 100%; height: auto; }\n\n.soi-masq-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-masq-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-masq-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-masq-hero {\n  position: relative;\n  background: var(--soi-masq-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-masq-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-masq-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-masq-pomme);\n}\n\n.soi-masq-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-masq-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-masq-pomme);\n  border-radius: 50%;\n}\n\n.soi-masq-hero-title {\n  display: block;\n  color: var(--soi-masq-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-masq-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-masq-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-masq-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-masq-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-masq-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-masq-label-accent {\n  background: var(--soi-masq-pomme);\n  border-color: var(--soi-masq-pomme);\n  color: var(--soi-masq-marine);\n  font-weight: 600;\n}\n\n.soi-masq-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-masq-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-masq-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-masq-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-masq-pomme);\n  border-radius: 2px;\n}\n\n.soi-masq-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-masq-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-masq-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-masq-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-masq-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-masq-section p strong {\n  color: var(--soi-masq-marine);\n  font-weight: 600;\n}\n\n.soi-masq-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-masq-card {\n  background: var(--soi-masq-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-masq-radius);\n  border-left: 3px solid var(--soi-masq-pomme);\n}\n\n.soi-masq-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-masq-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-masq-card p {\n  font-size: 14px;\n  color: var(--soi-masq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-masq-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-masq-benefit {\n  background: var(--soi-masq-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-masq-radius);\n  border: 1px solid var(--soi-masq-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-masq-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-masq-shadow-md);\n}\n\n.soi-masq-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-masq-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-masq-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-masq-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-masq-benefit:hover .soi-masq-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-masq-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-masq-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-masq-benefit p {\n  font-size: 13px;\n  color: var(--soi-masq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-masq-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-masq-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-masq-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-masq-radius);\n  border: 1px solid var(--soi-masq-line);\n  align-items: flex-start;\n}\n\n.soi-masq-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-masq-marine);\n  color: var(--soi-masq-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-masq-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-masq-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-masq-step-content p {\n  font-size: 14px;\n  color: var(--soi-masq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-masq-compo {\n  background: var(--soi-masq-off-white);\n  border-radius: var(--soi-masq-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-masq-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-masq-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-masq-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-masq-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-masq-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-masq-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-masq-marine);\n  text-align: right;\n}\n\n.soi-masq-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.25rem;\n}\n\n.soi-masq-card-mini {\n  background: var(--soi-masq-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-masq-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-masq-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-masq-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-masq-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-masq-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-masq-marine);\n}\n\n.soi-masq-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-masq-pomme-light);\n  border-left: 4px solid var(--soi-masq-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-masq-radius) var(--soi-masq-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-masq-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-masq-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-masq-marine);\n  margin-bottom: 4px;\n}\n\n.soi-masq-tip p {\n  font-size: 14px;\n  color: var(--soi-masq-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-masq-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1.5rem;\n}\n\n.soi-masq-accordion-item {\n  background: var(--soi-masq-off-white);\n  border-radius: var(--soi-masq-radius-sm);\n  border: 1px solid var(--soi-masq-line);\n  overflow: hidden;\n}\n\n.soi-masq-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-masq-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-masq-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-masq-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-masq-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-masq-accordion-item[open] .soi-masq-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-masq-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-masq-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-masq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-masq-cta-box {\n  background: var(--soi-masq-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-masq-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-masq-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-masq-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-masq-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-masq-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-masq-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-masq-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-masq-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-masq-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-masq-compo-value {\n    text-align: left;\n  }\n\n  .soi-masq-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-masq-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-masq-fiche {\n    --soi-masq-text-soft: #2C3E50;\n    --soi-masq-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603154362698,"sku":"AP0098","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/masque-visage-certifie-bio-propolis-miel-argiles-propolia-packshot_23358154-91aa-4e1a-aee0-194422223e25.webp?v=1788362016","url":"https:\/\/firmtoaromatherapy.com\/products\/masque-visage-bio-propolia","provider":"Soinature","version":"1.0","type":"link"}