@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400&display=swap');

body {
    background-color: #f0f0f0;
    font-family: 'Almarai', sans-serif; /* استخدام خط Almarai */
    font-size: 0.9rem; /* حجم الخط الأساسي */
}

h2 {
    color: #333; /* استخدام لون داكن قليلاً للنص */
    margin-bottom: 10px; /* إضافة مسافة تحت العنوان */
    font-size: 1.2rem; /* حجم الخط للعناوين */
}


.s-banner {
    border: 10px solid rgba(0,0,0); /* إطار باللون الأحمر */
    border-radius: 15px; /* زوايا مدورة */
    padding: 0px; /* مسافة داخلية */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* ظل خفيف */
    transition: transform 0.3s; /* تأثير التحويل عند التمرير */
}

.s-banner:hover {
    transform: scale(1.05); /* تكبير خفيف عند التمرير */
}



.s-product-card-entry {
    background: rgba(255, 255, 255); /* خلفية بيضاء مع شفافية */
    border-radius: 15px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.0);
    backdrop-filter: blur(8.5px);
    -webkit-backdrop-filter: blur(8.5px);
    border: 2px solid rgba(176, 58, 46); /* إطار باللون الأحمر */
    padding: 15px; /* إضافة padding للبطاقة */
    transition: transform 0.3s; /* تأثير التحويل عند التمرير */
}

.s-product-card-entry:hover {
    transform: translateY(5px);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3); /* رفع البطاقة قليلاً عند التمرير */
}

.s-product-card-content {
    color: #333; /* لون النص */
    font-size: 0.9rem; /* حجم خط المحتوى */
}

.s-product-card-content-title a {
    color: #000; /* لون الروابط */
    text-decoration: none; /* إزالة التسطير من الروابط */
}

.s-product-card-content-title a:hover {
    text-decoration: underline; /* إضافة تسطير عند التمرير */
}

.s-block--features__item h2 {
    color: #000000; /* لون العنوان في ميزات */
    font-size: 1rem; /* حجم خط العنوان في الميزات */
}

.s-block--features__item p {
    color: #000; /* لون النص في ميزات */
    font-size: 0.8rem; /* حجم الخط */
    line-height: 1.5; /* ارتفاع السطر لتحسين القراءة */
}