/* Add custom CSS styles below */ 
@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900;1000&display=swap);
:root {
  --font-main:Cairo
}
*,
body *,
html {
  font-family: Cairo, sans-serif !important;
}

body.index #mainnav * {
  color: #fff !important;
}

body.index  #mainnav.fixed-pinned * {
  color: unset !important
}

.store-footer {
  margin-top: 0 !important;
}

.s-block__title h2 {
  background: #de5c1c;
  color: #fff;
  padding: 15px;
  border-radius: 15px
}

.s-angel--divider .s-block__title,
.s-block--banners .s-block__title {
  width: 100%;
  text-align: center;
  margin: 0 auto
}

.s-block--banners .s-block__title {
  width: 50% !important;
}

.single-product-home-wrapper .s-products-list-wrapper {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;

}

.single-product-home-wrapper .s-products-list-wrapper custom-salla-product-card {
  width: 300px;
  margin: 0 auto;
}

.brown-products {
  background: #7a3e1b !important;
  padding-bottom: 0 !important;
}


/* ---------- Card ---------- */
.s-product-card-entry {
  position: relative;
  overflow: visible !important;
  margin-top: 80px;
  background: #fff;
  height: auto !important;
}

.s-product-card-entry .s-product-card-image,
.s-product-card-entry .s-product-card-image>a {
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  height: auto !important;
}

.s-product-card-entry .s-product-card-image {
  margin-top: -80px;
}

/* ---------- Image (fixes the white square) ---------- */
.s-product-card-entry .s-product-card-image-cover {
  position: relative;
  z-index: 2;
  width: 80%;
  margin: 0 auto;
  object-fit: contain !important;
  background: transparent !important;
  mix-blend-mode: multiply;
  /* makes the white background disappear */
  filter: none !important;
  /* the shadow was outlining the white square */
  transition: transform .35s ease;
}


/* ---------- Rating: small badge inside the card ---------- */
.s-product-card-entry .s-product-card-rating {
  position: absolute !important;
  top: 92px !important;
  inset-inline-end: 12px !important;
  bottom: auto !important;
  z-index: 3;
  width: auto !important;
  height: auto !important;
  padding: 2px 10px;
  border-radius: 20px;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
  font-size: 13px;
}

/* ---------- Wishlist / quick view: no gray pill ---------- */
.s-product-card-entry .s-product-card-actions {
  top: 92px !important;
  inset-inline-start: 12px !important;
  inset-inline-end: auto !important;
  z-index: 3;
  background: transparent !important;
  height: auto !important;
}

/* ---------- Remove the empty gap ---------- */
.s-product-card-entry .s-product-card-content {
  flex-grow: 0 !important;
}

.s-product-card-entry .s-product-card-content-footer {
  margin-top: 12px !important;
}

/* ---------- Out-of-stock stamp: move it over the image ---------- */
.s-product-card-out-of-stock::before,
.s-product-card-out-of-stock::after {
  top: 40px !important;
  bottom: auto !important;
  z-index: 4;
}

.s-product-card-out-of-stock .s-product-card-image-cover {
  opacity: 1 !important;
}

.s-product-card-entry .s-product-card-image-cover{
  width:100% !important;
}
.store-footer {
    color: #FFF !important;
}
.store-footer svg{
    color: #000;
}
.details-slider{
    background: #fff !important
}
.details-slider,
.fslightbox-absoluted {
    background: #fff !important
}
.s-product-card-promotion-title{
  top:45px !important;
}