@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 #9C6D5D; /* إطار باللون الجديد */
    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 3