/* Add custom CSS styles below */ 
.s-product-card-promotion-title {
    --tw-bg-opacity: 1;
    background-color: rgb(215 57 57);
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}

/* بداية الاكواد الجديده */
/* تنسيقات البنرات العريضة  */
.s-block--fixed-banner{
    margin-top:15px !important;
}

.s-block--fixed-banner .container{
    max-width:100% !important;
    padding-right:0 !important;
    padding-left:0 !important;
}

.s-block--fixed-banner .banner{
    display:block;
}

.s-block--fixed-banner img{
    display:block;
    width:100%;
    height:auto;
  border-radius: 0px !important;
}
.s-slider-block__title-right > h2{
  font-size: 30px;
}
/* تنسيقات بطاقات المنتجات */
custom-salla-product-card.s-product-card-vertical{
    border: 2px solid var(--color-primary);
    border-radius: 12px !important;
      overflow: hidden;

}
.s-product-card-promotion-title{
  background-color:#c78a8f !important;
  top:-4px;
}
.s-product-card-content{
  padding:9px;
}
.s-product-card-content-sub{
  margin-bottom: 5px;
}
.s-button-btn, .s-price-range-number-input{
  padding: 5px;
}

.carousel-slider .swiper-wrapper>div, salla-slider[type]:not(.hydrated) .swiper>div>div>div, salla-slider[type]:not(.hydrated)>div>div{
  padding-right: 0px !important;
    padding-left: 0px !important;

}


/* شاشات كبيرة: 5 بطاقات */
@media (min-width: 1200px){
    .s-products-slider-card.swiper-slide{
        width: calc((100% - 32px) / 5) !important;
        margin-left: 8px !important;
    }
}

/* لابتوب: 4 بطاقات */
@media (min-width: 992px) and (max-width:1199px){
    .s-products-slider-card.swiper-slide{
        width: calc((100% - 24px) / 4) !important;
        margin-left: 8px !important;
    }
}

/* تابلت: 3 بطاقات */
@media (min-width:768px) and (max-width:991px){
    .s-products-slider-card.swiper-slide{
        width: calc((100% - 16px) / 3) !important;
        margin-left: 8px !important;
    }
}

/* جوال: بطاقتان */
@media (max-width:767px){
    .s-products-slider-card.swiper-slide{
        width: calc((100% - 8px) / 2) !important;
        margin-left: 8px !important;
    }
}

/* إزالة الفراغات الكبيرة من الحواف */
.s-slider-swiper-wrapper{
    padding: 0 6px !important;
}

body,
main,
.main-content,
.s-block{
    background: #fbfbf3;
}
.s-product-card-content{
  background: #fbfbf3;
}

div#mainnav.main-nav-container {
background: #fbfbf3;
  border-top:1px solid ;
}
.store-footer__inner{
  background: #fff !important;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #fff;
}

::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 20px;
    border: 2px solid #fff;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #000, #000);
}

.flex.gap-4{
gap: 80px !important;
}
.s-block--features__item{
  background: transparent;
}
.s-block--features__item:hover {
    box-shadow: none !important;
}
.s-block--features__item>.feature-icon{
  background: transparent;
}
.s-block--features__item>.feature-icon>i{
  color: #000;
  font-size: 50px;
}

div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl[dir="rtl"]{
  padding-left: 19px !important;
}
.sicon-shopping-bag:before{
      content: "\e96b";
}