/* Add custom CSS styles below */ 
/* الكلاس الذي قمت بتعيينه للمكون */
/* ضبط قسم مميزات المتجر ليكون بالكامل داخل حدود الشاشة */
/* ضبط الحاوية الأساسية للمميزات في ثيم رونق */
.custom-features-grid, 
.custom-features-grid .s-store-features-wrapper {
    display: flex !important;
    flex-wrap: wrap !important; /* السماح للعناصر بالنزول لسطر جديد بدلاً من الاختفاء */
    justify-content: center !important; /* تجميع العناصر في المنتصف */
    gap: 20px !important; /* المسافة بين كل ميزة والأخرى */
    overflow: visible !important; /* منع إخفاء أي جزء */
    width: 100% !important;
}

/* ضبط العناصر الداخلية للمميزات لتظهر بالكامل */
.custom-features-grid .s-store-features-item {
    flex: 1 1 280px !important; /* توزيع مرن يعرض الميزة كاملة ويجعلها تتكيف مع الجوال والكمبيوتر */
    max-width: 100% !important;
}
/* تغيير لون الوصف والنصوص في تذييل الصفحة (الفوتر) إلى الأبيض */
footer p, 
.footer p, 
.store-footer p {
    color: #ffffff !important;
}