/* 1. إجبار الحاوية الرئيسية على عرض العناصر أفقياً */
.s-block-features .s-block__content {
    display: flex !important;
    flex-direction: row !important; /* ترتيب أفقي */
    flex-wrap: nowrap !important; /* منع النزول لسطر جديد */
    align-items: stretch !important;
    gap: 8px !important; /* مسافة بسيطة بين المربعات */
    padding: 10px 0 !important;
}

/* 2. إلغاء أي خصائص تجعل العنصر الأول كبيراً */
.s-block-features .s-block__content > div,
.s-block-features .feature-item {
    flex: 1 !important; /* توزيع المساحة بالتساوي 33% لكل عنصر */
    width: 33.33% !important; 
    max-width: 33.33% !important;
    margin: 0 !important;
    padding: 10px 5px !important; /* تصغير الحواف الداخلية */
    min-height: auto !important;
}

/* 3. تصغير حجم الأيقونات والنصوص لتناسب المساحة الجديدة */
.s-block-features .feature-item__icon {
    width: 35px !important;
    height: 35px !important;
    margin: 0 auto 8px !important;
}

.s-block-features .feature-item__title {
    font-size: 12px !important;
    font-weight: bold !important;
    margin-bottom: 4px !important;
}

.s-block-features .feature-item__description {
    font-size: 10px !important;
    line-height: 1.3 !important;
}

/* 4. تنسيق خاص للجوال لضمان عدم تداخلهم */
@media (max-width: 768px) {
    .s-block-features .s-block__content {
        gap: 5px !important;
    }
    .s-block-features .feature-item__title {
        font-size: 11px !important;
    }
}