.hnz-section {
max-width: 600px;
margin: 40px auto;
background: #ffffff;
border-radius: 20px;
padding: 32px 20px;
border: 1px solid #e0ece0;
font-family: 'Segoe UI', Arial, sans-serif;
}
.hnz-header {
text-align: center;
margin-bottom: 24px;
}
.hnz-header h2 {
font-size: 24px;
font-weight: 700;
color: #1a4a1a;
margin: 0 0 6px;
direction: rtl;
}
.hnz-header p {
font-size: 13px;
color: #6b8f6b;
margin: 0;
direction: ltr;
}
.hnz-divider {
width: 48px;
height: 3px;
background: #2d7a2d;
border-radius: 2px;
margin: 10px auto 0;
}
.hnz-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px;
}
.hnz-card {
background: #f8fdf8;
border: 1px solid #d4ecd4;
border-radius: 16px;
padding: 18px 12px;
text-align: center;
}
.hnz-icon {
width: 52px;
height: 52px;
border-radius: 50%;
background: #e1f5e1;
border: 2px solid #b8ddb8;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 10px;
}
.hnz-icon svg {
width: 24px;
height: 24px;
stroke: #1a6b1a;
fill: none;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.hnz-card h3 {
font-size: 14px;
font-weight: 700;
color: #1a4a1a;
margin: 0 0 5px;
direction: rtl;
}
.hnz-card p {
font-size: 11px;
color: #5a7a5a;
margin: 0;
line-height: 1.5;
direction: rtl;
}
.hnz-badge {
margin-top: 20px;
background: #e8f5e8;
color: #1a6b1a;
font-size: 12px;
padding: 8px 16px;
border-radius: 20px;
border: 1px solid #c2dfc2;
text-align: center;
direction: rtl;
}
@media (max-width: 400px) {
.hnz-grid { grid-template-columns: 1fr; }
}
تسكين آلام المفاصل
يخفف آلام المفاصل والظهر بفعالية
ارتخاء العضلات
يزيل التشنجات ويريح العضلات
تحسين الدورة الدموية
ينشط الدورة ويحسن التروية
مكونات طبيعية 100%
خلاصة نباتية خالصة بدون كيمياء
✓ مجرب ومعتمد — Approuvé et testé
