/* edit numbers icon */

section.px-4.s-block.s-block--stats.container.with-animation
  > div
  > div
  > div
  > div {
  width: 4rem !important;
  height: 4rem !important;
}

section.px-4.s-block.s-block--stats.container.with-animation
  > div
  > div
  > div
  > div
  i {
  font-size: 2rem !important;
}

/* sections titles */

section.s-block.s-block--square-links.square-links-2 > div > div > h2,
.s-block--best-offers.container h2,
.s-block--faq p.tracking-tight,
.s-block--blog div.mb-8.home-block-title > h2,
.s-block.s-block--custom-reviews p.tracking-tight,
.product-single__info > h1 {
  text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #000000 0%,
    #aeaeae 29%,
    #313131 67%,
    #494949 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 5s linear infinite;
  display: inline-block;
  font-weight: 800;
  line-height: 3.5rem;
}
@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

/* img prduct animation  */

@keyframes animate {
  0% {
    transform: translate(0px, 0px);
  }
  25% {
    transform: translate(3px, -3px);
  }
  50% {
    transform: translate(-3px, 3px);
  }
  75% {
    transform: translate(3px, 3px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}

.fit-slider-products
  .s-slider-swiper-wrapper
  .swiper-slide
  custom-salla-product-card:hover
  img {
  animation: animate 0.6s linear !important;
}
/* crd btns  */

.product-single
  .sticky-product-bar
  salla-add-product-button
  salla-button
  .s-button-btn,
.product-card.hover_style_3 .product-card__buttons div button,
.product-single
  .sticky-product-bar
  salla-add-product-button
  salla-button
  .s-button-btn,
.product-card__enhanced-mini-cart button.s-button-element,
.s-infinite-scroll-btn {
  background: #2e2e2e;
  background: linear-gradient(
    90deg,
    rgba(46, 46, 46, 1) 0%,
    rgba(0, 0, 0, 1) 100%
  ) !important;
  color: white !important;
}

.product-card.hover_style_3 .product-card__buttons div button i {
  fill: white !important;
  color: white !important;
  font-size: 1.1rem !important;
}

/* logo in footer */

div.store-footer__inner
  > div
  > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\]
  > a
  > img {
  filter: brightness(0) invert(1) !important;
}

.product-card--fit-height {
  justify-content: space-between !important;
}

#block-blog-12 > div > div.mb-8.home-block-title {
  text-align: center !important;
}

@media (min-width: 1024px) {
  .s-products-list-vertical-cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.s-block.s-block--square-links > div > ul > li > a > h3 {
  color: white !important;
  background: black !important;
  padding-bottom: 0.5rem !important;
  border-radius: 20px !important;
}