body {
  background-color: #fff;
}

.navbar-brand img {
    max-height: 5rem !important;
    max-width: 100px;
    width: auto;
}

.top-navbar{
  background-color:#F6EDE4  !important;
}


.s-search-container {
  background-color: #5B4F47 !important;
  padding: 0 !important;
  border-radius: 24px !important;

}

.s-search-input-wrapper {


  background-color: #7A6E65 !important;
  border: 1px solid #8C7F76 !important;
  border-radius: 18px !important;
  padding: 4px 12px !important;
  transition: border-color 0.3s !important;
}

.s-search-input-wrapper:focus-within {
  border-color: #CBB9A8 !important;
  box-shadow: 0 0 4px rgba(203, 185, 168, 0.5) !important;
}

.s-search-input {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  color: #FFFFFF !important;
  font-size: 15px !important;
  width: 100% !important;
}

.s-search-input::placeholder {
  color: #D0C7C2 !important;
}

.s-search-icon svg path {
  fill: #E8E2DD !important;
  transition: fill 0.3s !important;
}

.s-search-input-wrapper:focus-within .s-search-icon svg path {
  fill: #FFFFFF !important;
}

.s-search-no-results-placeholder {
  color: #E8E2DD !important;
}








#mainnav {
  background-color: #5B4F47 !important;
}
.sicon-menu::before {
  color: #fff !important;
}
.header-btn__icon {
  color: #fff !important;
  border-color: #fff !important;
}
.s-user-menu-trigger {
  background-color: transparent !important;
}
.s-cart-summary-total {
  color: #fff !important;
}
.s-cart-summary-count {
  background-color: #fff;
  color: #5B4F47;
}
.sub-menu * {
  color: #000;
}
.mm-spn--open li a {
  color: #fff!important;
}
.mm-spn--open li a:hover {
  color: #fff!important;
  opacity: 0.8;
}
.sub-menu {
  color: #333;
}

@media (max-width: 1024px) {
  .mm-spn--open {
    background-color: #F6EDE4 !important;
  }
  .mm-spn--open li,
  .mm-spn--open li a {
    color:  #5B4F47!important;
  }

  .mm-spn--open li a:hover {
    color:  #5B4F47 !important;
    opacity:0.8;
  }

  #mobile-menu::after {
    background-color:  #5B4F47 !important;
    color: #fff !important;
  }
}



.s-slider-block__title-right:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0;
}

.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0;
}

:not(header) .s-slider-block__title-left,
:not(header) .s-block__display-all {
  display: none;
}

:not(header) .s-slider-block__title,
:not(header) .s-block__title {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom:30px;
  position: relative;
  flex-direction: column;
}

:not(header) .s-slider-block__title h2,
:not(header) .right-side h2 {
  margin: 10px 0 10px;
  position: relative;
  font-size:30px;
  color: #5B4F47!important;
  
}

:not(header) .s-slider-block__title-right::after,
:not(header) .right-side::after {
  display: none !important;
}


@media(max-width:768px){
  :not(header) .s-slider-block__title-right::after,
:not(header) .right-side::after  {
  display: block!important;
}

:not(header) .s-slider-block__title-left,
:not(header) .s-block__display-all {
  display: block !important;
}

:not(header) .s-slider-block__title-left, :not(header) .s-block__display-all {
    display: block !important;
}

:not(header) .s-slider-block__title h2,
:not(header) .right-side h2 {
  margin: 15px 0 10px 0;
  position: relative;
  font-size:26px;
  color: #5B4F47!important;
  
}
}





/* Products Cards */
custom-salla-product-card {
  background-color:#F6EDE4 !important;
  border: 1px solid #5B4F47 !important;
}
salla-add-product-button button {
  background-color: #5B4F47 !important;
  color: #fff!important;
  border: 1px solid transparent !important;
}
salla-add-product-button:hover button {
  background-color: #F6EDE4!important;
  color: #5B4F47 !important;
  border: 1px solid #5B4F47 !important;
}

.s-product-card-fit-height .s-product-card-image {
    height: 11rem;
    max-height: 100% !important;
}


/* Banners */
.s-block--fixed-banner .container {
  max-width: 100% !important;
  padding: 0px !important;
}
.index .s-block--fixed-banner img {
  background-color: transparent !important;
  border-radius: 0;
}
.s-block--fixed-banner:first-of-type {
  margin-top: 0px !important;
}



/* Features Items */
.s-block--features .s-block--features__item {
  border:0;
  border-radius: 0px;
  background-color: transparent !important;
}
.s-block--features .s-block--features__item .feature-icon {
  background-color: transparent !important;
  overflow: unset !important;
  margin: 10px 0px 40px;
}
.s-block--features .s-block--features__item .feature-icon i {
  color: #5B4F47 !important;
  font-size: 100px;
}


/* Footer */
footer {
  background-color: #F6EDE4  !important;
  border-radius:15% 15% 0 0 ;
}
.store-footer__inner {
  position: relative;
  border-radius:15% 15% 0 0 ;
  z-index: 2;
  background-color: #F6EDE4  !important;
  padding-bottom: 0;
}
.store-footer__inner * {
  color: #77665a!important;
}
.store-footer h3 {
  color: #77665a!important;
}
.copyright-text p {
  color: #77665a!important;
}
.copyright-text p a:hover {
  color: #77665a!important;
  opacity: 0.8;
}

.store-footer__inner .grid > div:nth-of-type(1) > a::after {
  content: "";
  background: url("https://i.postimg.cc/x1z0PJXt/IMG-7507.png");
  display: block;
  background-size: contain;
  width: 150px;
  height: 150px;
  background-repeat: no-repeat;
}

.store-footer__inner .container > div {
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-left: 0;
  padding-bottom: 20px;
}

.store-footer__inner .container {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.store-footer__inner .container > div:nth-of-type(1) {
  grid-column: span 1 / span 2;
}
.store-footer__inner + div {
  background: transparent;
  max-width: 100%;
  justify-content: space-around;
}
.store-footer__inner > div a h3 {
  display: none;
}

@media (max-width: 992px) {
  .store-footer__inner .container {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.store-footer__inner + div {
  background-color: #F6EDE4  !important;
}

/* Custom ScrollBar */
/* width */
::-webkit-scrollbar {
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #fff;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background:#5B4F47;
}