:root {
  --main-color: #b09b57;
  --white-color: white;
  --black-color: black;
}

span.enhanced-title-border {
  border-color: var(--main-color) !important;
}

span.enhanced-title-border:after,
span.enhanced-title-border:before {
  color: var(--main-color) !important;
  background-color: var(--black-color) !important;
}
h2.text-3xl.font-bold.tracking-tight.text-store-text-primary.sm\:text-4xl {
  color: var(--main-color) !important;
}
/**** banner ******/
section.s-block.s-block--fixed-banner.wide-placeholder > .container {
  padding: 0 !important;
  margin: 0px !important;
  max-width: 100%;
}

.s-products-slider-card.swiper-slide {
  margin-top: 10px;
  margin-bottom: 10px;
}
.banner--fixed img {
  border-radius: 0px;
  background-color: transparent;
}

/* cat */
#app
  > div.app-inner.flex.flex-col.min-h-full.bg-storeBG
  > section.s-block.s-block--circle-links.circle-links-1
  > div
  > ul {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

@media (max-width: 767px) {
  ul[role="list"] {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }

  ul[role="list"] img {
    width: 100% !important;
    height: 100% !important;
  }

  img.logo-normal {
    width: 86px !important;
    height: 50px !important;
  }
}
/*products  */
custom-salla-product-card.product-card {
  transition: transform 0.35s ease;
}

custom-salla-product-card.product-card:hover {
  transform: translateY(-9px); 
}

/*faq*/
.single-faq {
  background: var(--main-color) !important;
  border: 1px solid var(--main-color) !important;
}
.faq-btn p,
.faq-content p {
  color: var(--white-color) !important;
}

.faq-btn i {
  background: #dedeb7;
}
/* مميزات */
.s-block--enhanced-features__item .feature-icon{    width: 9rem;}
.s-block--enhanced-features__item{border-color:var(--main-color) !important}
.s-block--enhanced-features__item h2{color: var(--main-color) !important;}
/*footer  */
.footer-is-custom .store-footer .store-footer__contacts-row,
.footer-is-custom .store-footer .store-footer__inner,
.footer-is-custom .store-footer .store-footer__newsletter {
  background-color: var(--main-color) !important;
}

.footer-is-custom .store-footer .store-footer__curve {
  color: var(--main-color) !important;
}





.wa-selia.right {
    right: auto;
    left: 30px;
}