🌱 Vegan
🇫🇷 Fabriqué en France
✈️ Format cabine 90 ml
Crème Solaire Liquide SPF50
Huile de Karanja • Monoï & Musc • Comme Avant
Une protection minérale haute performance, naturelle à 100 %, qui sublime toutes les peaux sans effet blanc.
Crème solaire liquide SPF50 à l’huile de Karanja Monoï & Musc : la protection minérale signée Comme Avant
Vous cherchez une crème solaire visage SPF50 efficace, respectueuse de votre peau et de l’environnement ? La crème solaire liquide de Comme Avant, parfumée au Monoï & Musc, conjugue haute protection minérale et formulation naturelle. Conditionnée dans un flacon-pompe de 90 ml, elle vous accompagne aussi bien à la plage qu’en ville, et se glisse même dans votre bagage cabine.
Une protection solaire minérale SPF50 sans compromis
Une protection SPF 50 contre les UVB et un indice UVA de 23,6 pour préserver votre peau des effets nocifs du soleil.
☀️ SPF 50
Haute protection contre les UVB
🛡️ UVA 23,6
Bouclier complet anti-UV
⚪ Oxyde de zinc
Filtre minéral exclusif, sans dioxyde de titane
🚫 Sans filtre chimique
Zéro UV chimique, formule clean
💧 Texture liquide
S’applique facilement, sans fini gras
🌈 Toutes carnations
Sans effet blanc disgracieux
Une formule à deux composants assure une meilleure dispersion du zinc pour une finition invisible sur la peau.
Composition naturelle et certifiée bio
Une formule courte, transparente et 100 % d’origine naturelle, dont 42,3 % d’ingrédients issus de l’agriculture biologique.
🌰 Huile de noisette
Nourrissante et pénétrante, elle laisse la peau douce sans effet gras.
⚪ Oxyde de zinc
Filtre minéral protecteur, écran physique contre les rayons UV.
🌿 Huile de Karanja
Reconnue pour ses propriétés filtrantes naturelles, elle renforce la protection.
🌱 Émollients végétaux
Isoamyl Laurate et Caprylic/Capric Triglyceride pour une texture fondante.
🌾 Oryzanol
Poudre de riz aux propriétés antioxydantes naturelles.
🌺 Parfum Monoï & Musc
Une senteur solaire et envoûtante, signature gourmande de l’été.
Sans huile minérale, sans conservateur, sans dioxyde de titane. Ingrédients non comédogènes pour respecter tous les types de peau.
Comment appliquer votre crème solaire visage et corps ?
Agitez le flacon
Avant chaque utilisation, secouez bien pour homogénéiser la formule.
Appliquez généreusement
En couche épaisse et uniforme sur le visage et le corps, avant exposition au soleil.
Renouvelez toutes les 2 heures
Et systématiquement après chaque baignade ou transpiration importante.
Profitez en toute sécurité
Évitez le contact avec les yeux et limitez l’exposition prolongée au soleil.
Le parfum Monoï & Musc est réservé à un usage adulte. Produit déconseillé aux femmes enceintes et allaitantes. À éviter sur peau irritée ou abîmée.
Pourquoi choisir cette crème solaire SPF50 Comme Avant ?
Face aux grandes marques, Comme Avant se distingue par sa double exigence : efficacité et éthique.
🌿 Bio Cosmos Organic®
Certification reconnue
🐰 Vegan & cruelty-free
Non testé sur les animaux
🇫🇷 Fabriqué en France
Près de Marseille
✈️ Format cabine 90 ml
Voyagez l’esprit léger
Elle existe également en versions Vanille et Pêche & Abricot, pour varier les senteurs au fil des saisons.
Avis et conseils pratiques
« Les utilisateurs apprécient sa texture fluide, son parfum gourmand et l’absence de film gras sur la peau. Pour profiter pleinement de ses bienfaits, conservez le flacon à l’abri de la chaleur et utilisez-le rapidement après ouverture. »
☀️ Une protection solaire minérale haute performance, naturelle et éthique, pour profiter du soleil en toute sérénité.
Ce produit cosmétique ne remplace pas un avis médical. En cas de doute sur votre exposition au soleil ou de problème dermatologique, consultez un professionnel de santé.
:root {
–cs-cream: #f7f5f0;
–cs-white: #ffffff;
–cs-primary: #a8c8d8;
–cs-primary-dark: #4a7a92;
–cs-primary-light: #e6f0f6;
–cs-secondary: #d4a574;
–cs-accent: #f4c97a;
–cs-text: #1a1a1a;
–cs-text-light: #5a5a5a;
–cs-border: #e0e0e0;
–cs-shadow: 0 4px 24px rgba(74,122,146,.08);
–cs-shadow-lg: 0 12px 48px rgba(74,122,146,.18);
–cs-radius: 20px;
–cs-radius-sm: 12px;
}
.cs-premium {
max-width: 1200px;
margin: 0 auto;
padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);
background: var(–cs-cream);
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Helvetica, Arial, sans-serif;
color: var(–cs-text);
}
.cs-hero {
position: relative;
background: linear-gradient(135deg, #a8c8d8 0%, #88b4c8 50%, #4a7a92 100%);
border-radius: var(–cs-radius);
padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);
margin-bottom: clamp(2.5rem, 5vw, 4rem);
overflow: hidden;
box-shadow: var(–cs-shadow-lg);
}
.cs-hero-pattern {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(244,201,122,.3) 0%, transparent 40%);
opacity: .5;
}
.cs-hero-content {
position: relative;
z-index: 1;
text-align: center;
}
.cs-hero-title {
display: block;
color: white;
font-size: clamp(28px, 7vw, 52px);
font-weight: 900;
margin: 0 0 1rem 0;
letter-spacing: -.04em;
text-shadow: 0 4px 20px rgba(0,0,0,.2);
line-height: 1.1;
}
.cs-subtitle {
color: white;
font-size: clamp(15px, 2.5vw, 19px);
font-weight: 600;
margin: 0 0 1rem 0;
opacity: .95;
letter-spacing: .02em;
}
.cs-description {
color: rgba(255,255,255,.95);
font-size: clamp(14px, 2.2vw, 17px);
line-height: 1.7;
max-width: 600px;
margin: 0 auto;
font-weight: 500;
}
.cs-badges-top {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
margin-bottom: 1.5rem;
}
.cs-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
background: rgba(255,255,255,.95);
backdrop-filter: blur(10px);
border-radius: 999px;
font-size: 13px;
font-weight: 700;
color: var(–cs-primary-dark);
box-shadow: 0 2px 12px rgba(0,0,0,.1);
transition: all .3s ease;
}
.cs-badge:hover {
transform: translateY(-2px) scale(1.05);
}
.cs-section {
margin-bottom: clamp(2rem, 4vw, 3.5rem);
}
.cs-premium h2 {
font-size: clamp(22px, 5vw, 36px);
font-weight: 900;
color: var(–cs-primary-dark);
margin-bottom: clamp(1.25rem, 3vw, 2rem);
text-align: center;
letter-spacing: -.03em;
position: relative;
padding-bottom: 1rem;
line-height: 1.25;
}
.cs-premium h2::after {
content: »;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 4px;
background: linear-gradient(90deg, var(–cs-primary), var(–cs-secondary));
border-radius: 2px;
}
.cs-section-intro {
text-align: center;
font-size: clamp(15px, 2.5vw, 17px);
color: var(–cs-text-light);
margin-bottom: 1.5rem;
max-width: 700px;
margin-left: auto;
margin-right: auto;
line-height: 1.7;
}
.cs-card {
background: var(–cs-white);
border-radius: var(–cs-radius);
padding: clamp(1.25rem, 3vw, 2rem);
box-shadow: var(–cs-shadow);
border: 2px solid transparent;
transition: all .3s ease;
text-align: center;
}
.cs-card:hover {
transform: translateY(-6px);
box-shadow: var(–cs-shadow-lg);
border-color: var(–cs-primary);
}
.cs-card h3 {
font-size: clamp(15px, 2.5vw, 18px);
font-weight: 800;
color: var(–cs-primary-dark);
margin: 0 0 .5rem 0;
line-height: 1.3;
}
.cs-card p {
font-size: clamp(13px, 2vw, 15px);
color: var(–cs-text-light);
margin: 0;
line-height: 1.6;
}
.cs-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 1.25rem;
}
.cs-grid-compact {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
.cs-grid-compact .cs-card {
padding: 1rem;
}
.cs-grid-compact .cs-card h3 {
font-size: 14px;
margin-bottom: .35rem;
}
.cs-grid-compact .cs-card p {
font-size: 12px;
}
.cs-timeline {
display: flex;
flex-direction: column;
gap: 1rem;
}
.cs-timeline-item {
display: flex;
gap: 1rem;
align-items: flex-start;
}
.cs-timeline-number {
flex-shrink: 0;
width: 40px;
height: 40px;
background: linear-gradient(135deg, var(–cs-primary), var(–cs-primary-dark));
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: 16px;
}
.cs-timeline-content {
flex: 1;
background: var(–cs-white);
padding: 1rem 1.25rem;
border-radius: var(–cs-radius-sm);
box-shadow: var(–cs-shadow);
}
.cs-timeline-content h3 {
font-size: 16px;
font-weight: 700;
color: var(–cs-primary-dark);
margin: 0 0 .25rem 0;
}
.cs-timeline-content p {
font-size: 14px;
color: var(–cs-text-light);
margin: 0;
line-height: 1.5;
}
.cs-testimonial {
background: var(–cs-white);
border-radius: var(–cs-radius);
padding: clamp(1.5rem, 4vw, 2.5rem);
box-shadow: var(–cs-shadow);
border-left: 4px solid var(–cs-primary);
}
.cs-testimonial-text {
font-size: clamp(15px, 2.5vw, 17px);
color: var(–cs-text);
line-height: 1.8;
font-style: italic;
margin: 0;
}
.cs-tip {
display: flex;
gap: 1rem;
align-items: flex-start;
background: var(–cs-primary-light);
border-radius: var(–cs-radius-sm);
padding: 1rem 1.25rem;
margin-top: 1.25rem;
}
.cs-tip-icon {
font-size: 24px;
flex-shrink: 0;
}
.cs-tip p {
font-size: 14px;
color: var(–cs-text);
margin: 0;
line-height: 1.6;
}
.cs-cta-box {
background: linear-gradient(135deg, var(–cs-primary) 0%, var(–cs-primary-dark) 100%);
border-radius: var(–cs-radius);
padding: clamp(1.75rem, 4vw, 3rem);
text-align: center;
position: relative;
overflow: hidden;
}
.cs-cta-box p {
color: white;
font-size: clamp(15px, 2.5vw, 19px);
line-height: 1.7;
font-weight: 600;
text-shadow: 0 2px 12px rgba(0,0,0,.1);
margin: 0;
}
.cs-disclaimer {
font-size: 12px;
color: var(–cs-text-light);
text-align: center;
margin-top: 1rem;
font-style: italic;
}
@media (max-width: 767px) {
.cs-grid {
grid-template-columns: 1fr;
gap: 1rem;
}
.cs-card {
padding: 1.125rem;
}
.cs-section {
margin-bottom: 1.75rem;
}
.cs-hero {
padding: 2rem 1.25rem;
margin-bottom: 1.75rem;
border-radius: var(–cs-radius-sm);
}
.cs-premium h2 {
margin-bottom: 1rem;
padding-bottom: .75rem;
}
.cs-premium h2::after {
width: 40px;
height: 3px;
}
.cs-grid-compact {
gap: .625rem;
}
.cs-grid-compact .cs-card {
padding: .75rem;
}
.cs-timeline-number {
width: 32px;
height: 32px;
font-size: 14px;
}
.cs-timeline-content {
padding: .875rem 1rem;
}
.cs-timeline-content h3 {
font-size: 14px;
}
.cs-timeline-content p {
font-size: 13px;
}
.cs-testimonial {
padding: 1.25rem;
}
.cs-testimonial-text {
font-size: 14px;
}
}
@media (prefers-reduced-motion: no-preference) {
.cs-card {
animation: fadeInUp .5s ease backwards;
}
.cs-card:nth-child(1) { animation-delay: .05s; }
.cs-card:nth-child(2) { animation-delay: .1s; }
.cs-card:nth-child(3) { animation-delay: .15s; }
.cs-card:nth-child(4) { animation-delay: .2s; }
.cs-card:nth-child(5) { animation-delay: .25s; }
.cs-card:nth-child(6) { animation-delay: .3s; }
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
.cs-premium * {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
}















Avis
Il n’y a pas encore d’avis.