{"product_id":"creme-solaire-visage-spf50-certifiee-bio-acorelle","title":"Crème Solaire Visage SPF50 Bio - Acorelle","description":"\u003cdiv class=\"soi-csol-fiche\"\u003e\n\n\u003csection class=\"soi-csol-hero\"\u003e\n  \u003cdiv class=\"soi-csol-hero-tag\"\u003e\n    \u003cspan class=\"soi-csol-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétiques \u0026amp; soins solaires · Acorelle\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-csol-hero-title\"\u003eCrème solaire visage SPF50 certifiée bio\u003c\/span\u003e\n  \u003cp class=\"soi-csol-hero-subtitle\"\u003eUne haute protection minérale 100 % naturelle, sans filtre chimique, pensée pour les peaux sensibles et formulée dans le respect des océans.\u003c\/p\u003e\n  \u003cdiv class=\"soi-csol-hero-labels\"\u003e\n    \u003cspan class=\"soi-csol-label soi-csol-label-accent\"\u003eCERTIFIÉE BIO\u003c\/span\u003e\n    \u003cspan class=\"soi-csol-label\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-csol-label\"\u003eOCEAN RESPECT\u003c\/span\u003e\n    \u003cspan class=\"soi-csol-label\"\u003eSANS PARFUM\u003c\/span\u003e\n    \u003cspan class=\"soi-csol-label\"\u003eRÉSISTE À L'EAU\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-csol-section\"\u003e\n  \u003ch2\u003eUne protection solaire visage haute performance, sans filtre chimique\u003c\/h2\u003e\n  \u003cp\u003eLe secret de cette crème solaire bio visage ? Un filtre minéral d'origine 100 % naturelle, qui agit comme un véritable bouclier physique en restant à la surface de la peau, sans pénétrer la barrière cutanée. Résultat : une protection immédiate contre les UVA et UVB, tolérée même par les peaux les plus réactives. Aucune absorption cutanée de molécule synthétique, aucun risque d'irritation.\u003c\/p\u003e\n  \u003cp\u003eAvec un indice SPF50, cette crème protège contre 98 % des rayons UVB et répond aux exigences de protection UVA recommandées par la Commission Européenne. Elle résiste à l'eau, ce qui en fait une alliée fiable même lors d'activités sportives ou en bord de mer.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-csol-section\"\u003e\n  \u003ch2\u003eLes actifs clés : ce qui rend cette formule vraiment différente\u003c\/h2\u003e\n  \u003cp class=\"soi-csol-section-intro\"\u003eChaque actif a été sélectionné pour ses propriétés complémentaires, associant protection solaire, défense antioxydante et confort cutané.\u003c\/p\u003e\n  \u003cdiv class=\"soi-csol-benefits\"\u003e\n    \u003cdiv class=\"soi-csol-benefit\"\u003e\n      \u003cdiv class=\"soi-csol-benefit-icon\"\u003e\u003cspan\u003e🐝\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eApi Oléo Actif\u003c\/h3\u003e\n      \u003cp\u003eComplexe breveté de pollen et propolis, puissant antioxydant qui neutralise les radicaux libres responsables du vieillissement cutané prématuré lié au soleil.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-csol-benefit\"\u003e\n      \u003cdiv class=\"soi-csol-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHuile de Karanja bio\u003c\/h3\u003e\n      \u003cp\u003eUtilisée en médecine ayurvédique depuis des siècles, elle renforce la protection naturelle de la peau et possède des propriétés photoprotectrices complémentaires.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-csol-benefit\"\u003e\n      \u003cdiv class=\"soi-csol-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHuile de sésame bio\u003c\/h3\u003e\n      \u003cp\u003eApporte souplesse et nutrition tout en enrichissant la formule en antioxydants naturels.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-csol-benefit\"\u003e\n      \u003cdiv class=\"soi-csol-benefit-icon\"\u003e\u003cspan\u003e🌹\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eEau florale de rose de Damas bio\u003c\/h3\u003e\n      \u003cp\u003eApaise et hydrate la peau exposée à la chaleur, avec une sensation de fraîcheur immédiate.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-csol-tip\"\u003e\n    \u003cdiv class=\"soi-csol-tip-icon\"\u003e🌾\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n      \u003cp\u003eL'amidon de maïs bio présent dans la formule offre un fini poudré légèrement matifiant, sans effet gras ni trace blanche indésirable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-csol-section\"\u003e\n  \u003ch2\u003ePour qui est faite cette crème solaire visage bio ?\u003c\/h2\u003e\n  \u003cp class=\"soi-csol-section-intro\"\u003eCette crème solaire visage pour peaux sensibles convient à un large éventail de profils.\u003c\/p\u003e\n  \u003cdiv class=\"soi-csol-grid\"\u003e\n    \u003cdiv class=\"soi-csol-card\"\u003e\n      \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n      \u003cp\u003ePeaux claires, sensibles ou réactives aux filtres chimiques : le filtre minéral naturel garantit une tolérance optimale.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-csol-card\"\u003e\n      \u003ch3\u003e✨ Soin anti-âge quotidien\u003c\/h3\u003e\n      \u003cp\u003eAdultes souhaitant un soin solaire quotidien aux actifs antioxydants pour prévenir le vieillissement cutané lié au soleil.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-csol-card\"\u003e\n      \u003ch3\u003e👨‍👩‍👧 Toute la famille dès 3 ans\u003c\/h3\u003e\n      \u003cp\u003eConvient aux enfants dès 3 ans, facilitant un usage en famille avec une seule formule de confiance.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-csol-card\"\u003e\n      \u003ch3\u003e🌍 Consommateurs engagés\u003c\/h3\u003e\n      \u003cp\u003ePersonnes allergiques aux parfums (formule sans parfum) et consommateurs soucieux de l'impact environnemental de leurs cosmétiques.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-csol-section\"\u003e\n  \u003ch2\u003eComment appliquer votre crème solaire visage SPF50 ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-csol-timeline\"\u003e\n    \u003cdiv class=\"soi-csol-step\"\u003e\n      \u003cdiv class=\"soi-csol-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-csol-step-content\"\u003e\n        \u003ch3\u003eAvant l'exposition\u003c\/h3\u003e\n        \u003cp\u003eAppliquez généreusement sur le visage propre et sec, 30 minutes avant l'exposition au soleil.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-csol-step\"\u003e\n      \u003cdiv class=\"soi-csol-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-csol-step-content\"\u003e\n        \u003ch3\u003eRenouvellement régulier\u003c\/h3\u003e\n        \u003cp\u003eRenouvelez l'application toutes les 2 heures, et après chaque baignade ou transpiration importante.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-csol-step\"\u003e\n      \u003cdiv class=\"soi-csol-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-csol-step-content\"\u003e\n        \u003ch3\u003eProtection toute l'année\u003c\/h3\u003e\n        \u003cp\u003eUtilisez-la toute l'année, y compris en hiver ou par temps nuageux : les UV traversent les nuages et les vitres.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-csol-section\"\u003e\n  \u003ch2\u003eUne crème solaire bio engagée pour les océans\u003c\/h2\u003e\n  \u003cp\u003eCertifiée COSMOS Organic et labellisée Ocean Respect, cette crème solaire visage est formulée avec des ingrédients biodégradables rigoureusement sélectionnés pour minimiser leur impact sur la flore marine et les récifs coralliens. Choisir Acorelle, c'est protéger votre peau et la planète en même temps.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-csol-section\"\u003e\n  \u003ch2\u003eComposition (ingrédients principaux)\u003c\/h2\u003e\n  \u003cdiv class=\"soi-csol-compo\"\u003e\n    \u003cdiv class=\"soi-csol-compo-row\"\u003e\n      \u003cspan class=\"soi-csol-compo-label\"\u003eFiltre minéral\u003c\/span\u003e\n      \u003cspan class=\"soi-csol-compo-value\"\u003eTitanium Dioxide (origine naturelle)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-csol-compo-row\"\u003e\n      \u003cspan class=\"soi-csol-compo-label\"\u003eActifs végétaux bio\u003c\/span\u003e\n      \u003cspan class=\"soi-csol-compo-value\"\u003eHuile de Karanja · Huile de Sésame · Eau florale de Rose de Damas · Amidon de Maïs\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-csol-compo-row\"\u003e\n      \u003cspan class=\"soi-csol-compo-label\"\u003eComplexe breveté\u003c\/span\u003e\n      \u003cspan class=\"soi-csol-compo-value\"\u003eApi Oléo Actif (pollen et propolis)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-csol-compo-row\"\u003e\n      \u003cspan class=\"soi-csol-compo-label\"\u003eSans\u003c\/span\u003e\n      \u003cspan class=\"soi-csol-compo-value\"\u003eParfum · Parabènes · Filtres UV chimiques de synthèse · Phénoxyéthanol\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-csol-compo-row\"\u003e\n      \u003cspan class=\"soi-csol-compo-label\"\u003eConditionnement\u003c\/span\u003e\n      \u003cspan class=\"soi-csol-compo-value\"\u003eTube 40 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-csol-compo-row\"\u003e\n      \u003cspan class=\"soi-csol-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-csol-compo-value\"\u003eCOSMOS Organic\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-csol-grid-compact\"\u003e\n    \u003cdiv class=\"soi-csol-card-mini\"\u003e\n      \u003cspan class=\"soi-csol-card-mini-icon\"\u003e☀️\u003c\/span\u003e\n      \u003cspan class=\"soi-csol-card-mini-label\"\u003eIndice\u003c\/span\u003e\n      \u003cspan class=\"soi-csol-card-mini-value\"\u003eSPF 50\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-csol-card-mini\"\u003e\n      \u003cspan class=\"soi-csol-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n      \u003cspan class=\"soi-csol-card-mini-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-csol-card-mini-value\"\u003e40 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-csol-card-mini\"\u003e\n      \u003cspan class=\"soi-csol-card-mini-icon\"\u003e💧\u003c\/span\u003e\n      \u003cspan class=\"soi-csol-card-mini-label\"\u003eRésistance\u003c\/span\u003e\n      \u003cspan class=\"soi-csol-card-mini-value\"\u003eWaterproof\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-csol-card-mini\"\u003e\n      \u003cspan class=\"soi-csol-card-mini-icon\"\u003e👶\u003c\/span\u003e\n      \u003cspan class=\"soi-csol-card-mini-label\"\u003eUsage\u003c\/span\u003e\n      \u003cspan class=\"soi-csol-card-mini-value\"\u003eDès 3 ans\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-csol-section\"\u003e\n  \u003cdiv class=\"soi-csol-accordion\"\u003e\n    \u003cdetails class=\"soi-csol-accordion-item\"\u003e\n      \u003csummary class=\"soi-csol-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n      \u003cdiv class=\"soi-csol-accordion-content\"\u003e\n        \u003cp\u003eRenouvelez fréquemment l'application pour maintenir la protection solaire, notamment après avoir transpiré, vous être baigné(e) ou essuyé(e). Évitez les expositions prolongées au soleil, même avec une protection solaire. Gardez les bébés et jeunes enfants à l'abri du soleil direct.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-csol-accordion-item\"\u003e\n      \u003csummary class=\"soi-csol-accordion-header\"\u003e🌊 Engagement Ocean Respect\u003c\/summary\u003e\n      \u003cdiv class=\"soi-csol-accordion-content\"\u003e\n        \u003cp\u003eLa formule contient des ingrédients biodégradables rigoureusement sélectionnés pour minimiser leur impact sur la flore marine et les récifs coralliens. Le label Ocean Respect atteste de cette démarche écoresponsable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-csol-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-csol-cta-box\"\u003e\n    \u003cp class=\"soi-csol-cta-tag\" style=\"color: white;\"\u003eProtégez votre peau, préservez les océans\u003c\/p\u003e\n    \u003cp class=\"soi-csol-cta-text\" style=\"color: white;\"\u003eOffrez à votre visage une haute protection solaire portée par des actifs naturels et antioxydants, une texture agréable sans trace blanche, et une formule pensée pour respecter la vie marine. Parce que se protéger du soleil ne devrait jamais se faire au détriment de la planète.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-csol-marine: #1A2D3D;\n  --soi-csol-marine-dark: #0F1E2B;\n  --soi-csol-marine-light: #2C4458;\n  --soi-csol-pomme: #A1C544;\n  --soi-csol-pomme-dark: #84A636;\n  --soi-csol-pomme-light: rgba(161,197,68,0.10);\n  --soi-csol-white: #FFFFFF;\n  --soi-csol-off-white: #F8FAF6;\n  --soi-csol-stone: #F1F3EE;\n  --soi-csol-line: #E5E8E0;\n  --soi-csol-primary: #D4A52A;\n  --soi-csol-primary-soft: #F5E6B8;\n  --soi-csol-accent: #E8B89A;\n  --soi-csol-text: #1A2D3D;\n  --soi-csol-text-soft: #4A5B6B;\n  --soi-csol-text-muted: #7B8693;\n  --soi-csol-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-csol-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-csol-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-csol-radius: 12px;\n  --soi-csol-radius-sm: 8px;\n  --soi-csol-radius-pill: 999px;\n}\n\n.soi-csol-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-csol-fiche img { max-width: 100%; height: auto; }\n\n.soi-csol-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-csol-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-csol-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-csol-hero {\n  position: relative;\n  background: var(--soi-csol-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-csol-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-csol-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-csol-primary);\n}\n\n.soi-csol-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-csol-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-csol-primary);\n  border-radius: 50%;\n}\n\n.soi-csol-hero-title {\n  display: block;\n  color: var(--soi-csol-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-csol-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-csol-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-csol-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-csol-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-csol-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-csol-label-accent {\n  background: var(--soi-csol-primary);\n  border-color: var(--soi-csol-primary);\n  color: var(--soi-csol-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-csol-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-csol-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-csol-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-csol-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-csol-pomme);\n  border-radius: 2px;\n}\n\n.soi-csol-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-csol-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-csol-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-csol-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-csol-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-csol-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-csol-benefit {\n  background: var(--soi-csol-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-csol-radius);\n  border: 1px solid var(--soi-csol-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-csol-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-csol-shadow-md);\n}\n\n.soi-csol-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-csol-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-csol-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-csol-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-csol-benefit:hover .soi-csol-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-csol-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-csol-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-csol-benefit p {\n  font-size: 13px;\n  color: var(--soi-csol-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-csol-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-csol-card {\n  background: var(--soi-csol-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-csol-radius);\n  border-left: 3px solid var(--soi-csol-pomme);\n}\n\n.soi-csol-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-csol-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-csol-card p {\n  font-size: 14px;\n  color: var(--soi-csol-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-csol-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.5rem;\n}\n\n.soi-csol-card-mini {\n  background: var(--soi-csol-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-csol-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-csol-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-csol-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-csol-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-csol-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-csol-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-csol-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-csol-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-csol-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-csol-radius);\n  border: 1px solid var(--soi-csol-line);\n  align-items: flex-start;\n}\n\n.soi-csol-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-csol-marine);\n  color: var(--soi-csol-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-csol-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-csol-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-csol-step-content p {\n  font-size: 14px;\n  color: var(--soi-csol-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-csol-compo {\n  background: var(--soi-csol-off-white);\n  border-radius: var(--soi-csol-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-csol-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-csol-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-csol-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-csol-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-csol-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-csol-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-csol-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-csol-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-csol-pomme-light);\n  border-left: 4px solid var(--soi-csol-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-csol-radius) var(--soi-csol-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-csol-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-csol-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-csol-marine);\n  margin-bottom: 4px;\n}\n\n.soi-csol-tip p {\n  font-size: 14px;\n  color: var(--soi-csol-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-csol-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-csol-accordion-item {\n  background: var(--soi-csol-off-white);\n  border-radius: var(--soi-csol-radius-sm);\n  border: 1px solid var(--soi-csol-line);\n  overflow: hidden;\n}\n\n.soi-csol-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-csol-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-csol-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-csol-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-csol-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-csol-accordion-item[open] .soi-csol-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-csol-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-csol-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-csol-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-csol-cta-box {\n  background: var(--soi-csol-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-csol-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-csol-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-csol-primary);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-csol-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-csol-primary);\n  margin-bottom: 0.75rem;\n}\n\n.soi-csol-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-csol-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-csol-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-csol-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-csol-compo-value {\n    text-align: left;\n  }\n\n  .soi-csol-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-csol-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-csol-fiche {\n    --soi-csol-text-soft: #2C3E50;\n    --soi-csol-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Acorelle","offers":[{"title":"Default Title","offer_id":61603941744970,"sku":"LL0070","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-solaire-visage-spf50-certifiee-bio-acorelle-packshot.webp?v=1779799088","url":"https:\/\/www.soinature.com\/products\/creme-solaire-visage-spf50-certifiee-bio-acorelle","provider":"Soinature","version":"1.0","type":"link"}