section:nth-child( 1 of section.s-block.s-block--banners.container){
  max-width: unset !important;
  margin:0px !important;
  padding: 0px !important;
}
section:nth-child( 1 of section.s-block.s-block--banners.container) .grid{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0px  !important;
}
section:nth-child( 1 of section.s-block.s-block--banners.container) .banner-entry:first-child {
    grid-row: span 1 / span 1 !important;
}
@media(max-width:768px){
  section:nth-child( 1 of section.s-block.s-block--banners.container) .grid{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0px  !important;
}
section:nth-child( 1 of section.s-block.s-block--banners.container) a{
  height: 85px !important;
}
}




/**** الاقسام ***/ 
.khayal-categories-slider .swiper{
  background: transparent !important;
}
.khayal-category-slide button{
  background-color: #fca49f !important;
}



.s-block--fixed-banner.wide-placeholder > .container > div{
  padding: 40px 0px !important;
}
.banner--fixed img {
    background-color: transparent !important;
}



/*** product ****/

salla-product-card .s-product-card-content button, custom-salla-product-card .s-product-card-content button {
    background-color: #fba39e !important;
}

salla-product-card .s-product-card-content button, custom-salla-product-card .s-product-card-content button:hover{
    background-color: #e26979 !important;
}




 section:nth-child( 2 of section.s-block.s-block--banners) .grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
section:nth-child( 2 of section.s-block.s-block--banners) .banner-entry:first-child {
     grid-row: span 1 / span 1 !important;
     height: 200px !important;
}
section:nth-child( 2 of section.s-block.s-block--banners) .grid a:nth-of-type(2){
    grid-row: span 3 !important;
    height: 100% !important;
}
@media(max-width:768px){
  section:nth-child( 2 of section.s-block.s-block--banners) .grid{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
section:nth-child( 2 of section.s-block.s-block--banners) .banner-entry:first-child ,
section:nth-child( 2 of section.s-block.s-block--banners) .banner-entry{
     height: 130px !important;
}
section:nth-child( 2 of section.s-block.s-block--banners) .grid a:nth-of-type(2){
    height: 410px !important;
    grid-area: 1 !important;
}
}


salla-products-slider .swiper{
  padding: 10px 0px !important;
}


@media(min-width:991px){
  [slider-id="slider-with-bg-12"] .swiper-wrapper .s-products-slider-card{
  width: 33.3% !important;
  max-width: 33.3% !important;
}
  #best-offers-12-slider .s-product-card-content {
  display: flex !important;
        flex-wrap: nowrap !important;
        flex-direction: row;
    align-items: end !important;
  }
  #best-offers-12-slider .s-product-card-content > div{
    width: fit-content !important;
  }
}


.s-product-card-content-title a:hover{
  color: #f29e99 !important;
}


.khayal-products-with-banner .container > div > div >div:nth-of-type(2){
   align-items: center !important;
    justify-content: center !important;
    display: flex !important;
}