@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; /* ارتفاع السطر لتحسين القراءة */
}



@media only screen and (max-width: 1024px){
:is([dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main):after {
    color: #0e748a;
    }
      }
.mm-spn, .mm-spn a, .mm-spn li, .mm-spn span, .mm-spn ul {
    color: #0e748a;
    }
    
    
    

body::before {
    content: " ";
    background-color: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    z-index: 9998;
    opacity: 0;
    animation: intro 2s;
}

body:after {
    z-index: 9999;
    position: fixed;
    content: "";
    background-image: url('https://alkifahic.com/wp-content/uploads/2025/10/logo4.png') !important;
    background-position: center;
    background-size: 100px;
    background-repeat: no-repeat;
    width: 0px;
    transform: translate(50px, -50px) scale(2) rotateY(0deg); /* Y-axis rotation */
    height: 100px;
    right: 50%;
    top: 50%;
    opacity: 0;
    visibility: visible !important;
    background-color: transparent !important;
    animation: intro_logo 2.5s;
}

@keyframes intro {
    0% {
        width: 100%;
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }
    99% {
        width: 100%;
    }

    100% {
        width: 0;
        opacity: 0;
        display: none;
    }
}

@keyframes intro_logo {
    0% {
        width: 100px;
        opacity: 0.8;
        transform: translate(50px, -50px) scale(2) rotateY(0deg); /* Initial Y-axis rotation */
    }

    50% {
        opacity: 0.9;
    }

    70% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }
    99% {
        width: 100px;
    }

    100% {
        width: 0;
        opacity: 0;
        display: none;
        transform: translate(50px, -50px) scale(2) rotateY(360deg); /* Y-axis rotation */
    }
}