/* Add custom CSS styles below */
.main-nav-container, .top-navbar {
  background-color: #6f0c0f !important;
  color: #ffffff !important;
}
.top-navbar {
  border-bottom: 1px solid rgb(111 12 15) !important;
}
body.index .app-inner {
  background-color: #eee9ed !important;
}
body.index header.store-header + section.s-block.s-block--fixed-banner {
  margin-top:0 !important;
}
body.index salla-slider.photos-slider .swiper {
  padding-bottom: 0 !important;
}
[dir=rtl] .carousel-slider .swiper {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
section.s-block.s-block--photos-slider {
  margin-top:0 !important;
}
section.s-block.s-block--photos-slider img {
  border-radius: 0 !important;
}
section.s-block.s-block--photos-slider .swiper-slide {
  margin: 0 !important;
  padding:0 !important; 
  width: 100% !important;
  border-radius: 0 !important;
}

/* Product */
custom-salla-product-card {
  border:1px solid #71080d !important;
  box-shadow: 0 0 5px 0px #68686894 !important;
}
.s-products-slider-card {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.s-slider-block__title h2 {
  color: #2a2a2a !important;
}
.s-product-card-image {
  background-color:transparent !important;
}
.s-slider-nav-arrow {
  border-color: #71080d !important;
  background-color: #71080d !important;
}
.s-slider-nav-arrow svg, .s-slider-nav-arrow:not(:disabled):hover svg {
  fill: #ffffff !important;
}
/* End product */
.s-button-primary-outline {
  background-color: #71080d !important;
  color: #fff !important;
}
.product-card__buttons>div button i {
  color: #fff !important;
}

section.s-block.s-block--fixed-banner.fixed-banner--4, section.s-block.s-block--fixed-banner.fixed-banner--5 {
  margin-top:0 !important;
}


/* بنر عريض */
section.s-block.s-block--fixed-banner .container{
  max-width:100% !important;
  padding:0  !important;
  margin:0 !important;
}


.banner--fixed img {
  border-radius:0 !important;
  background-color: transparent !important;
}

/*** FLEX ***/
section.s-block.s-block--banners.container div.grid {
  display:flex !important;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}
section.s-block.s-block--banners.container div.grid a.banner-entry {
  width: 23%;
  background-color: transparent !important;
  height:345px !important;
}
@media(max-width:767px) {
  section.s-block.s-block--banners.container div.grid a.banner-entry {
    width: 48%;
    height: 220px !important;
  }
}
.banner-entry > div {
  background-size:contain !important;
  background-repeat: no-repeat;
}
/*section.s-block.s-block--banners.container .two-row .banner-entry:first-child {
  padding:unset !important;
}*/

ul.main-menu li[id='1453839016'] > a > span {
  color: #fff;
  background-color: #f87171;
  padding: 0.5rem 0.5rem 0.7rem;
  border-radius: 0.2rem;
}

@media(max-width:1024px) {
 ul.main-menu li[id='"1453839016"'] a {
    color: #fff !important;
    background-color: #f87171 !important;
  }
}

.footer-is-custom .store-footer, .footer-is-custom .store-footer .store-footer__curve, .footer-is-custom .store-footer .store-footer__inner, .footer-is-custom .store-footer .store-footer__contacts-row, .footer-is-custom .store-footer .store-footer__newsletter {
  background-color: #71080d !important;
  color: #fff !important;
}
.store-footer .store-footer__curve path {
  fill: #71080d !important;
}