/* 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:#1c1666;
  --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(3 , 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: 9rem;
      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(3, minmax(0, 1fr));

}

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


.banner-entry{
  background:transparent;
}

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

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

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

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

}

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


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

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

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

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

}

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




/* 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 h2 , 
.s-block__title h2{
  position:relative;
  padding-left: 0;
}
[dir=rtl] .s-slider-block__title h2{
  padding-left: 0 !important;

}

.s-slider-block__title-right h2:before , 
.s-block__title h2:before{
     content: "";
    bottom: -0.4rem;
    width: 100%;
    height: 2px;
    background: #9697c6;
    position: absolute;
}
}

custom-salla-product-card{
  border:1px solid #1c1666;
  box-shadow: 5px 5px 3px #604a3c40
}

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

custom-salla-product-card .s-button-wide{
     
}

.s-product-card-content-footer{
 width: 85% !important;
}
@media(max-width:768px){

.s-product-card-content-footer{
 width: 80% !important;
}
}


custom-salla-product-card{
  position:relative !important;
}
.s-product-card-image , 
.s-product-card-image img.loaded{
  position:unset;
}

.s-product-card-vertical .s-product-card-wishlist-btn{
  top:auto;
  bottom:1.2rem;
  left:0.4rem;
  z-index:9999999999999;
     pointer-events: none;
    cursor: pointer;
}



@media(max-width:768px){
.s-product-card-vertical .s-product-card-wishlist-btn{
  bottom:0.7rem;
  left:0.1rem;
}

}
.s-product-card-vertical .s-product-card-wishlist-btn button{
  position:unset;
   pointer-events: auto;
       appearance: none;
       border:1px solid #1c1666!important;
       color:#1c1666;
           border-radius: 9px !important;
}

@media(max-width:768px){
.s-product-card-vertical .s-product-card-wishlist-btn button{
  width:32.5px;
}
.s-button-text{
  font-size:0.7rem;
}

i.text-base.sicon-shopping-bag{
  font-size:0.7rem;
}
}


/* Start Edit Footer */
.footer-is-light .store-footer .store-footer__inner{
  background-color:#ac8165 !important;
  color:#fff;
}


.store-footer__inner{
  background:#ac8165;
}


footer.store-footer{
  background:#fff !important;
}

@media(min-width:992px){
footer.store-footer .container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6{
        grid-template-columns: repeat(4, minmax(0, 1fr));
}
}

footer .md\:flex.items-center.justify-between.py-4.container.text-center{
  flex-direction: column;
}


footer.store-footer .navbar-brand{
  margin-bottom:1rem;
}

salla-add-product-button{
  width:100%;
}
salla-add-product-button .s-add-product-button-main{
  display:flex;
  flex-basis:auto;
    width:100%;
    gap:0.5rem;
}
salla-add-product-button .s-add-product-button-main salla-button{
flex-basis:50%;
}
salla-add-product-button salla-mini-checkout-widget{
flex-basis:50%;
display:flex;
}
.s-add-product-button-mini-checkout-content{
display:flex;
align-items:center;
gap:0.5rem;
}