/* 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 */

#about-1 > div > div > div > h2,
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,
    #4f3477 0% 0%,
    #643da2 29%,
    #422a66 67%,
    #7150a2 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  */
#app
  > div.app-inner.flex.flex-col.min-h-full.bg-storeBG
  > div.sticky-cart-single.sticky
  > div
  > div.flex.flex-col.flex-grow
  > div
  > salla-add-product-button
  > div
  > salla-mini-checkout-widget,
#product-form
  > section
  > salla-add-product-button
  > div
  > salla-mini-checkout-widget,
.footer-is-custom .store-footer .store-footer__contacts-row,
.store-footer__inner,
section.s-block.s-block--stats.s-block--animate.with-animation
  > div
  > div
  > div
  > div,
.main-nav-container.fixed-header .inner,
.main-nav-container,
.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: #2b213a;
  background: linear-gradient(90deg, #513b72 0%, #2b213a) !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;
}

.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: #271c37 !important;
  padding-bottom: 0.5rem !important;
  border-radius: 20px !important;
}

.footer-is-custom .store-footer .store-footer__curve {
  color: var(--footer-bg);
  background: #422a66;
  background: linear-gradient(90deg, #513b72 0%, #2b213a) !important;
  color: transparent !important;
  border-radius: 87% 87% 0 0 !important;
}

#app
  > div.app-inner.flex.flex-col.min-h-full.bg-storeBG
  > section.s-block.s-block--enhanced-features.s-block--animate.container
  > div
  > div
  > div.feature-icon.has-image
  > img {
  border-radius: 50% !important;
}

.s-fast-checkout-button.outline *,
#product-form
  > section
  > salla-add-product-button
  > div
  > salla-mini-checkout-widget
  *,
.footer-is-custom .store-footer .footer-rights p {
  color: white !important;
}

.dark {
  --color-primary: #5a3e84;
}

:root.dark {
  --color-primary: #4e3378;
}

.s-block--animate.banners-slider {
  margin-top: 0 !important;
}

#app
  > div.app-inner.flex.flex-col.min-h-full.bg-storeBG
  > section.s-block.s-block--animate.banners-slider.banners-slider--0.slide
  > div {
  padding: 0 !important;
}

#app
  > div.app-inner.flex.flex-col.min-h-full.bg-storeBG
  > section.s-block.s-block--animate.banners-slider.banners-slider--0.slide
  > div {
  max-width: 100%;
}
#app
  > div.app-inner.flex.flex-col.min-h-full.bg-storeBG
  > div.sticky-cart-single.sticky
  > div
  > div.flex.flex-col.flex-grow
  > div
  > salla-add-product-button
  > div
  > salla-mini-checkout-widget
  *,
.dark .tamara-summary-widget__container *,
.dark .product-more-info .tab-content .tab-pane.show *,
.dark .content--single-page * {
  color: white;
}

@media (min-width: 768px) {
  .s-slider-thumbs .s-slider-thumbs-container .swiper-slide {
    height: 8rem;
    width: 8rem !important;
    width: 25%;
  }
}

.s-slider-thumbs .s-slider-thumbs-container .swiper-slide {
  width: 6rem !important;
  height: 6rem !important;
}

#app
  > div.app-inner.flex.flex-col.min-h-full.bg-storeBG
  > div.container
  > div.product-single.thumbnails.product-817177089
  > div
  > div
  > div
  > div.product-single__info.col-lg-5.col-md-12.col-12.lg\:\!w-2\/4.md\:w-full.w-full.ltr\:md\:pl-\[15px\].rtl\:md\:pr-\[15px\].mt-5.sm\:mt-0
  > salla-installment
  > div.mb-5
  > tamara-widget {
  background: white !important;
}

/* تنسيق الحاوية الأساسية */
.product-card__out-label {
    font-size: 0 !important;
    line-height: 0 !important;
    display: inline-flex !important; /* لضمان التوسط */
    align-items: center;
    justify-content: center;
    height: auto; /* ليتناسب مع النص الجديد */
    padding: 10px 5px !important; /* تحكم في مساحة المربع من هنا */
}

/* إضافة النص الجديد وتوسيطه */
.product-card__out-label::before {
    content: "نفذت الكمية";
    font-size: 14px !important; /* حجم الخط الجديد */
    visibility: visible;
    line-height: 1;
    display: block;
}