digital-files-settings .bg-storeBG {
    background-color: transparent !important;
}

#about-2 > div > div > div > h3{
  color: #F2F2F2;
}

#about-2 > div > div > div > p , .s-slider-block__title h2, 
#product-form > section.bg-storeBG.p-5.rounded-md.mb-5 > div > label > b,#product-form > div > div > label > b,
#product-form > section.sticky-product-bar.bg-storeBG.p-5.md.rounded-md.rounded-b-none > div > label,
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > div.container > nav > ol > li:nth-child(5) > span , .product-more-info .more-info-tabs__nav-link>span{
  color: #FFF !important;
}
.s-quantity-input-container{
  border: none !important;
  gap: 10px ;
}
.s-quantity-input-button svg{
    background-color: transparent;
    fill:#fff;
    color: #fff;
}
#details_table * , #app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > div.container > div.product-single.thumbnails.product-516570950 > 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 > h1, .product-single__info h1{
  color: #fff !important;
}
/* Add custom CSS styles below */ 
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block.s-block--enhanced-features.container > div > div:nth-child(2) > div.absolute.bottom-0.left-0.w-full.h-px.duration-300.origin-left.transform.scale-x-0.bg-primary.group-hover\:scale-x-100 , 
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block.s-block--enhanced-features.container > div > div:nth-child(2) > div.absolute.bottom-0.left-0.w-px.h-full.duration-300.origin-bottom.transform.scale-y-0.bg-primary.group-hover\:scale-y-100,
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block.s-block--enhanced-features.container > div > div:nth-child(2) > div.absolute.top-0.left-0.w-full.h-px.duration-300.origin-right.transform.scale-x-0.bg-primary.group-hover\:scale-x-100,
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > section.s-block.s-block--enhanced-features.container > div > div:nth-child(2) > div.absolute.bottom-0.right-0.w-px.h-full.duration-300.origin-top.transform.scale-y-0.bg-primary.group-hover\:scale-y-100{
  display: none !important
}

