/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 

:root {

    --main-color: #3d4021;

    --second-color: #f7e8cd;

}

body, 

.s-block--tabs-produtcs{ 

    background-color: #ffffff; 

} 

/* main Nav */ 

.top-navbar { 

    color: #000;

}

.s-search-input {

    background-color: #a0a0a0 !important;

}

.s-search-input::placeholder {

    color: #fff;

}

.s-search-input:focus {

    color: var(--main-color) !important;

}



.navbar-brand img {

    max-height: 4rem;

}

.main-nav-container {

    background-color: var(--main-color) !important;

    color: var(--second-color) !important;

}

.mobile-menu span {

    font-size: 22px;

}

.mobile-menu a:hover {

    color: #bb9459 !important;

}

#mainnav > div > div > div > div:nth-child(1) {

    display: contents;

}

#mobile-menu > ul {

    padding-right: 80px;

}

@media (max-width: 768px) {

    #mainnav > div > div > div {

        align-items: center;

  }

}

.s-cart-summary-total {

    color: #bb9459;

}

.s-cart-summary-total:hover {

    color: var(--second-color);

}

.s-user-menu-login-btn,

.header-btn__icon,

.s-user-menu-login-btn path {

    fill: var(--second-color);

    border-color: #bb9459 !important;

}

.header-btn__icon.icon.sicon-shopping-bag::before {

    color: var(--second-color);

}



.s-user-menu-login-btn:hover,

.header-btn__icon:hover,

.s-user-menu-login-btn path:hover {

    border: solid 2px var(--second-color);

}



.sicon-menu {

    color: var(--second-color);

}

@media (max-width: 768px) {

    .main-menu {

    color: var(--main-color);

}

}



/* Hero section */

#main-content > section:nth-child(2) {

    margin: 0;

}

#main-content > section:nth-child(2) > div {

    max-width: 100%;

    padding: 0;

}

#main-content > section:nth-child(2) > div img {

    border-radius: 0px;

}



/* Categories */

.banner-entry.square-photos {

    height: 310px;

    background-color: #fff;

    transition: transform 0.3s ease;

}

.banner-entry.square-photos:hover {

      transform: scale(1.05);

}

@media (min-width: 992px) {

    .s-block.s-block--banners.container .grid {

    width: 50%;

    margin-right: auto;

    margin-left: auto;

    gap: 50px;

}

}

.s-block.s-block--banners.container .grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

}

@media (max-width: 768px) {

.banner-entry.square-photos {

    height: 200px;

}

}



/* Titles of sections */

.s-slider-block__title-nav button,

.swiper-pagination-bullet,

.s-slider-block__title-left {

display: none;

}

.s-block__title,

.s-slider-block__title,

.s-product-card-content-main,

.s-product-card-content-sub,

.s-reviews-header-wrapper {

text-align: center;

justify-content: center;



}

.s-slider-block__title-right,

.s-reviews-header-wrapper,

#main-content > section.s-block.s-block--banners.container > div.s-block__title{

    margin-bottom:35px;

}

@media (max-width: 768px) {

    .s-slider-block__title-right,

    .s-reviews-header-wrapper,

    #main-content > section.s-block.s-block--banners.container > div.s-block__title{

        margin-bottom:10px;

}

}

.s-slider-block__title-right h2,

#main-content > section.s-block.s-block--banners.container > div.s-block__title > div > h2,

.s-reviews-header-wrapper h1 {

    font-size: 32px !important;

    color: var(--main-color);

}

@media (max-width: 768px) {

    .s-slider-block__title-right h2,

    #main-content > section.s-block.s-block--banners.container > div.s-block__title > div > h2, 

    .s-reviews-header-wrapper h1 {

      font-size: 20px !important;

  }

}

.s-slider-block__title-right,

.s-slider-block__title-right h2,

.s-block__title .right-side,

.s-reviews-header-wrapper {

padding-left: 50px;

padding-right: 50px;

position: relative;

}

@media (max-width: 768px) {

    .s-slider-block__title-right,

.s-slider-block__title-right h2,

.s-block__title .right-side,

.s-reviews-header-wrapper {

padding-left: 10px;

padding-right: 10px;

position: relative;

}

}

@media (max-width: 768px) {

    .s-block.s-block--banners.container .right-side,

    .s-slider-block__title {

        margin-bottom: 18px;

    }

}

.s-block.s-block--banners.container .right-side::after {

content: '';

position: absolute;

left: 0;

width: 100%;

height: 10px;

background:

url('https://cdn.files.salla.network/homepage/1991116856/ddfba424-a975-438e-b3a2-c747805edc35-original.webp') no-repeat center bottom;

    background-size: 200px;

}

@media (max-width: 768px) {

    .s-block.s-block--banners.container .right-side::after {

        background-size: contain;

        height: 7px;

    }

}



