/* Add custom CSS styles below */ 
body{
  background-color:#fff8f3;
}

.s-block.s-block--fixed-banner:first-of-type {
  margin-top: unset !important;
}

.s-block.s-block--fixed-banner img {
  border-radius: 0px;
}
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container{
max-width: unset;
background-image:url('https://cdn.salla.sa/form-builder/x9nbG3cDY329b5ELTCKacdGJFVCNN4wr1Lr5gnts.png');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height:800px;
display:flex;
align-items:end;
justify-content: center;

}
@media(max-width:768px){
.s-product-card-content {
    padding: 0;
}

  section.s-block.s-block--banners.container > div{
    transform: translateY(37%)!important;
    width:100% !important;
  }
  #best-offers-1-slider{
    margin-top:4rem !important;
  
  }
  section.s-block.s-block--banners.container{
    height:200px !important;
    background-size: contain !important;

  }
  .s-block--banners .two-row .banner-entry {
    height: 150px !important;
  }

}
section.s-block.s-block--banners.container > div{
  transform: translateY(45%);
}
#best-offers-1-slider{
  margin-top:10rem;

}

.s-block.s-block--fixed-banner:first-of-type .container,  section:nth-child(7) > div, section:nth-child(6) > div {
  max-width: unset;
  padding: 0px;
}

.s-block.s-block--fixed-banner img , .square-photos{
  background-color:transparent;
} 


.s-block--banners .two-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .s-block--banners .two-row {
    grid-template-columns: repeat(4, minmax(0, 1fr)); /* small screens */
  }
}

@media (min-width: 768px) {
  .s-block--banners .two-row {
    grid-template-columns: repeat(4, minmax(0, 1fr)); /* medium screens */
  }
}

@media (min-width: 1024px) {
  .s-block--banners .two-row {
    grid-template-columns: repeat(4, minmax(0, 1fr)); /* large screens */
  }
}

.s-block--banners .two-row .banner-entry {
  height: 330px ;
}

.two-row .banner-entry:first-child {
  grid-column: unset;
  grid-row: unset;
}

#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container > div{
width:80%;
}
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container{
  margin-top:0 !important;
  
}
.s-product-card-vertical {
  box-shadow: 0px 0px 9px 0px #adadad;
  padding: 8px;
}
.s-products-slider-slider .swiper-wrapper{
  padding:10px 0px ;
}
.s-product-card-content-sub {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color:#D9A299;
}

div.s-product-card-content > div.s-product-card-content-footer.gap-2 > salla-add-product-button > div > salla-button > button {
  background: #D9A299;
}

div.s-product-card-content > div.s-product-card-content-footer.gap-2 > salla-add-product-button > div > salla-button > button > span > span,
div.s-product-card-content > div.s-product-card-content-footer.gap-2 > salla-add-product-button > div > salla-button > button > span > i {
  color: #fff;
}


.s-button-outline {
  border: none;
}

.s-button-btn, .s-price-range-number-input{
  border-radius:4px;
}

.store-footer__inner{
  background-color:#D9A299 !important;
  color:#fff;
}
/* تغيير لون روابط الأقسام */
.header-nav a, 
.navbar a, 
ul li a {
    color: #d19a9a !important; /* بينك */
}

/* تغيير اللون عند المرور بالماوس */
.header-nav a:hover, 
.navbar a:hover, 
ul li a:hover {
    color: #b87c7c !important;
}

/* تغيير لون اللوجو النصي */
.logo, 
.logo a, 
.site-logo {
    color: #d19a9a !important; /* بينك */
    fill: #d19a9a !important;  /* لو اللوجو SVG */
}