body , .app-inner {
  background-color: #1f0333;
  background-image:
    radial-gradient(circle at 75% 35%, rgba(142, 68, 173, 0.45) 0%, transparent 40%),
    radial-gradient(circle at 20% 80%, rgba(155, 89, 182, 0.25) 0%, transparent 50%),
    linear-gradient(135deg, #2a0a4a 0%, #3b0f5c 50%, #1f0333 100%);
  
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* الكارد الأساسي */
.s-block--enhanced-features__item  {
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 25px 15px;

  transition: all 0.3s ease;
  position: relative;
}

/* إزالة الخلفية البيضاء اللي حاطها يدوي */
.s-block--enhanced-features__item[style] {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* تأثير عند الهوفر */
.s-block--enhanced-features__item:hover {
  transform: translateY(-8px) scale(1.02);
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(155, 89, 182, 0.4);
}

/* النصوص */
.s-block--enhanced-features__item h2 {
  color: #ffffff;
  font-weight: 600;
  margin-top: 10px;
}

.s-block--enhanced-features__item p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}

/* الأيقونات */
.s-block--enhanced-features__item img {
  filter: brightness(1.2);
  transition: 0.3s;
}

.s-block--enhanced-features__item:hover img {
  transform: scale(1.1);
}

/* الخطوط المتحركة (border animation) */
.s-block--enhanced-features__item .bg-primary {
  background: linear-gradient(90deg, #a855f7, #d946ef);
}


/******************المنتج مميز ************/
/* خلفية السكشن */
.special-product {
  background: transparent !important;
  position: relative;
}

/* طبقة إضاءة خفيفة فوق الخلفية */
.special-product::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 60% 30%,
    rgba(155, 89, 182, 0.15),
    transparent 60%
  );
  pointer-events: none;
}

/* عنوان القسم */
.special-product h2 {
  color: #ffffff !important;
  font-weight: 700;
}

.home-block-line {
  background: linear-gradient(90deg, #a855f7, #d946ef);
  height: 3px;
  width: 80px;
  margin: 10px auto;
  border-radius: 10px;
}

/* كارد المنتج */
.product-card--special {
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 25px;
  overflow: hidden;

  transition: all 0.3s ease;
}

/* الهوفر */
.product-card--special:hover {
  transform: translateY(-10px) scale(1.02);
  border-color: rgba(168, 85, 247, 0.4);
  box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}

/* صورة المنتج */
.product-card__image img {
  border-radius: 20px 20px 0 0;
  transition: 0.3s;
}

.product-card--special:hover .product-card__image img {
  transform: scale(1.05);
}

/* محتوى الكارد */
.product-card__content {
  padding: 15px;
}

/* اسم المنتج */
.product-card__title a {
  color: #fff;
  font-weight: 600;
}

/* السعر */
.total-price {
  color: #c084fc !important;
}

.before-price {
  color: rgba(255,255,255,0.5) !important;
}

/* الأزرار */
.s-button-primary-outline {
  border-color: rgba(168, 85, 247, 0.5) !important;
  color: #fff !important;
  background: transparent !important;
}

.s-button-primary-outline:hover {
  background: linear-gradient(135deg, #a855f7, #7e22ce) !important;
  border-color: transparent !important;
  color: #fff !important;
}

/* أيقونات */
.sicon-heart,
.sicon-eye,
.sicon-shopping {
  color: #c084fc;
}

/* زر إضافة للسلة */
.product-card__normal-cart .s-button-element,
.addToCart .s-button-element {
  background: linear-gradient(135deg, #a855f7, #7e22ce) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 12px;
  font-weight: 600;

  transition: all 0.3s ease;
}

/* هوفر */
.product-card__normal-cart .s-button-element:hover,
.addToCart .s-button-element:hover {
  background: linear-gradient(135deg, #c084fc, #9333ea) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(168, 85, 247, 0.4);
}

/* تأثير ضغط */
.product-card__normal-cart .s-button-element:active {
  transform: scale(0.96);
}

/* الأيقونة داخل الزر */
.product-card__normal-cart .sicon-shopping,
.addToCart .sicon-shopping {
  color: #fff !important;
  margin-left: 5px;
}

/* تحسين الحجم */
.product-card__normal-cart .s-button-element {
  padding: 10px 15px;
  font-size: 14px;
}



/*****************منتجات التحديات***/

/* خلفية السكشن */
.s-block--custom-products {
  position: relative;
  background: transparent;
}

/* إضاءة خفيفة تعطي عمق 
.s-block--custom-products::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 50% 20%,
    rgba(168, 85, 247, 0.12),
    transparent 60%
  );
  pointer-events: none;
}

/* العنوان */
.s-block--custom-products h2 {
  color: #fff !important;
  font-weight: 700;
}

.s-block--custom-products p {
  color: rgba(255,255,255,0.7);
}

/* الخط تحت العنوان */
.enhanced-title-border {
  display: block;
  width: 90px;
  height: 3px;
  margin: 10px auto;
  border-radius: 10px;
  background: linear-gradient(90deg, #a855f7, #d946ef);
}


/* الكارد */
.s-block--custom-products .product-card  , .s-products-slider-card .product-card{
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;

  transition: all 0.3s ease;
  overflow: hidden;
}

/* هوفر */
.s-block--custom-products .product-card:hover {
  transform: translateY(-10px) scale(1.02);
  border-color: rgba(168, 85, 247, 0.4);
  box-shadow: 0 15px 40px rgba(0,0,0,0.4);
}

/* الصورة */
.s-block--custom-products .product-card__image img {
  transition: 0.4s;
}

.s-block--custom-products .product-card:hover img {
  transform: scale(1.08);
}


/* اسم المنتج */
.s-block--custom-products .product-card__title a {
  color: #fff;
  font-weight: 600;
}

/* السعر */
.s-block--custom-products .total-price {
  color: #c084fc !important;
}

.s-block--custom-products .before-price {
  color: rgba(255,255,255,0.5) !important;
}


/* زر إضافة للسلة */
.s-block--custom-products .product-card__normal-cart .s-button-element {
  background: linear-gradient(135deg, #a855f7, #7e22ce) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 12px;
  font-weight: 600;

  transition: all 0.3s ease;
}

/* هوفر */
.s-block--custom-products .product-card__normal-cart .s-button-element:hover {
  background: linear-gradient(135deg, #c084fc, #9333ea) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(168, 85, 247, 0.4);
}

/* الزر المصغر */
.product-card__enhanced-mini-cart__btn .s-button-element {
  background: linear-gradient(135deg, #a855f7, #7e22ce) !important;
  border: none !important;
  color: #fff !important;
}


/* لابل "جديد" */
.product-card__promotion {
  border-radius: 10px;
  font-size: 12px;
  padding: 4px 10px;
  background: linear-gradient(135deg, #ef4444, #dc2626);
}

/* الأيقونات */
.sicon-heart,
.sicon-eye,
.sicon-shopping,
.sicon-add {
  color: #c084fc;
}


/****************product page*******/

/* السكشن الخاص بالملفات الرقمية */
digital-files-settings section {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 25px;
  transition: all 0.3s ease;
}

/* عند الهوفر */
digital-files-settings section:hover {
  transform: translateY(-5px) scale(1.02);
  border-color: rgba(168, 85, 247, 0.4);
  background: rgba(255, 255, 255, 0.08);
}

/* القوائم الداخلية */
digital-files-settings ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 15px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

/* عند الهوفر على كل عنصر */
digital-files-settings ul li:hover {
  background: rgba(255, 255, 255, 0.06);
}

/* النصوص */
digital-files-settings ul li div.text-store-text-primary {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

/* أيقونات */
digital-files-settings ul li i {
  font-size: 18px;
  color: #c084fc;
  transition: transform 0.3s ease, color 0.3s ease;
}

/* تأثير الهوفر على الأيقونة */
digital-files-settings ul li:hover i {
  transform: scale(1.2);
  color: #a855f7;
}

/* أيقونة علامة صح */
digital-files-settings ul li i.sicon-check-circle {
  color: #22c55e;
  font-size: 20px;
}

/* العناوين */
digital-files-settings ul li div.text-store-text-primary.text-sm {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.85);
  font-weight: 500;
}


/************************/
/* السكشن الرئيسي للمرفقات داخل نموذج المنتج */
#product-form > section.bg-storeBG.p-5.rounded-md.mb-5 {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 25px;
  transition: all 0.3s ease;
}

/* هوفر على السكشن */
#product-form > section.bg-storeBG.p-5.rounded-md.mb-5:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(168, 85, 247, 0.4);
  transform: translateY(-5px) scale(1.02);
}

/* العناوين */
#product-form > section.bg-storeBG.p-5.rounded-md.mb-5 label.form-label b {
  color: #fff;
  font-size: 16px;
}

/* الأزرار */
#product-form > section.bg-storeBG.p-5.rounded-md.mb-5 .btn-tab {
  background: linear-gradient(135deg, #a855f7, #7e22ce);
  color: #fff;
  border-radius: 12px;
  padding: 8px 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: all 0.3s ease;
}

/* هوفر على الأزرار */
#product-form > section.bg-storeBG.p-5.rounded-md.mb-5 .btn-tab:hover {
  background: linear-gradient(135deg, #c084fc, #9333ea);
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(168, 85, 247, 0.4);
}

/* الأيقونات داخل الأزرار */
#product-form > section.bg-storeBG.p-5.rounded-md.mb-5 .btn-tab i {
  font-size: 16px;
  color: #fff;
  transition: transform 0.3s ease;
}

/* الهوفر على الأيقونات */
#product-form > section.bg-storeBG.p-5.rounded-md.mb-5 .btn-tab:hover i {
  transform: scale(1.2);
}

/* الحقول */
#product-form > section.bg-storeBG.p-5.rounded-md.mb-5 textarea.form-input {
  width: 100%;
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  padding: 10px;
  resize: none;
  transition: all 0.3s ease;
}

/* التركيز على الحقل */
#product-form > section.bg-storeBG.p-5.rounded-md.mb-5 textarea.form-input:focus {
  outline: none;
  border-color: #a855f7;
  box-shadow: 0 0 10px rgba(168, 85, 247, 0.4);
  background: rgba(255, 255, 255, 0.08);
}

/* سكشن رفع الملفات */
#product-form > section.bg-storeBG.p-5.rounded-md.mb-5 salla-file-upload.product-option-uploader {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  padding: 15px;
  transition: all 0.3s ease;
}

/* هوفر على رفع الملفات */
#product-form > section.bg-storeBG.p-5.rounded-md.mb-5 salla-file-upload.product-option-uploader:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(168, 85, 247, 0.4);
}

/* نص الاستعراض داخل FilePond */
#product-form > section.bg-storeBG.p-5.rounded-md.mb-5 .product-option-uploader-placholder p.profile-filepond-placholder-text,
#product-form > section.bg-storeBG.p-5.rounded-md.mb-5 .product-option-uploader-placholder span.filepond--label-action {
  color: #fff;
}

