/* Add custom CSS styles below */ 
/* fix testimonials  */

.s-block.s-block--testimonials .s-slider-swiper-wrapper > div {
  height: auto !important;
}

/* product btn */

.is-sticky-product-bar
  .sticky-product-bar
  salla-add-product-button
  button[quick-buy],
#mail > form > div > salla-button > button:nth-child(1),
.s-product-card-content-footer salla-add-product-button .s-button-primary {
  background: #00b35f;
  background: linear-gradient(
    90deg,
    rgba(0, 179, 95, 1) 0%,
    rgba(0, 143, 76, 1) 100%
  );
}

/* titles color  */

.s-block.s-angel--divider div > div > h2,
.product-single div.flex.flex-col > h1 {
  text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #00b35f 0%,
    #ec7b25 29%,
    #00b35f 67%,
    #ec7b25 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 4s linear infinite;
  display: inline-block;
  font-weight: 800;
  line-height: 3rem;
}
@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

/* fix product page  */

.dark #tabbyPromoWrapper *,
.dark .styles__tabbyPromoSnippetText--b30d0,
.dark salla-installment * {
  color: white !important;
}

/* edit btn */

.search-btn.header-btn {
  position: fixed;
  transform: scale(1.3);
  top: 1rem;
  right: 1rem;
  background: #ff6f00;
  border-radius: 50%;
  animation: growShrink 2s ease-in-out infinite;
}

@keyframes growShrink {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}