:root {
    --main-color: #bf9b62 ;
    --white-color: #fff;
    --brown-color: #432311;
}

body {
    background-color: white;
}

/*************** header *****************/
.navbar-brand img {
    max-height: 5rem !important;

}
div#mainnav {
    margin-top: 0;
}
#mainnav,
div.app-inner>header>div.top-navbar {
    background-color: transparent !important;
    backdrop-filter: blur(30px);
    margin-top: 3rem;
}
ul.main-menu.mm-spn--open {
    padding-top: 1rem !important;
}
.main-menu li.root-level>a {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    transition: .3s ease-in-out;

}
.main-menu li.root-level>a:hover {
    color: var(--main-color) !important;
    border-bottom: 2px solid var(--brown-color) !important;
}
.sicon-user-circle:before,
.sicon-shopping-bag:before,
#mainnav>div>div>div>div.flex>salla-cart-summary>a>p>b {
    color: rgb(0, 0, 0);
}

input.s-search-input {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px, rgb(51, 51, 51) 0px 0px 0px 1px !important;
}
/*************** end header *****************/



/*********sections**************/
div.app-inner>section:nth-child(4) {
    z-index: -1 !important;
}

div.app-inner>section:nth-child(4)>div {
    margin-top: -13rem !important;
}

div.app-inner>section:nth-child(4)>div  {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

div.app-innerl>section:nth-child(4)>div>a>img,
div.app-innerl>section:nth-child(6)>div>a>img ,
div.app-innerl>section:nth-child(8)>div>a>img ,
div.app-innerl>section:nth-child(10)>div>a>img ,
div.app-innerl>section:nth-child(12)>div>a>img {
    border-radius: 0 !important;
}

div.app-inner>section.s-block>div.s-block__title,
div.s-slider-block__title {
    display: flex;
    justify-content: center;
    color: var(--brown-color) !important;
}

div.app-inner>section>div.s-block__title>div>h2,
div.s-slider-block__title>div.s-slider-block__title-right>h2 {

    color: var(--brown-color);
    padding-bottom: 4px;
}
 div.app-inner > section:nth-child(5) > div {
            grid-template-columns: repeat(4, minmax(0, 1fr));
}


div.app-inner>section>div.s-block__title>div>h2::before,
div.app-inner>section>div.s-block__title>div>h2::after,
div.s-slider-block__title>div.s-slider-block__title-right>h2::before,
div.s-slider-block__title>div.s-slider-block__title-right>h2::after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url('https://i.postimg.cc/LXb6YsGL/coffee-bag-10770700-1.png');
    background-size: cover;
    margin: 0 8px;
}

.s-slider-block__title-left {
    display: none;
}

