/* Add custom CSS styles below */ 
:root {
    --color-primary: #DFD0B8;
    --color-primary-dark: #543310;
    --color-primary-light: #FFF2D7;
    --color-primary-reverse: #B99470;
    --1: #392314;
    --2: #EAC696;
    --3: #BA704F;
    --4: #C7AD98;
}

body {
    background-color: rgb(254, 249, 234) !important;
}

/* nav */
header.store-header .inner.bg-inherit {
    background: var(--1);
}

.mm-spn.mm-spn--light,.s-slider-nav-arrow,.top-navbar,.footer-is-light .store-footer .store-footer__inner,.footer-is-light .store-footer {
    background: var(--2);
    background: linear-gradient(to top, var(--1), var(--4)) !important;
    color: #fff;
}



i.sicon-menu.text-primary.text-2xl.rtl\:ml-2\.5.ltr\:mr-2\.5,button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center,.main-menu li>a,a.topnav-link-item.right-side,.header-btn__icon,.topnav-link-item,.s-cart-summary-total,.store-footer h3,p.max-w-sm.leading-6.mb-6,p.text-sm.text-text-grey.mb-1,b.text-sm,.store-footer a {
    color: #fff;
}

.main-menu .has-children li a, .main-menu .has-children .has-children:hover>a {
    color: var(--1);
}

.main-menu>.has-children:hover>a,.main-menu li>a:hover {
    color: #C7AD98;
}

.s-slider-nav-arrow svg {
    fill: #fff;
}
button.s-user-menu-login-btn svg{
    fill: #fff !important;
}
@media only screen and (max-width: 900px) {
    a.mb-4.last\:mb-0.flex.items-center.text-sm.leading-none,.store-footer .contact-social ul,a.flex.items-center.m-0,.flex.rtl\:space-x-reverse.space-x-2.items-end,.store-footer__inner {
        text-align: center;
        justify-content: center;
    }
}


/* banners */
section.s-block.s-block--fixed-banner.wide-placeholder>.container {
    padding: 0!important;
    margin: 0px!important;
    max-width: 100%
}

section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
  margin-top: 0 !important;
}



/* cat */
section.s-block.s-block--banners .grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0px !important;
}

section.s-block.s-block--banners .banner-entry {
  grid-column: auto !important;
  grid-row: auto !important;
  height: auto !important;
  background-color: transparent; !important;
}
section.s-block.s-block--banners .banner-entry img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}
@media (max-width: 768px) {
  section.s-block.s-block--banners .grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
  }

  section.s-block.s-block--banners .banner-entry {
    width: 100% !important;
    height: 120px !important;
    padding: 0 !important;
  }
}
/* @media (max-width: 768px) {
  section.s-block.s-block--banners .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
} */





/* product card */
.s-product-card-content {
    background-color: rgb(56 34 20);
    color: white !important;
}

.s-product-card-content-title a{
    color: white !important;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    color: rgb(93 66 27) !important; 
    background: linear-gradient(
  to bottom,
  rgb(246, 230, 145),
  rgb(234, 189, 111)
) ;
}

custom-salla-product-card {
    overflow: hidden;
    border-radius: 12px !important;
}

.s-product-card-content-main,
.s-product-card-content-sub{
     display: flex !important;
    justify-content: center !important;
 
}
.s-slider-block__title-right h2 {
  font-size: clamp(20px, 4vw, 30px) !important;
  font-weight: 400;
}

.s-slider-block__title-left a {
  color: hsl(33.91deg 21.1% 21.37%);
  font-size: clamp(14px, 3vw, 20px) !important;
  font-weight: 400;
}

custom-salla-product-card{
 transition: 0.4s ease-in-out;
}
custom-salla-product-card:hover {
 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
h3.s-product-card-content-title a {
    font-size: clamp(14px, 2.5vw, 20px) !important;
    font-weight: 400;
}

h4.s-product-card-price {
    color: hsl(36.71deg 49.13% 66.08%) !important;
    font-size: clamp(15px, 2.5vw, 20px) !important;
    font-weight: 400;
    line-height: 1.4;
}



/* footer */
.copyright-text p {
    --tw-text-opacity: 1;
    color: #C7AD98;
}
.s-block--special-products .tab-trigger {
    font-weight: 700;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: #A0937D;
}