.s-block.s-block--banners.container .md\:grid-cols-3{grid-template-columns:repeat(5,minmax(0,1fr))}.s-block.s-block--banners.container .lazy__bg{background-size:100%;opacity:1;background-repeat:no-repeat}.s-block.s-block--banners.container .sm\:gap-8{gap:.5rem;gap:.2rem}.s-block.s-block--banners.container .banner-entry{height:160px;background-color:#fff}@media (max-width:767px){.s-block.s-block--banners.container .banner-entry{height:70px}}@media (max-width:1024px){.s-block.s-block--banners.container .banner-entry{height:100px}}@media (max-width:500px){.s-block.s-block--banners.container .banner-entry{height:60px}}.s-block.s-block--banners.container .two-row .banner-entry:first-child{grid-column:span 1/span 1;grid-row:span 1/span 1}



.قائمة-العناصر {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}
/* تحميل الصفحة - شعار المتجر */
body:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 999999;
    background: rgba(255, 255, 255, 0.5) url('https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/rPDqd/tL8MKX1OFN71VwtWgdTpOofUEsXVdjZRZS0q4mao.png') no-repeat center;
    background-size: 360px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    animation: fade-in 2.5s forwards;
    border: none;
}

/* تأثير الانتقال التدريجي */
@keyframes fade-in {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    75% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0.1);
    }
}

/* متغيرات الألوان والشعار */
:root {
    --header: rgba(255, 255, 255, 0.5);
}

.navbar-brand img {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}
/* تصميم زر واتساب الثابت */
#whatsapp-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99999;
    width: 50px; /* تقليص حجم الزر */
    height: 50px; /* تقليص حجم الزر */
    background: #25D366;
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    animation: pop-up 1s ease-in-out;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#whatsapp-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

#whatsapp-btn img {
    width: 30px; /* تصغير الأيقونة */
    height: 30px; /* تصغير الأيقونة */
}

/* تأثير الظهور */
@keyframes pop-up {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}