🇫🇷 Fabriqué en France
🧴 Gel ultra-frais
Soin Hydratant Visage & Barbe
Blondépil Homme – Le confort au masculin
Barbe qui démange, tiraillements, peau sèche ? Ce gel frais, léger et non collant nourrit la peau et adoucit les poils pour un confort immédiat au quotidien.
Pourquoi choisir ce soin hydratant visage & barbe ?
💧 Hydratation profonde
Soulage efficacement les sécheresses et tiraillements de la peau sous la barbe.
🧔 Barbe adoucie
Assouplit les poils de barbe et limite les démangeaisons au quotidien.
❄️ Texture gel fraîche
Pénètre rapidement sans coller ni laisser de film gras sur la peau.
🌿 Formule naturelle
94% d’ingrédients d’origine végétale et minérale, respectueux de votre peau.
Les atouts du soin Blondépil Homme
Extraits de Citrus
Tonifie et rafraîchit la peau
Sensation énergisante dès l’application
Extraits de Cade
Purifie et apaise les irritations
Peau plus nette, barbe plus douce
Texture gel légère
Hydratation sans effet gras
Pénètre vite, parfait au quotidien
Comment appliquer le soin visage & barbe ?
Nettoyez
Lavez votre visage et barbe avec un soin doux adapté.
Prélevez
Une noisette de gel suffit pour le visage et la barbe.
Massez
Appliquez matin et/ou soir en massant délicatement, même sous la barbe.
Évitez
Le contact avec les yeux pour plus de confort.
Astuce : Pour un effet fraîcheur maximale, conservez le pot au réfrigérateur avant application !
Ingrédients & formulation
Une synergie d’extraits botaniques soigneusement sélectionnés : Citrus aux vertus tonifiantes et Cade aux propriétés purifiantes. Formule testée sous contrôle dermatologique pour une tolérance optimale.
⚠️ Précautions d’emploi
Contient parfum et conservateurs pouvant être allergènes (citral, linalool, limonene, etc.). En cas de peau très sensible, effectuez un test préalable dans le pli du coude 24h avant utilisation.
🧊 Conservation
Conserver à l’abri de la chaleur et de l’humidité. Refermer le pot après chaque utilisation. À utiliser dans les 12 mois après ouverture.
Un soin quotidien pour visage & barbe
Le soin hydratant visage & barbe Blondépil Homme transforme votre routine en un moment de confort et de fraîcheur. Hydratation, douceur et respect de la peau : votre visage reste apaisé et votre barbe agréable au toucher, jour après jour.
Testé dermatologiquement • Fabriqué en France • 100 ml
:root {
/* Couleurs principales */
–bh-cream: #f8f6f3;
–bh-white: #ffffff;
–bh-primary: #1e3a5f;
–bh-primary-dark: #152a45;
–bh-primary-light: #e8eef4;
–bh-secondary: #e63946;
–bh-accent: #4a9c2d;
/* Textes */
–bh-text: #1a1a1a;
–bh-text-light: #5a5a5a;
/* Effets */
–bh-border: #e0e0e0;
–bh-shadow: 0 4px 24px rgba(0,0,0,.08);
–bh-shadow-lg: 0 12px 48px rgba(0,0,0,.15);
–bh-radius: 20px;
–bh-radius-sm: 12px;
}
/* === CONTENEUR === */
.bh-premium {
max-width: 1200px;
margin: 0 auto;
padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);
background: var(–bh-cream);
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Helvetica, Arial, sans-serif;
}
/* === HERO === */
.bh-hero {
position: relative;
background: linear-gradient(135deg, var(–bh-primary) 0%, var(–bh-primary-dark) 50%, #0d1f33 100%);
border-radius: var(–bh-radius);
padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);
margin-bottom: clamp(2.5rem, 5vw, 4rem);
overflow: hidden;
box-shadow: var(–bh-shadow-lg);
}
.bh-hero::before,
.bh-hero::after {
content: »;
position: absolute;
top: 0;
bottom: 0;
width: 20px;
background: repeating-linear-gradient(
180deg,
var(–bh-secondary) 0,
var(–bh-secondary) 10px,
var(–bh-white) 10px,
var(–bh-white) 20px,
var(–bh-primary) 20px,
var(–bh-primary) 30px
);
}
.bh-hero::before {
left: 0;
border-radius: var(–bh-radius) 0 0 var(–bh-radius);
}
.bh-hero::after {
right: 0;
border-radius: 0 var(–bh-radius) var(–bh-radius) 0;
}
.bh-hero-pattern {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.05) 0%, transparent 50%),
radial-gradient(circle at 80% 20%, rgba(255,255,255,.05) 0%, transparent 50%);
opacity: 1;
}
.bh-hero-content {
position: relative;
z-index: 1;
text-align: center;
padding: 0 clamp(1rem, 3vw, 2rem);
}
/* === BADGES === */
.bh-badges-top {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
margin-bottom: 1.5rem;
}
.bh-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(–bh-primary-dark);
box-shadow: 0 2px 12px rgba(0,0,0,.1);
transition: all .3s ease;
}
.bh-badge:hover {
transform: translateY(-2px) scale(1.05);
}
/* === TITRE HERO === */
.bh-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,.3);
}
.bh-subtitle {
color: rgba(255,255,255,.9);
font-size: clamp(16px, 3vw, 22px);
font-weight: 600;
margin: 0 0 1rem 0;
letter-spacing: .02em;
}
.bh-description {
color: rgba(255,255,255,.85);
font-size: clamp(14px, 2.5vw, 17px);
line-height: 1.7;
max-width: 650px;
margin: 0 auto;
}
/* === SECTIONS === */
.bh-section {
margin-bottom: clamp(2rem, 4vw, 3.5rem);
}
.bh-premium h2 {
font-size: clamp(22px, 5vw, 36px);
font-weight: 900;
color: var(–bh-primary-dark);
margin-bottom: clamp(1.25rem, 3vw, 2rem);
text-align: center;
letter-spacing: -.03em;
position: relative;
padding-bottom: 1rem;
}
.bh-premium h2::after {
content: »;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 4px;
background: linear-gradient(90deg, var(–bh-secondary), var(–bh-primary));
border-radius: 2px;
}
/* === GRILLE === */
.bh-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 1.25rem;
}
/* === CARDS === */
.bh-card {
background: var(–bh-white);
border-radius: var(–bh-radius);
padding: clamp(1.25rem, 3vw, 2rem);
box-shadow: var(–bh-shadow);
border: 2px solid transparent;
transition: all .3s ease;
text-align: center;
}
.bh-card:hover {
transform: translateY(-6px);
box-shadow: var(–bh-shadow-lg);
border-color: var(–bh-primary);
}
.bh-card h3 {
font-size: clamp(15px, 2.5vw, 18px);
font-weight: 800;
color: var(–bh-primary-dark);
margin: 0 0 .5rem 0;
line-height: 1.3;
}
.bh-card p {
font-size: clamp(13px, 2vw, 15px);
color: var(–bh-text-light);
margin: 0;
line-height: 1.6;
}
/* === ATOUTS === */
.bh-atouts {
display: flex;
flex-direction: column;
gap: 1rem;
}
.bh-atout-card {
display: flex;
gap: 1.25rem;
align-items: flex-start;
background: var(–bh-white);
border-radius: var(–bh-radius);
padding: clamp(1.25rem, 3vw, 1.75rem);
box-shadow: var(–bh-shadow);
transition: all .3s ease;
}
.bh-atout-card:hover {
transform: translateX(8px);
box-shadow: var(–bh-shadow-lg);
}
.bh-atout-icon {
flex-shrink: 0;
width: 56px;
height: 56px;
background: linear-gradient(135deg, var(–bh-primary-light), var(–bh-white));
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
border: 2px solid var(–bh-primary);
}
.bh-atout-content {
flex: 1;
}
.bh-atout-content h3 {
font-size: clamp(16px, 2.5vw, 18px);
font-weight: 800;
color: var(–bh-primary-dark);
margin: 0 0 .35rem 0;
}
.bh-atout-benefit {
font-size: clamp(14px, 2vw, 15px);
color: var(–bh-text);
font-weight: 600;
margin: 0 0 .25rem 0;
}
.bh-atout-exp {
font-size: clamp(13px, 1.8vw, 14px);
color: var(–bh-text-light);
margin: 0;
font-style: italic;
}
/* === TIMELINE === */
.bh-timeline {
display: flex;
flex-direction: column;
gap: 1rem;
}
.bh-timeline-item {
display: flex;
gap: 1rem;
align-items: flex-start;
}
.bh-timeline-number {
flex-shrink: 0;
width: 44px;
height: 44px;
background: linear-gradient(135deg, var(–bh-primary), var(–bh-secondary));
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: 18px;
box-shadow: 0 4px 12px rgba(30,58,95,.3);
}
.bh-timeline-content {
flex: 1;
background: var(–bh-white);
padding: 1rem 1.25rem;
border-radius: var(–bh-radius-sm);
box-shadow: var(–bh-shadow);
}
.bh-timeline-content h3 {
font-size: 16px;
font-weight: 700;
color: var(–bh-primary-dark);
margin: 0 0 .25rem 0;
}
.bh-timeline-content p {
font-size: 14px;
color: var(–bh-text-light);
margin: 0;
line-height: 1.5;
}
/* === TIP BOX === */
.bh-tip {
display: flex;
gap: 1rem;
align-items: flex-start;
background: linear-gradient(135deg, #fff9e6, #fff5d6);
border-radius: var(–bh-radius-sm);
padding: 1rem 1.25rem;
margin-top: 1.25rem;
border-left: 4px solid #f0b429;
}
.bh-tip-icon {
font-size: 24px;
flex-shrink: 0;
}
.bh-tip p {
font-size: 14px;
color: var(–bh-text);
margin: 0;
line-height: 1.6;
}
/* === INGRÉDIENTS === */
.bh-ingredients-box {
background: var(–bh-white);
border-radius: var(–bh-radius);
padding: clamp(1.5rem, 4vw, 2rem);
box-shadow: var(–bh-shadow);
text-align: center;
margin-bottom: 1rem;
}
.bh-ingredients-header {
margin-bottom: 1rem;
}
.bh-natural-badge {
display: inline-block;
padding: 10px 24px;
background: linear-gradient(135deg, var(–bh-accent), #3d8526);
color: white;
border-radius: 999px;
font-size: 15px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .05em;
}
.bh-ingredients-text {
font-size: clamp(14px, 2.5vw, 16px);
color: var(–bh-text);
line-height: 1.7;
margin: 0;
}
/* === ACCORDÉON === */
.bh-accordion {
background: var(–bh-white);
border-radius: var(–bh-radius);
box-shadow: var(–bh-shadow);
overflow: hidden;
}
.bh-accordion-item {
border-bottom: 1px solid var(–bh-border);
margin: 0;
padding: 0;
}
.bh-accordion-item:last-child {
border-bottom: none;
}
.bh-accordion-header {
padding: 1rem 1.25rem;
font-weight: 700;
font-size: 15px;
color: var(–bh-primary-dark);
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
list-style: none;
transition: background .2s ease;
background: transparent;
border: none;
margin: 0;
}
.bh-accordion-header:hover {
background: var(–bh-primary-light);
}
.bh-accordion-header::-webkit-details-marker {
display: none;
}
.bh-accordion-header::after {
content: ‘+’;
font-size: 20px;
font-weight: 400;
color: var(–bh-primary);
transition: transform .2s ease;
}
.bh-accordion-item[open] .bh-accordion-header::after {
content: ‘−’;
}
.bh-accordion-content {
padding: 0 1.25rem 1rem;
color: var(–bh-text-light);
font-size: 14px;
line-height: 1.7;
}
.bh-accordion-content p {
margin: 0;
}
/* === CTA FINAL === */
.bh-cta-box {
background: linear-gradient(135deg, var(–bh-primary) 0%, var(–bh-primary-dark) 100%);
border-radius: var(–bh-radius);
padding: clamp(1.75rem, 4vw, 3rem);
text-align: center;
position: relative;
overflow: hidden;
}
.bh-cta-box::before,
.bh-cta-box::after {
content: »;
position: absolute;
top: 0;
bottom: 0;
width: 12px;
background: repeating-linear-gradient(
180deg,
var(–bh-secondary) 0,
var(–bh-secondary) 8px,
var(–bh-white) 8px,
var(–bh-white) 16px
);
}
.bh-cta-box::before {
left: 0;
border-radius: var(–bh-radius) 0 0 var(–bh-radius);
}
.bh-cta-box::after {
right: 0;
border-radius: 0 var(–bh-radius) var(–bh-radius) 0;
}
.bh-cta-box p {
color: white;
font-size: clamp(15px, 2.5vw, 18px);
line-height: 1.7;
font-weight: 500;
text-shadow: 0 2px 12px rgba(0,0,0,.1);
margin: 0;
position: relative;
z-index: 1;
}
/* === DISCLAIMER === */
.bh-disclaimer {
font-size: 12px;
color: var(–bh-text-light);
text-align: center;
margin-top: 1rem;
font-style: italic;
}
/* === RESPONSIVE MOBILE === */
@media (max-width: 767px) {
.bh-grid {
grid-template-columns: 1fr;
gap: 1rem;
}
.bh-card {
padding: 1.125rem;
}
.bh-section {
margin-bottom: 1.75rem;
}
.bh-hero {
padding: 2rem 1.25rem;
margin-bottom: 1.75rem;
border-radius: var(–bh-radius-sm);
}
.bh-hero::before,
.bh-hero::after {
width: 12px;
}
.bh-hero-content {
padding: 0 .5rem;
}
.bh-premium h2 {
margin-bottom: 1rem;
padding-bottom: .75rem;
}
.bh-premium h2::after {
width: 40px;
height: 3px;
}
/* Atouts mobile */
.bh-atout-card {
padding: 1rem;
gap: 1rem;
}
.bh-atout-icon {
width: 48px;
height: 48px;
font-size: 24px;
border-radius: 12px;
}
/* Timeline mobile */
.bh-timeline-number {
width: 36px;
height: 36px;
font-size: 15px;
}
.bh-timeline-content {
padding: .875rem 1rem;
}
.bh-timeline-content h3 {
font-size: 14px;
}
.bh-timeline-content p {
font-size: 13px;
}
/* Accordéon mobile */
.bh-accordion-header {
padding: .875rem 1rem;
font-size: 14px;
}
.bh-accordion-content {
padding: 0 1rem .875rem;
font-size: 13px;
}
/* CTA mobile */
.bh-cta-box::before,
.bh-cta-box::after {
width: 8px;
}
/* Badges mobile */
.bh-badges-top {
gap: 6px;
}
.bh-badge {
padding: 6px 12px;
font-size: 11px;
}
}
/* === ANIMATIONS === */
@media (prefers-reduced-motion: no-preference) {
.bh-card {
animation: fadeInUp .5s ease backwards;
}
.bh-card:nth-child(1) { animation-delay: .05s; }
.bh-card:nth-child(2) { animation-delay: .1s; }
.bh-card:nth-child(3) { animation-delay: .15s; }
.bh-card:nth-child(4) { animation-delay: .2s; }
.bh-atout-card {
animation: fadeInLeft .5s ease backwards;
}
.bh-atout-card:nth-child(1) { animation-delay: .05s; }
.bh-atout-card:nth-child(2) { animation-delay: .1s; }
.bh-atout-card:nth-child(3) { animation-delay: .15s; }
.bh-timeline-item {
animation: fadeInUp .5s ease backwards;
}
.bh-timeline-item:nth-child(1) { animation-delay: .05s; }
.bh-timeline-item:nth-child(2) { animation-delay: .1s; }
.bh-timeline-item:nth-child(3) { animation-delay: .15s; }
.bh-timeline-item:nth-child(4) { animation-delay: .2s; }
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInLeft {
from { opacity: 0; transform: translateX(-20px); }
to { opacity: 1; transform: translateX(0); }
}
/* === ACCESSIBILITÉ === */
@media (prefers-reduced-motion: reduce) {
.bh-premium * {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
}
| 品牌 | Blondépil |
|---|
Soyez le premier à laisser votre avis sur “Soin hydratant Visage & Barbe Blondépil Homme – 94% naturel (100 ml)”
Produits similaires
Hot Sale
Hot Sale
Hot Sale
Avis
Il n’y a pas encore d’avis.