/* Add custom CSS styles below */ 

.custom-main-normal {
    background-color:#f3f4f2
}

/************  slider **************/
section.s-block.s-block--photos-slider {
    margin-top: 0 !important;
}
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide{
    padding:0 !important;
    margin-top10px !important;
    width:100% !important;
    border-radius:0 !important;
}
[dir=rtl] section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper{
    padding:0 !important;
}

img.w-full{
    border-radius: 0px;
}

button.s-slider-next.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock , button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
    display:none;
}

/**********Section 1*********/
section.s-block.s-block--banners.container-fluid.aos-init.aos-animate:has(div[data-bg="https://cdn.salla.sa/form-builder/LRv8WOhpbF74FLMIqoe0SBvtwsxeZdexj1s8WVuO.webp"]) .grid {
  display: flex;
  flex-wrap: wrap;
row-gap:30px
}

 section.s-block.s-block--banners.container-fluid.aos-init.aos-animate:has(div[data-bg="https://cdn.salla.sa/form-builder/LRv8WOhpbF74FLMIqoe0SBvtwsxeZdexj1s8WVuO.webp"]) .banner-entry {
  flex: 1 1 calc(18% - 1rem);
  min-width: calc(18% - 1rem);
  background-color:transparent;
  height: 300px;
     background-size:contain !important;
      background-position:bottom !important;
     
}
section.s-block.s-block--banners.container-fluid.aos-init.aos-animate:has(div[data-bg="https://cdn.salla.sa/form-builder/LRv8WOhpbF74FLMIqoe0SBvtwsxeZdexj1s8WVuO.webp"]) .lazy__bg.lazy.entered.loaded {
      background-size:contain !important;
    background-repeat:no-repeat;
    background-position:bottom !important;
}
@media (max-width: 767px) {
section.s-block.s-block--banners.container-fluid.aos-init.aos-animate:has(div[data-bg="https://cdn.salla.sa/form-builder/LRv8WOhpbF74FLMIqoe0SBvtwsxeZdexj1s8WVuO.webp"]) .banner-entry {
    flex: 1 1 calc(33.333% - 1rem);
    min-width: calc(33.333% - 1rem);
    height: 140px;
  }
}



/**********Section 2*********/
section.s-block.s-block--banners.container-fluid.aos-init.aos-animate:has(div[data-bg="https://cdn.salla.sa/form-builder/lBKf14QGz1tC9m5lULCS1YVyPPZMg8EYWPNly0Rl.webp"]) .grid {
  display: flex;
  flex-wrap: wrap;
row-gap:30px
}

 section.s-block.s-block--banners.container-fluid.aos-init.aos-animate:has(div[data-bg="https://cdn.salla.sa/form-builder/lBKf14QGz1tC9m5lULCS1YVyPPZMg8EYWPNly0Rl.webp"]) .banner-entry {
  flex: 1 1 calc(18% - 1rem);
  min-width: calc(18% - 1rem);
  background-color:transparent;
  height: 300px;
     background-size:contain !important;
}
section.s-block.s-block--banners.container-fluid.aos-init.aos-animate:has(div[data-bg="https://cdn.salla.sa/form-builder/lBKf14QGz1tC9m5lULCS1YVyPPZMg8EYWPNly0Rl.webp"]) .lazy__bg.lazy.entered.loaded {
      background-size:contain !important;
      height: 300px;
      background-repeat:no-repeat;
}
@media (max-width: 767px) {
section.s-block.s-block--banners.container-fluid.aos-init.aos-animate:has(div[data-bg="https://cdn.salla.sa/form-builder/lBKf14QGz1tC9m5lULCS1YVyPPZMg8EYWPNly0Rl.webp"]) .banner-entry {
    flex: 1 1 calc(33.333% - 1rem);
    min-width: calc(33.333% - 1rem);
    height: 140px;
  }
    section.s-block.s-block--banners.container-fluid.aos-init.aos-animate:has(div[data-bg="https://cdn.salla.sa/form-builder/lBKf14QGz1tC9m5lULCS1YVyPPZMg8EYWPNly0Rl.webp"]) .lazy__bg.lazy.entered.loaded {
      background-size:contain !important;
      height: 140px;
      background-repeat:no-repeat;
}
}


img.img-desktop {
height:auto!important;
}
.s-block--list-items .items a {
      justify-content: flex-end;
}
/************  products **************/
.s-product-card-entry .s-product-card-price, .s-product-card-entry .s-product-card-sale-price h4, .s-product-card-entry .s-product-card-starting-price h4
.s-product-card-content {
  color:red !important;
}

.s-product-card-content-main {
  order: 1; /* العنوان أولاً */
}

.s-product-card-content-sub {
  order: 2; /* السعر ثانياً */
}

.s-product-card-content-footer {
  order: -3; /* الزر آخر عنصر */
}
.s-button-primary-outline{
        background-color:  var(--main-color);
    border:none;
    color:var(--white-color);
    order:-1 !important;
    position:absolute;

}
.s-button-primary-outline:hover{
     background-color: var(--main-color);

}
.s-product-card-entry {
   transform: translate(0px, 0px);
  transition: all .5s ease-in-out;
    border:1px solid var(--main-color);
      box-shadow: 1px 1px 3px 2px #ddd !important;

}

.s-product-card-entry:hover{
  transform: translate(0px, -10px);
       box-shadow: 3px 3px 5px 4px #ddd !important;
    
}

.s-product-card-content *{
    justify-content:center;
    text-align:center;
}

h4.s-product-card-price {
    color:red;
}

img.s-product-card-image-contain.lazy.loaded {
    background-color:var(--white-color);
}

button.s-slider-next.s-slider-nav-arrow:hover , button.s-slider-prev.s-slider-nav-arrow:hover{
    background-color:var(--main-color);
    border:none;
    transform: translateX(-3px)
}
button.s-slider-prev.s-slider-nav-arrow:hover{
transform: translateX(3px)
}

button.s-slider-next.s-slider-nav-arrow:hover , button.s-slider-prev.s-slider-nav-arrow:hover{
    background-color:var(--main-color);
    border:none;
    transform: translateX(-3px);
    
}
button.s-slider-prev.s-slider-nav-arrow:hover{
transform: translateX(3px)
}
a.s-slider-block__display-all {
    color:var(--main-color);
}



/************ footer **************/


.ps-footer__middle *{
    justify-content:center !important;
    align-items:center !important;
    text-align:center
}
.ps-footer--bottom {
    background-color:#172909 !important;
    color:white !important; 
    & p , a.hover\:text-primary {
        color:white !important; 
    }
}