:racine {
--couleur-primaire : #8B0000 ;
--couleur-secondaire : #FFB6C1 ;
--accent-color: #4B3621;
corps {
famille de polices : « Lora », serif ;
hauteur de ligne : 1,8 ;
couleur : #333;
largeur maximale : 1 200 px ;
marge : 0 auto ;
remplissage : 30 px ;
arrière-plan : #FFF9FB ;
h1, h2, h3 {
famille de polices : « Playfair Display », serif ;
couleur : var(--primary-color);
bordure inférieure : 2 px solide var(--secondary-color);
rembourrage inférieur : 12 px ;
.hero-img {
largeur : 100 % ;
hauteur : 500px ;
objet-ajustement : couverture ;
rayon de bordure : 15 px ;
marge : 40px 0 ;
boîte-ombre : 0 10px 20px rgba(0,0,0,0.1);
.grille-d'ingrédients {
affichage : grille ;
grid-template-columns : répéter(ajustement automatique, minmax(280px, 1fr));
espace : 30 px ;
marge : 50px 0 ;
.carte-ingrédient {
remplissage : 25 px ;
fond : blanc ;
rayon de la bordure : 12 px ;
transition : transformation 0,3 s ;
boîte-ombre : 0 5px 15px rgba(0,0,0,0.08);
.carte-ingrédient:hover {
transformer : translateY(-5px);
.produit-point culminant {
couleur : var(--primary-color);
poids de police : 700 ;
bordure inférieure : 2 px en pointillés var(--primary-color);
.section-témoignage {
arrière-plan : linéaire-dégradé(à droite, #FFF0F5, #FFFFFF) ;
remplissage : 40 px ;
rayon de bordure : 15 px ;
marge : 60px 0 ;
.qa-section {
arrière-plan : #FFF5F5 ;
remplissage : 35 px ;
rayon de la bordure : 12 px ;
marge supérieure : 50 px ;
.icon-svg {
largeur : 24px ;
hauteur : 24px ;
alignement vertical : milieu ;
marge droite : 8px ;
.liste de référence {
colonnes : 2 ;
espacement des colonnes : 40 px ;
marge supérieure : 30 px ;
@media (largeur maximale : 768 px) {
corps { rembourrage : 20 px ; }
.hero-img { hauteur: 300px; }
.liste-de-références { colonnes : 1 ; }
Quand les crampes surviennent : votre guide pour soulager naturellement les douleurs menstruelles

/* Nouveaux styles de section technique */
.emballage technique {
arrière-plan : #FFF0F3 ;
remplissage : 40 px ;
rayon de bordure : 15 px ;
marge : 50px 0 ;
.formule-grille {
affichage : grille ;
grille-modèle-colonnes : 1fr 1fr ;
espace : 40 px ;
marge : 30px 0 ;
.étapes de production {
réinitialisation du compteur : étape ;
marge gauche : 20px ;
.étapes de production li {
position : relative ;
marge inférieure : 25 px ;
rembourrage gauche : 45 px ;
.étapes de production li::before {
compteur-incrément : pas ;
contenu : compteur(étape) ;
position : absolue ;
gauche : 0 ;
haut : -5px ;
largeur : 30px ;
hauteur : 30px ;
arrière-plan : var(--couleur-primaire);
couleur : blanc;
rayon de bordure : 50 % ;
alignement du texte : centre ;
hauteur de ligne : 30 px ;
famille de polices : « Playfair Display » ;
@media (largeur maximale : 768 px) {
.formula-grid { grid-template-columns: 1fr; }
Formulation scientifique et processus de production
Formule à base de plantes de précision
Notre tisane contre la dysménorrhée est élaborée avec soin grâce à plus de cinq années de recherche en médecine traditionnelle chinoise, combinées à des études pharmacocinétiques modernes. Ce développement rigoureux garantit un produit non seulement agréable au palais, mais aussi efficace contre les crampes menstruelles. Le Mélange Harmonie est composé d'une combinaison synergique de plantes conçues pour cibler les causes profondes des troubles menstruels, comme la stagnation du Qi, les carences sanguines et les déséquilibres hormonaux.
