:root {
  --primary-color: #494A2F;
  --secondary-color: #BFB791;
}

.top-navbar {
  background-color: var(--primary-color) !important;
}
#mainnav , .app-inner {
  background-color: var(--secondary-color) !important;
}

@media (min-width: 1280px) {
    .container {
        max-width: 1600px;
    }
}
.topnav-is-dark .top-navbar .s-search-input::placeholder{
  color:white
}
custom-main-menu{
    flex-grow: 1;
    display: flex
;
    justify-content: center;
}
.inner .container .flex .flex:nth-of-type(1) {
flex-grow: 1;
    justify-content: space-between;
}
.navbar-brand img{
width:100px;
border-radius:6px
}
.s-user-menu-trigger{
background-color: transparent !important
}


/* ########################*/

.app-inner section:nth-of-type(1){
  margin:0
}
.app-inner section:nth-of-type(1) .container{
   max-width:100%;
   padding:0
}
@media (min-width: 1024px) {
.app-inner section:nth-of-type(1) salla-slider.photos-slider .swiper-slide {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        padding: 0!important
    }
}
@media (min-width: 768px) {
 .app-inner section:nth-of-type(1) salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) {
         padding-left: 0 !important; 
    }
}
/* ########################*/
.app-inner section:nth-of-type(2) .banner-entry{
    height: 82px;
    background-color:transparent
}
.app-inner section:nth-of-type(2) .grid{
grid-auto-flow:column !important
}
@media(min-width:370px){
.app-inner section:nth-of-type(2) .banner-entry{
    height: 105px;
}
}
@media(min-width:992px){
.app-inner section:nth-of-type(2) .banner-entry{
   background-size: contain;
       width: 100%;
    height: 424px;
    background-color:transparent
}
}
/* ########################*/

.app-inner section:nth-of-type(3), 
.app-inner section:nth-of-type(8){
 background-color: var(--secondary-color) !important;
 padding:0;
}

.app-inner section:nth-of-type(3) .tab-trigger.is-active button , .app-inner section:nth-of-type(8) .tab-trigger.is-active button{
background-color:transparent !important;
color : #000 !important;
font-size:18px;
font-weight:700;
border:none
}
@media(min-width:992px){
.app-inner section:nth-of-type(3) .tab-trigger.is-active button , .app-inner section:nth-of-type(8) .tab-trigger.is-active button{
font-size:32px;
line-height:normal
}
}

.app-inner section:nth-of-type(3) .s-product-card-vertical , .app-inner section:nth-of-type(8) .s-product-card-vertical {
      background-color: transparent;
    border: 1px solid #AA9F7999;
}
.product-single .s-product-card-vertical{
      background-color: transparent;
    border: 1px solid #AA9F7999;

}

.app-inner section:nth-of-type(3) .s-product-card-content-title a , .app-inner section:nth-of-type(8) .s-product-card-content-title a{
font-size: 18px !important;
font-wieght: 700 !important
}
.app-inner section:nth-of-type(3) .s-product-card-price , .app-inner section:nth-of-type(8) .s-product-card-price{
font-size: 16px !important;
font-wieght: 700 !important
}
.app-inner section:nth-of-type(3) .s-button-primary-outline , .app-inner section:nth-of-type(8) .s-button-primary-outline{
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color:white !important;
  border-radius: 4px !important
}
@media (min-width: 1024px){
.app-inner section:nth-of-type(3) .s-products-list-vertical-cards , .app-inner section:nth-of-type(8) .s-products-list-vertical-cards {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
.app-inner section:nth-of-type(3) .s-products-list-vertical-cards {
gap:  8px
}
/* ########################*/

.app-inner section:nth-of-type(4) .container , 
.app-inner section:nth-of-type(9) .container{
   max-width:100%;
   padding:0
}
/* ########################*/
.app-inner section:nth-of-type(5) .s-block__title{
   display:none;
}
.app-inner section:nth-of-type(5) .s-product-card-entry {
    overflow: hidden;
    border: 1px solid #AA9F7999;
}

.app-inner section:nth-of-type(5) .s-product-card-minimal {
    padding: 8px;
    background-color: transparent;
}

.app-inner section:nth-of-type(5) .s-product-card-minimal .s-button-primary-outline{
   background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color:white !important;
  border-radius: 4px !important
}
.app-inner section:nth-of-type(5) .s-product-card-minimal .s-product-card-image{
   border-radius:6px
}
.app-inner section:nth-of-type(5) .s-product-card-minimal .s-product-card-content{
    background-color: var(--secondary-color) ;!important
}

/* ########################*/
.app-inner section:nth-of-type(7){
margin-top:20px
}
.app-inner section:nth-of-type(7) .banner-entry{
    height: 68px;
    background-color:transparent
}
.app-inner section:nth-of-type(7) .grid{
grid-auto-flow:column !important
}
@media(min-width:370px){
.app-inner section:nth-of-type(7) .banner-entry{
    height: 75px;
}
}
@media (min-width: 450px) {
    .app-inner section:nth-of-type(7) .banner-entry {
        height: 100px;
    }
}
@media(min-width:992px){
.app-inner section:nth-of-type(7) .banner-entry{
   background-size: contain;
       width: 100%;
    height: 424px;
    background-color:transparent
}
}
/* ########################*/
.app-inner section:nth-of-type(10) .s-block--features__item{
background-color: transparent !important
}

/* ########################*/

    .store-footer__inner , .store-footer{
    background-color:var(--secondary-color)!important;
    padding:0;
    margin-top:10px
    }
.store-footer__inner{
padding:40px 0;
margin:0;
border-top:1px solid #3F402C3D;
border-bottom-color: #3F402C3D !important;
}    
   .store-footer .copyright-text{
   display:none
   }
   .store-footer div:nth-of-type(2){
     flex-direction: row-reverse
   }
   /* ########################*/
.product-form section{
background-color:transparent !important
}
.s-comments-product{
background-color:transparent !important
}

.ql-direction-rtl strong{
color:var(--primary-color) !important 
}