#top-bar span {
  display: inline-block;
  animation: scrollText 10s linear infinite;
  white-space: nowrap;
}

@keyframes scrollText {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

body {
  padding-top: 50px; /* لتجنب تداخل الشريط مع المحتوى */
}
#top-bar span {
  display: inline-block;
  animation: scrollText 10s linear infinite;
  white-space: nowrap;
}

#top-bar .separator {
  margin: 0 15px; /* يضيف فراغ واضح حول النجمة */
  color: black; /* لون النجمة */
  font-weight: bold;
}





































#mainnav {
    background-color: #000 !important;
}

#mainnav a {
    color: #f2e5d5 !important;
}

#mainnav a:hover {
    color: #c49c6e !important; /* لون عند تمرير الفأرة */
}

.store-footer {
    border-radius: 100px 100px 0 0; /* انحناء فقط للزوايا العلوية */
    overflow: hidden; /* لمنع المحتوى من الخروج عن الحدود */
}

.store-footer a.flex.items-center h3 {
    display: none; /* إخفاء النص */
}





.store-footer a.flex.items-center h3 {
    display: none; /* إخفاء النص */
}

.store-footer a.flex.items-center::before {
    content: "";
    display: block;
    background-image: url('https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/zvyWEO/SEJMUxosjkCbrZ8la2Y18SchCy3DXoxD1LWuHbqJ.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 100px; /* تكبير الشعار (ارتفاع) */
    width: 200px; /* تكبير الشعار (عرض) */
    margin: 0 auto;
    transform: translateX(0px); /* تحريك الشعار لليمين */
}













/* التأكد من أن الصور تغطي السلايدات بالكامل */
.s-slider-wrapper .swiper-slide img {
    width: 100%; /* عرض الصورة يغطي السلايد بالكامل */
    height: auto; /* الحفاظ على أبعاد الصورة الأصلية */
    object-fit: cover; /* ضمان تغطية الصورة للسلايد بالكامل */
}

/* إزالة أي هوامش أو فراغات حول السلايدر */
.s-slider-wrapper {
    padding: 0;
    margin: 0;
}


.s-block--photos-slider {
    margin-top: 0; /* إزالة أي فراغ علوي */
    padding-top: 0; /* إزالة أي مساحة داخلية علوية */
}

.home-slider.photos-slider {
    margin-top: 0; /* إزالة أي فراغ علوي */
    padding-top: 0; /* إزالة أي مساحة داخلية علوية */
}



.s-slider-wrapper {
    width: 100%; /* جعل السلايدر يغطي كامل العرض */
    margin: 0; /* إزالة أي هوامش */
}










/* التأكد من أن الصور تغطي السلايدات بالكامل */
.s-slider-wrapper .swiper-slide img {
    width: 100% !important; /* عرض الصورة يغطي السلايد بالكامل */
    height: auto !important; /* الحفاظ على أبعاد الصورة الأصلية */
    object-fit: cover !important; /* ضمان تغطية الصورة للسلايد بالكامل */
    margin: 0 !important; /* إزالة أي هوامش للصورة */
    padding: 0 !important; /* إزالة أي حشوات للصورة */
    border-radius: 0 !important; /* جعل الزوايا حادة */
}

/* إزالة أي هوامش أو فراغات حول السلايدر */
.s-slider-wrapper {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* التحكم في المسافات العلوية للسلايدر */
.s-block--photos-slider {
    margin-top: 0 !important; /* إزالة أي فراغ علوي */
    padding-top: 0 !important; /* إزالة أي مساحة داخلية علوية */
}

/* إزالة أي فراغ إضافي في الحاوية */
.s-slider-container {
    margin: 0 !important; /* إزالة الفراغ بين السلايدز */
    padding: 0 !important; /* إزالة المساحات الداخلية */
}

/* معالجة عرض الصور وتداخل الحدود */
.swiper-wrapper {
    display: flex !important;
    gap: 0 !important; /* إزالة الفراغ بين السلايدات */
}

.swiper-slide {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: auto !important;
}

/* معالجة العرض في نسخة الويب */
@media (min-width: 768px) {
    .s-slider-container {
        margin: 0 !important;
    }

    .swiper-slide {
        margin-right: 0 !important;
    }
}

/* إزالة أي هوامش للصفحة */
body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important; /* منع التمرير الجانبي */
}
















/* خلفية متدرجة خلف النصوص مع لون نص مخصص */
.s-block__title .right-side {
    padding-left: 0.5rem; /* مسافة بين النص والخلفية */
    background: #F2E5D5; /* خلفية متدرجة */
    border-radius: 5px; /* انحناءات لطيفة للحواف */
    padding: 5px 10px; /* مسافة داخلية للنص */
    display: inline-block; /* لضبط العرض حسب النص فقط */
    color: black; /* لون النص */
    font-weight: bold; /* جعل النص عريضًا */
}














.s-product-card-entry {
    background-color: #F2E5D5; /* لون الخلفية المطلوب */
}











/* تصميم الفاصل بين الأقسام */
.section-divider {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0; /* مسافة الفاصل بين الأقسام */
}

.section-divider img {
    width: 60%; /* تقليل الحجم الإجمالي للفاصل */
    max-width: 300px; /* أقصى عرض للفاصل */
    height: auto; /* الحفاظ على تناسب الصورة */
    margin: 0 auto; /* جعل الفاصل في المنتصف */
}




/* تقليل المساحات العلوية والسفلية للفواصل */
.section-divider {
    margin: -10px 0; /* الهامش العلوي والسفلي 5px */
}












body {
  background-color: #E7CAAA!important; /* اللون البيج الفاتح */
}