/* تنسيق الصورة التي تحتوي على مميزات المنتجات */
.product-features-image {
    max-width: 100%; /* لضمان أن الصورة تتناسب مع عرض الصفحة */
    height: auto; /* المحافظة على نسبة الأبعاد الأصلية للصورة */
    display: block; /* لإزالة الفراغات الزائدة حول الصورة */
    margin: 20px auto; /* إضافة مسافة من الأعلى والأسفل */
    border-radius: 8px; /* إضافة حواف دائرية للصورة */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* إضافة ظل بسيط للصورة */
}

.media-wrapper {
  cursor: pointer; /* لتغيير شكل المؤشر إلى يد عند التمرير على العنصر */
  display: block;   /* تأكد من أن العنصر يظهر ككتلة قابلة للنقر */
}