/* Add custom CSS styles below */ 
div[id="stickymain"] {
  background-color: #fff !important;
}
#main-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
#main-content > #s-block--fixed-banner-0{
        margin: 0 0 4rem  0 !important;
}

#main-content #s-block--fixed-banner-0 .container,
#main-content #s-block--fixed-banner-4 .container,
#main-content #s-block--fixed-banner-8 .container
{
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
}

#main-content #s-block--fixed-banner-0 .container img,
#main-content #s-block--fixed-banner-4 .container img,
#main-content #s-block--fixed-banner-8 .container img

{
    border-radius:0 !important;
    width:100% !important;
}

#enhanced-products-slide-5 .slider-wrap  {
  padding-bottom: 1rem;
}

/* product card */
.s-product-card-image-contain{
      object-fit: inherit !important;
}
/*convert to flex */
#main-content > #s-block--banners-1 .grid
{
  display:flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap:wrap !important;
}
  #main-content #s-block--banners-1 .grid .banner-entry a {
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }
  #main-content #s-block--banners-1 .grid .banner-entry
 {
     width: 15% !important;
   height: 240px !important;
   
}

@media (max-width:768px){
  #main-content #s-block--banners-1 .grid .banner-entry
 {
        width: 31% !important;
        height: 150px !important;
}
}
@media (min-width:770px) and (max-width:992px){
  #main-content  #s-block--banners-1 .grid .banner-entry
 {
        width: 25% !important;
        height: 242px !important;
}
}
/* section width products */
#slider-with-bg-6 .lazy__bg{
    /* height: 727px !important; */
}
#slider-with-bg-6{
    /* width:80% !important; */
    margin:20px auto !important; 
  padding: 50px 0 !important;
}
/* slider */
/* .s-slider-container {
  height: 818px !important;
} */
#main-carousel-2 {
    overflow: hidden !important; /* يمنع السلايدر من الخروج عن حدود الصفحة */
    width: 100% !important;
}

/* #main-carousel-2 .container {
    max-width: 100% !important; /* لضمان عدم وجود مساحة بيضاء في الموبايل */
    padding: 0 15px !important;
    margin: 20px auto !important;
} */
#main-carousel-2 a {
      background-size: contain !important;
    background-repeat: no-repeat !important;
}
#main-carousel-2 .swiper-slide, #main-carousel-2 .side-slide  {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    padding: 0 !important;
}



/* background color */
.banner--fixed img, .banner-entry {
   background-color: transparent !important;
}

#main-content .s-block--fixed-banner .container img  {
    background-color: transparent !important;
}
/* buttons bg */
custom-salla-product-card .s-product-card-content button{
  background:#E66E26 !important;
  color:white !important;
}
.s-product-card-wishlist-btn span,
.s-product-card-price{
  color:#E66E26 !important;
}

.s-block--features__item{
background: #EEB2764D !important;
}
.s-block--features__item .feature-icon{
   /* background-color:#74B77E  !important; */
}
.s-block--features__item p{
   color:#3E3E3E !important; 
}
.wa-s-n {
  bottom: 90px !important;
}

custom-salla-product-card {
  border:1px solid #E37C2C !important;
  box-shadow: 0 0 5px 0px #68686894 !important;
}
.slider-title-center salla-slider .swiper .s-products-slider-card.swiper-slide {
    margin-bottom: .75rem !important;
}

/* footer */
.store-footer{
  background-color: #E07C28 !important;
}
.store-footer__inner,
.footer-bottom{
    background-color: #E07C28;
}
.store-footer__inner + div{
    background-color: #E07C28 !important;
}
.store-footer__inner + div .copyright-text p{
  color:#FFFFFF !important;
}
@media (max-width:768px){
.store-footer__inner .container *{
  justify-content: center;
  text-align: center !important;
}
}

@media (min-width: 1024px) {
  section[id="main-carousel-2"] .lg\:grid-cols-3 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }
  section[id="main-carousel-2"] .lg\:grid-cols-3 .lg\:row-span-2 {
      grid-row: 1 / 3 !important;
      grid-column: 1 / 2 !important;
  }
  #main-carousel-2 a:nth-child(1) {
      grid-row: 2 / 3;
      grid-column: 2 / 3;
  }
  #main-carousel-2 a:nth-child(1) + a {
      grid-row: 1 / 2;
      grid-column: 2 / 3;
  } 
}