Set nước hoa sen

<style>
.section-ingredients {
padding: 60px 20px;
background: #f9f9f9;
font-family: Arial, sans-serif;
}

.section-ingredients h2 {
font-size: 32px;
margin-bottom: 10px;
color: #222;
}

.section-ingredients p.sub {
color: #777;
margin-bottom: 40px;
}

.ingredients-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
}

.ingredient-box {
background: #fff;
border-radius: 20px;
padding: 30px 20px;
text-align: center;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
transition: 0.3s;
}

.ingredient-box:hover {
transform: translateY(-5px);
}

.icon {
width: 60px;
height: 60px;
margin: 0 auto 15px;
background: #f3f3f3;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
color: #ff4d7e;
}

.ingredient-box h4 {
margin: 10px 0;
font-size: 18px;
color: #222;
}

.ingredient-box p {
font-size: 14px;
color: #777;
line-height: 1.5;
}

/* Responsive */
@media (max-width: 768px) {
.ingredients-grid {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 480px) {
.ingredients-grid {
grid-template-columns: 1fr;
}
}
</style>

<div class=”section-ingredients”>
<h2>Thành phần tinh túy</h2>
<p class=”sub”>Nguyên liệu chọn lọc từ những nguồn cung tốt nhất thế giới.</p>

<div class=”ingredients-grid”>

<div class=”ingredient-box”>
<div class=”icon”>🌸</div>
<h4>Hoa Sen Đồng Tháp</h4>
<p>Giúp cải thiện sắc tố và nuôi dưỡng môi hồng tự nhiên.</p>
</div>

<div class=”ingredient-box”>
<div class=”icon”>💧</div>
<h4>Olive Squalene</h4>
<p>Dưỡng chất dưỡng ẩm thẩm thấu nhanh, không gây nhờn dính.</p>
</div>

<div class=”ingredient-box”>
<div class=”icon”>🛡️</div>
<h4>EctoinOil</h4>
<p>Bảo vệ đôi môi khỏi tác hại từ môi trường và bụi bẩn.</p>
</div>

<div class=”ingredient-box”>
<div class=”icon”>❤️</div>
<h4>Sáp dưỡng thiên nhiên</h4>
<p>Khóa ẩm 24h, giúp môi luôn căng mọng và không bong tróc.</p>
</div>

</div>
</div>