/* Add custom CSS styles below */
/* 🔘 يجعل كل الأزرار دائرية بالكامل */
button,
.s-button-element,
.salla-button,
.s-add-product-button-with-quick-buy button,
.s-quantity-input-button {
  border-radius: 9999px !important; /* يجعل الشكل بيضاوي بالكامل */
}

/* 🎯 يجعل أزرار الكمية دائرية تمامًا */
.s-quantity-input-button {
  border-radius: 50% !important;
}

/* 🎯 يجعل زر "إضافة للسلة" و "شراء الآن" كبسولات أنيقة */
.s-button-element,
.s-add-product-button-with-quick-buy button {
  border-radius: 9999px !important;
}

.product-single__inner .btn-tab, .product-single__inner .s-button-btn, .product-single__inner .s-button-icon, .product-single__inner .s-comment-form-input, .product-single__inner .s-form-control, .product-single__inner .s-product-options-thumbnails-wrapper label, .product-single__inner .s-quantity-input-container, .product-single__inner .s-quick-order-container, .product-single__inner .s-social-share-list {
  border-radius: 9999px !important; /* يجعل الشكل بيضاوي بالكامل */
}
.s-fast-checkout-button.rtl {
    border-radius: 155px;
}

@keyframes floatBadge {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    border-radius: unset !important;
}
.promotion-title {
    top: 0;
    right: 0;
    border-radius: 0px 10px 0px 10px;
}
.product-card__promotion {
    top: 0px;
    left: 0;
    border-radius: 10px 0 10px;
}
.custom-ads-slider.my-unique-banner{
    position: sticky;      
    bottom: 0;            
    left: 0;               
    width: 100%;          
    z-index: 9999;  
}
section.sticky-product-bar.bg-storeBG.p-5.md.rounded-md.rounded-b-none{
  margin-bottom: 40px;
}
.product-count-sale + span span {
  opacity: 0; /* الرقم مخفي من البداية */
}

.product-card__promotion {
  border: 2px solid transparent;
  border-radius: 12px;

  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(270deg, #113B30, #E5CDB1, #113B30) border-box;

  background-size: 200% 200%;
  animation: borderMove 3s linear infinite;

  color: var(--color-primary);
  font-weight: 900;
}

@keyframes borderMove {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}