div.app-inner>section>div.grid>a>div {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

div.app-inner>section>div.grid>a {
    height: 300px !important;
    background-color: transparent !important;
}

.s-block--features__item .feature-icon {

    background-color: #bf9b62 ;
}

div.s-product-card-content > div.s-product-card-content-footer > salla-add-product-button > div , #product-1350699000 > div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > form > section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none > salla-add-product-button > div > salla-button > button ,
 div.main-content> form > section.sticky-product-bar > salla-add-product-button > div > salla-button > button{
    width: 100%;
    background: #bf9b62 !important;
    border-radius: 14px;
    transition: .3s ease-in-out;
}

.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover {
    color: #fff !important; 
    background-color: #331706 !important; 
    transition: 0.3s ease-in-out; 
}

.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover i {
    color: #fff !important; 
}

.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover .s-button-text span {
    color: #fff !important; 
}


div.s-product-card-content > div.s-product-card-content-footer > salla-add-product-button > div:hover {
    color: #fff !important; 
}
div.s-product-card-content > div.s-product-card-content-footer > salla-add-product-button > div > salla-button > button {
    border: none;
}
div.s-product-card-content > div.s-product-card-content-footer > salla-add-product-button > div{
  outline: none;
  color: #DAA06D;

  border: 3px dashed #DAA06D;
  background-color: #EADDCA;
  box-shadow: 0 0 0 4px #EADDCA, 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
  transition: .1s ease-in-out, .4s color;
}

div.s-product-card-content > div.s-product-card-content-footer > salla-add-product-button > div:active {
  transform: translateX(0.1em) translateY(0.1em);
  box-shadow: 0 0 0 4px #EADDCA, 1.5px 1.5px 2.5px 1.5px rgba(0, 0, 0, 0.5);
}

.s-block--features__item .feature-icon i {
   
    color: black;
}

div.s-product-card-content>div.s-product-card-content-footer>salla-add-product-button>div>salla-button>button {
    color: black !important;
}
.whatsapp-button {
     background-color: #bc9a65 !important;

}

div.app-inner.flex.flex-col.min-h-full > salla-advertisement > div {
    position: fixed  !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
}

/********* end sections**************/


/******************footer*****************/
.store-footer__inner {

    background: var(--white-color) !important;
      border-top: 1px solid var(--brown-color);
        

    border-bottom: 1px solid var(--brown-color)!important;
    color: var(--brown-color) !important
}

div.app-inner.flex.flex-col.min-h-full>footer>div.store-footer__inner>div {
    display: flex;
    justify-content: center;
}





div.app-inner.flex.flex-col.min-h-full>footer>div.store-footer__inner>div {
    margin-top: 50px;
}
a.flex.items-center.m-0 h3 {
    display: none;
}
a.flex.items-center.m-0::before {
    content: '';
    position: absolute; 
    background-image: url('https://i.postimg.cc/sxHm6NzB/image-1-2x-removebg-preview.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 150px; 
    width: 150px; 
    top: -50px; 
    right: 100px; 
}
 div.app-inner > footer > div.store-footer__inner > div > div.lg\:col-span-2> p{
    margin-top: 90px;
}

a.flex.items-center.m-0 {
    position: relative; 
}
.flex.rtl\:space-x-reverse.space-x-2.items-end {
    
    position: absolute;
    bottom: 5px;
    left: 36%;
}
 div.app-inner > footer > div.store-footer__inner > div > div.lg\:col-span-2 > div.flex > div {
    display:flex ; 
    justify-content: center;
    gap:5px;
   margin-bottom:12px;
       color: var(--main-text-color);

}
 div.app-inner > footer > div.store-footer__inner > div > div.lg\:col-span-2 > div.flex > div > p    {
     font-size: 17px !important;
     font-weight: bold;
   
 }
 
.store-footer__inner {
    background:var(--brown-color) !important;
    color: #fff !important;
}
/****************** end footer*****************/

/************* media ************/
@media (max-width: 768px) {
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(5) > div.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 > a  {
    height:200px !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(6) > div > a,
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(7) > div > a{
    height:100px !important;
    gap:0px !important;
}
 div.app-inner > section:nth-child(5) > div {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
 div.app-inner > section:nth-child(6) > div ,
 div.app-inner > section:nth-child(7) > div{
            grid-template-columns: repeat(2, minmax(0, 1fr))!important;
}


    .sicon-user-circle:before,
    .sicon-shopping-bag:before,
    #mainnav>div>div>div>div.flex>salla-cart-summary>a>p>b {
        color: black;
    }

        div.app-inner>section:nth-child(4)>div {
            margin-top: -30px !important;
        }

         div.app-inner.flex.flex-col.min-h-full>footer>div.store-footer__inner>div {
             display: grid;
             grid-template-columns: repeat(2, 1fr);
             grid-template-rows: repeat(2, 1fr);
             gap: 0 !important;
         }
    
         div.app-inner.flex.flex-col.min-h-full>footer>div.store-footer__inner>div>div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
             grid-area: 1 / 1 / 2 / 3;
         }
    
         div.app-inner.flex.flex-col.min-h-full>footer>div.store-footer__inner>div>div:nth-child(3) {
             grid-area: 2 / 2 / 3 / 3;
         }
    
    
    
         div.app-inner.flex.flex-col.min-h-full>footer>div.store-footer__inner>div>div:nth-child(2) {
             grid-area: 2 / 1 / 3 / 2;
 }
 .md\:flex.items-center.justify-between.py-4.container.text-center {
    display: flex;
    justify-content: center;
    gap: 50px;
    flex-direction: column !important;
    align-items: center;
}
.flex.rtl\:space-x-reverse.space-x-2.items-end {
    position: absolute;
    bottom: 50px;
    left: 32%;
}

 
 

}
@media (min-width: 768px) and (max-width:1024px){
.md\:flex.items-center.justify-between.py-4.container.text-center {
    display: flex;
    justify-content: center;
    gap: 50px;
    flex-direction: column !important;
    align-items: center;
}
.flex.rtl\:space-x-reverse.space-x-2.items-end {
    position: absolute;
    bottom: 50px;
    left: 38%;
}
}


@media (max-width: 480px) {
    .flex.rtl\:space-x-reverse.space-x-2.items-end {
        position: absolute;
        bottom: 50px;
        left: 20%;
    }
}

body.index .s-user-menu-trigger {
 
    background-color: #c1a58b !important;
}