/* أيقونة الكاميرا */
#product-form > section.bg-storeBG.p-5.rounded-md.mb-5 .product-option-uploader-placholder-icon i.sicon-camera {
  color: #c084fc;
  font-size: 24px;
  transition: transform 0.3s ease, color 0.3s ease;
}

/* هوفر على أيقونة الكاميرا */
#product-form > section.bg-storeBG.p-5.rounded-md.mb-5 .product-option-uploader-placholder-icon:hover i.sicon-camera {
  transform: scale(1.2);
  color: #a855f7;
}


/* ================= قسم السعر ================= */
#product-form > div.product-price {
  background: rgba(255, 255, 255, 0.05); /* خلفية شفافة */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  padding: 20px;
  transition: all 0.3s ease;
}

#product-form > div.product-price h2.total-price {
  color: #f87171; /* أحمر فاتح */
  font-weight: 700;
  font-size: 1.5rem;
}

#product-form > div.product-price .before-price {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
  font-size: 1rem;
}

#product-form > div.product-price:hover {
  transform: translateY(-5px) scale(1.02);
  border-color: rgba(168, 85, 247, 0.4);
}

/* ================= شريط المنتج الثابت ================= */
#product-form > section.sticky-product-bar {
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  padding: 20px;
  position: sticky;
  bottom: 0;
  
  transition: all 0.3s ease;
  margin-top:20px;
}

#product-form > section.sticky-product-bar:hover {
  transform: translateY(-3px);
  border-color: rgba(168, 85, 247, 0.4);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

/* كمية المنتج */
#product-form > section.sticky-product-bar .s-quantity-input-input {
  background: rgba(255,255,255,0.08);
  color: #fff;
  border-radius: 8px;
  width: 60px;
  text-align: center;
}

#product-form > section.sticky-product-bar .s-quantity-input-button {
  background: linear-gradient(135deg, #a855f7, #d946ef);
  color: #fff;
  border-radius: 8px;
  width: 35px;
  height: 35px;
  transition: 0.3s;
}

#product-form > section.sticky-product-bar .s-quantity-input-button:hover {
  background: linear-gradient(135deg, #c084fc, #9333ea);
}

/* زر إضافة للسلة */
#product-form > section.sticky-product-bar .s-button-element {
  background: linear-gradient(135deg, #a855f7, #7e22ce);
  color: #fff;
  font-weight: 600;
  border-radius: 12px;
  padding: 12px 20px;
  transition: all 0.3s ease;
}

#product-form > section.sticky-product-bar .s-button-element:hover {
  background: linear-gradient(135deg, #c084fc, #9333ea);
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(168, 85, 247, 0.4);
}