/* Add custom CSS styles below */ 



@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap');
  
  


:root{

   --color-primary:#c59a6d;
  --color-primary-reverse :#fff;
}




body{
font-family: 'Cairo', sans-serif;
  background:#ffffff;
}


@media(min-width:992px){
.navbar-brand img{
        max-height: 5rem;
  }
}



/* Start Edit Slider */
.s-slider-block__title-nav{
  display:none !important;
}
section.s-block.s-block--photos-slider{
  margin-top:0;
}
salla-slider.photos-slider .swiper-slide{
  width: 100%;
}

salla-slider.photos-slider .swiper-slide , 
salla-slider.photos-slider .swiper-slide img{
border-radius:2rem  !important;
  margin:0;
}

salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *){
  padding-left:0;
}


/* End Edit Slider */

section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type{
  margin-top:0;
  
}

section.s-block.s-block--fixed-banner.wide-placeholder .container{
  max-width:100%;
  padding-left:0;
  padding-right:0;
}
section.s-block.s-block--fixed-banner.wide-placeholder img{
border-radius:0; 
}




.top-navbar salla-contacts{
display:none;
}

.main-nav-container{
  min-height:100%;
}

.top-navbar .navbar-brand{
  margin:1rem auto;
}

.inner.bg-inherit{
border-radius: 1rem;
padding:0;
}

@media(max-width:992px){
  .inner.bg-inherit{
  padding:1rem;
  }
}








/* Start Edit Categories Section */

/******************* 1 *****************/
:nth-child(1 of section.s-block.s-block--banners.container) .grid{

grid-template-columns: repeat(4, minmax(0, 1fr));
}
.two-row .banner-entry:first-child{
        grid-row: span 1 / span 1;
}

:nth-child(1 of section.s-block.s-block--banners.container)  a.banner-entry.square-photos{
      height: 8rem;
      background-size:contain;
}
:nth-child(1 of section.s-block.s-block--banners.container) .lazy__bg{
     background-repeat: no-repeat;
    background-size: contain;
}

@media(max-width:768px){
:nth-child(1 of section.s-block.s-block--banners.container) .grid{
grid-template-columns: repeat(2, minmax(0, 1fr));

}

:nth-child(1 of section.s-block.s-block--banners.container)  a.banner-entry.square-photos{
    height: 100px;
}
}


.banner-entry{
  background:transparent;
}



/* End Edit Categories Section */

/* Start Edit Banner */
.banner--fixed img{
  background:transparent;
}
/* End Edit Banner */

/* Start Features Section */




/* Start Edit Products */
.s-slider-block__title-right{
  margin:0 auto;
}
.s-slider-block__title-right{
    position:relative;
}


.s-slider-block__title-right h2{
  color:#1e5e3c;
  font-weight:900;
  padding-left:0;
  border-bottom:1px solid #1e5e3c;
  padding-bottom:0.3rem;

}

.s-slider-block__title-right:before{
  content:"👈"
  position:absolute;
  top:50%;
  
}

.s-slider-block__title-right:after{
  content:"👉"
  position:absolute;
  top:50%;
  
}



.s-product-card-vertical{
  background:transparent;
}
/* End Edits Products */
.s-button-primary-outline{
    background-color: var(--color-primary);
    fill: var(--color-primary-reverse);
    color: var(--color-primary-reverse);
    border-radius:2px;
}


/* Start Swiper Categories */
.s-block--categories{
}

@media(min-width:992px){
.s-block--categories .swiper-slide {
  width: 33.333333%
}

.s-block--categories .swiper-slide .slide--cat-entry 
{
  border:none;
  height:16rem;
}
.s-block--categories .swiper-slide .slide--cat-entry img{
  width:15rem;
  height:15rem;
  
}
}


@media(max-width:768px){
.s-block--categories .swiper-slide {
  width: 33.333333%
}

.s-block--categories .swiper-slide .slide--cat-entry 
{
  border:none;
  height:11rem;
}
.s-block--categories .swiper-slide .slide--cat-entry img{
  width:10rem;
  height:10rem;
  
}
}

.s-block--categories .swiper-slide .slide--cat-entry h2{
  display:none;
}

/* End Swiper Categories   */
/* Start Edit Footer */
.footer-is-light .store-footer .store-footer__inner{
  background-color:#c59a6d;
  color:#fff;
}


@media(min-width:992px){

.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

:nth-child(2 of .container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 div) {
  grid-column: span 2 / span 2;
}

}