.s-slider-block__title-right::after {

content: '';

position: absolute;

left: 0;

width: 100%;

height: 10px;

background:

url('https://cdn.files.salla.network/homepage/1991116856/ddfba424-a975-438e-b3a2-c747805edc35-original.webp') no-repeat center bottom;

    background-size: 150px;

}

@media (max-width: 768px) {

    .s-slider-block__title-right::after {

        background-size: contain;

        height: 5px;

    }

}

#slider-with-bg-2 > div.s-slider-block__title > div.s-slider-block__title-right,

#slider-with-bg-2 > div.s-slider-block__title > div.s-slider-block__title-right h2, {

    padding-left: 90px;

    padding-right: 90px;

}

#slider-with-bg-2 > div.s-slider-block__title > div.s-slider-block__title-right::after{

   background-size: 250px;

}

@media (max-width: 768px) {

    #slider-with-bg-2 > div.s-slider-block__title > div.s-slider-block__title-right::after{

        background-size: 150px;

        height: 6px;

}

}



/* Product cards */

body:not(body.product-single)

.s-button-element:not(.s-product-card-wishlist-btn) {

    background: var(--color-primary);

    color: #d7bfa6 !important;

    border-radius: 8px;

}

@media (max-width: 600px) {

    .s-products-slider-card {

        width: 55%;

    }

}

.s-product-card-content {

    color: var(--main-color) !important;

    padding: 10px;

    background-color: #d7bfa6;

    border-radius: 0px 0px 12px 12px;

    

}

.s-product-card-content .s-product-card-content-main a{

    color: var(--main-color) !important; 

}

.s-product-card-content .s-product-card-content-main a:hover{

    color: #000 !important; 

}

@media (min-width: 992px) {

    .s-products-slider-card {

        width: 17%;

}

}



/* card-wishlist-btn */

.s-product-card-wishlist-btn.animated.not-added.un-favorited.s-button-element {

    background-color: #d7bfa6;

    color: var(--main-color);  

    box-shadow:

    0 12px 30px rgba(0, 0, 0, 0.2),

    0 4px 10px rgba(0, 0, 0, 0.6);

    border-color: #d7bfa6 !important;

}

.s-product-card-wishlist-btn.animated.not-added.un-favorited {

    background-color: #d7bfa6 !important;

}

.sicon-heart:before {

    font-size: 18px;

    font-weight: 600;

}



/* Gif & Sections - full width */

#main-content > section:nth-child(5) > div,

#main-content > section:nth-child(7) .container,

#main-content > section:nth-child(9) .container {

    padding: 0px;

    margin: 0px;

    max-width: 100%;

}

#main-content > section:nth-child(5) .container img,

#main-content > section:nth-child(7) .container img,

#main-content > section:nth-child(9) .container img {

    border-radius: 0px;

}



/* Footer */ 

.store-footer__inner {

  background-color: var(--main-color) !important;

  color: var(--second-color) !important;

  border-bottom: none;

} 

.store-footer {

  background-color: var(--second-color) !important;

} 

.store-footer__inner .container { 

  grid-template-columns: repeat(4, minmax(0, 1fr)); 

} 

@media (max-width: 768px) { 

  .store-footer__inner .container { 

    grid-template-columns: 1fr; 

    justify-items: center;   

    text-align: center;   

  } 

} 

.store-footer__inner .flex.items-center {

  background-image: url('https://cdn.files.salla.network/theme/1991116856/17131cc9-05df-459e-9dcf-d575dd2ebb21-original.webp');

  background-repeat: no-repeat;

  background-position: center;

  background-size: auto 125px;

  width: 70%;

  min-height: 125px;

  color: transparent;

}

@media (max-width: 768px) {

  .store-footer__inner .flex.items-center {

    width: 99%;

    min-height: 90px !important;

    background-size: contain !important;

    background-position: center;

  }

}

@media (max-width: 768px) { 

.store-footer__inner div,

.s-contacts-list-vertical{

place-items: center;

}

}

@media (max-width: 768px) {

.s-social-list {

    justify-content: center;

}

}

@media (max-width: 768px) {

    .store-footer__inner > div > div:nth-child(2) {

    margin-top: 50px;

}

}

@media (max-width: 768px) {

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(2) {

    margin-top: 0px;

}

}

#app > 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 > div.max-w-sm.leading-6.mb-6 > p:nth-child(3) {

    display: none;

}

@media (min-width: 1024px) {

  #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div {

    row-gap: 0px !important;

  }

}

.store-footer__inner {

    padding-bottom: 0rem;

    padding-top: 2rem;

}

.s-contacts-icon {

    border-color: var(--second-color);

}

.s-social-link {

    border: solid 1px;

    border-radius: 50%;

    transition: transform 0.3s ease;

}

.s-social-link:hover {

    transform: scale(1.1);

}

.copyright-text p,

.copyright-text a:hover {

    color: var(--main-color) !important;

}