.s-slider-block__title {
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0;
    text-align: center;
}
.s-slider-block__title-right:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0;
    /* text-align: center; */
}
.s-slider-block__title-right{
    text-align: center;
}








.s-slider-block__title h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 12px;
}

.s-slider-block__title h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 14px;

    /* التدرج */
    background: linear-gradient(90deg, #ff8a00, #e52e71, #8a2be2);
    opacity: 0.35;

    /* نعومة + واقعية */
    border-radius: 30px;
    filter: blur(1.4px);

    /* شكل الفرشة غير المنتظم */
    mask-image:
        radial-gradient(10px at 0% 50%, transparent 0, black 70%),
        radial-gradient(10px at 100% 50%, transparent 0, black 70%),
        linear-gradient(black, black);
    mask-size: cover;
    transform: skewX(-15deg);
}






.kayan-categories-title h2 {
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
}

.kayan-categories-title h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 14px;

  /* التدرج اللوني */
  background: linear-gradient(90deg, #ff8a00, #e52e71, #8a2be2);
  opacity: 0.35;

  /* حواف ناعمة */
  border-radius: 30px;
  filter: blur(1.4px);

  /* تأثير الفرشة */
  mask-image:
      radial-gradient(10px at 0% 50%, transparent 0, black 70%),
      radial-gradient(10px at 100% 50%, transparent 0, black 70%),
      linear-gradient(black, black);
  mask-size: cover;
  transform: skewX(-15deg);
}







/* =============================
   البطاقة الكاملة مع الإطار المتدرج يغطي الصورة والنص والزر
   ============================= */

/* أولاً نغلف المنتج بالكامل */
custom-salla-product-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: end;
  border-radius: 16px;
  overflow: hidden;
  z-index: 1;
  background: #fff;
}

/* الإطار المتدرج حول البطاقة بالكامل */
custom-salla-product-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 16px;
  padding: 2px;
  background: linear-gradient(135deg, #ff8a00, #e52e71, #8a2be2, #ff8a00);
  background-size: 400% 400%;
  animation: gradientMove 6s linear infinite;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 2;
}

/* حركة التدرج */
@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* توحيد ارتفاع البطاقات */
.s-products-slider-card {
  display: flex;
  align-items: stretch;
}

.s-products-slider-card > custom-salla-product-card {
  flex: 1;
  height: 100%;
}

/* =============================
   زر "إضافة للسلة" بنفس التدرج
   ============================= */
custom-salla-product-card salla-add-product-button button,
custom-salla-product-card salla-add-product-button .s-button-wrap button {
  position: relative;
  color: #222;
  font-weight: 600;
  border: none;
  border-radius: 10px;
  padding: 10px 18px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
  background: transparent;
}

/* الإطار المتدرج حول الزر */
custom-salla-product-card salla-add-product-button button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 1.5px;
  background: linear-gradient(135deg, #ff8a00, #e52e71, #8a2be2, #ff8a00);
  background-size: 400% 400%;
  animation: gradientMove 6s linear infinite;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 0;
}

/* لمعان متحرك للزر */
custom-salla-product-card salla-add-product-button button::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0)
  );
  animation: shineMove 3.5s linear infinite;
  border-radius: 10px;
  z-index: 1;
}

@keyframes shineMove {
  0% { left: -150%; }
  50% { left: 150%; }
  100% { left: 150%; }
}




.kayan-footer {
  background: linear-gradient(135deg, #2d1b69, #c02425) !important;
  color: #fff !important;
}

.kayan-footer a {
  color: #fff !important;
}

.kayan-footer a:hover {
  color: #ffd5b5 !important;
}

.craffo-components-search relative px-10 lg:py-20 py-10 text-centerblock block a {
  color: #fff !important;
}

.craffo-components-search relative px-10 lg:py-20 py-10 text-centerblock block a:hover {
  color: #ffd5b5 !important;
}


.craffo-components-search relative px-10 lg:py-20 py-10 text-centerblock block {
  background: linear-gradient(135deg, #2d1b69, #c02425) !important;
  color: #fff !important;
}


.text-\[var\(--color-footer-text\)\] {
    color: #ffffff;
}