/* =========================
   الخلفية العامة
========================= */
body {
  background-color: #0e152d !important;
  color: #ffffff;
}

/* الحاوية الأساسية */
.min-h-full {
  position: relative !important;
  overflow: visible !important;
  background:
    radial-gradient(circle at top, rgba(95,179,255,0.08), transparent 35%),
    linear-gradient(180deg, #0e152d 0%, #0b1124 100%) !important;
}

/* طبقة النجوم */
.min-h-full::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.9;
  background-image:
    radial-gradient(3px 3px at 8% 14%, rgba(255,255,255,0.95), transparent 65%),
    radial-gradient(2.5px 2.5px at 18% 38%, rgba(95,179,255,0.9), transparent 65%),
    radial-gradient(3px 3px at 30% 22%, rgba(255,255,255,0.95), transparent 65%),
    radial-gradient(2.5px 2.5px at 42% 58%, rgba(180,220,255,0.85), transparent 65%),
    radial-gradient(3px 3px at 55% 16%, rgba(255,255,255,0.95), transparent 65%),
    radial-gradient(2.5px 2.5px at 66% 44%, rgba(95,179,255,0.85), transparent 65%),
    radial-gradient(3px 3px at 78% 26%, rgba(255,255,255,0.9), transparent 65%),
    radial-gradient(2.5px 2.5px at 88% 52%, rgba(180,220,255,0.8), transparent 65%),
    radial-gradient(3px 3px at 14% 74%, rgba(255,255,255,0.9), transparent 65%),
    radial-gradient(2.5px 2.5px at 36% 82%, rgba(95,179,255,0.8), transparent 65%),
    radial-gradient(3px 3px at 60% 76%, rgba(255,255,255,0.9), transparent 65%),
    radial-gradient(2.5px 2.5px at 84% 86%, rgba(180,220,255,0.85), transparent 65%);
  background-repeat: repeat;
  background-size: 320px 320px;
  filter:
    drop-shadow(0 0 4px rgba(255,255,255,0.28))
    drop-shadow(0 0 8px rgba(95,179,255,0.16));
  animation: starsFloat 45s linear infinite;
}

/* مهم: لا نرفع كل العناصر فوق بعض */
.min-h-full > * {
  position: relative;
}

/* المحتوى الرئيسي فوق النجوم */
#main-content,
.store-footer,
.store-header,
section,
main {
  position: relative;
  z-index: 1;
}

/* حركة النجوم */
@keyframes starsFloat {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-140px);
  }
}

/* =========================
   المميزات
========================= */
.s-block--features .grid .s-block--features__item {
  background-color: rgba(19,28,63,0.5) !important;
  box-shadow: 0px -10px 30px -22px #7a90bc inset;
  backdrop-filter: blur(10px);
}

.s-block--features .grid h2 {
  color: #5fb3ff;
}

.s-block--features .grid p {
  color: #f0f6ff;
}

/* =========================
   الفوتر
========================= */
.min-h-full .store-footer .store-footer__inner {
  background-color: #0d1329;
  color: #ffffff;
}

/* =========================
   كروت المنتجات
========================= */
.s-products-slider-card {
  background-color: transparent !important;
  position: relative;
  z-index: 1;
}

.s-products-slider-card .s-product-card-vertical {
  position: relative;
  z-index: 1;
  background-color: transparent !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  box-shadow: 0px -10px 30px -22px #7a90bc inset;
  transition:
    transform 0.5s cubic-bezier(.22,.61,.36,1),
    box-shadow 0.5s cubic-bezier(.22,.61,.36,1);
  will-change: transform;
}

/* حركة الكارد */
.s-products-slider-card .s-product-card-vertical:hover {
  transform: translateY(-4px);
  box-shadow:
    0px -10px 30px -22px #7a90bc inset,
    0 10px 22px rgba(0,0,0,0.16);
}

/* لمعان صغير وخفيف */
.s-products-slider-card .s-product-card-vertical::before {
  content: "";
  position: absolute;
  top: -35%;
  left: -42%;
  width: 20%;
  height: 150%;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,0.04) 42%,
    rgba(255,255,255,0.11) 50%,
    rgba(255,255,255,0.04) 58%,
    transparent 100%
  );
  transform: rotate(18deg);
  transition: left 0.75s ease;
  pointer-events: none;
  z-index: 2;
}

/* حركة اللمعان */
.s-products-slider-card .s-product-card-vertical:hover::before {
  left: 108%;
}

/* glow داخلي خفيف جدًا */
.s-products-slider-card .s-product-card-vertical::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 20px;
  background:
    radial-gradient(circle at 25% 20%, rgba(255,255,255,0.03), transparent 35%),
    radial-gradient(circle at 80% 85%, rgba(95,179,255,0.04), transparent 40%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.s-products-slider-card .s-product-card-vertical:hover::after {
  opacity: 1;
}

/* منطقة الصورة */
.s-products-slider-card .s-product-card-image,
.s-products-slider-card .s-product-card-image-contain,
.s-products-slider-card .s-product-card-image a {
  background-color: #0f1a3a !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: none !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

/* صورة المنتج */
.s-products-slider-card .s-product-card-image img,
.s-products-slider-card .s-product-card-image-contain img {
  display: block !important;
  width: 100% !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

/* منطقة المحتوى */
.s-products-slider-card .s-product-card-content {
  background-color: #131c3f !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
  margin-top: 0 !important;
}

/* اسم المنتج */
.s-products-slider-card .s-product-card-content .s-product-card-content-main .s-product-card-content-title a {
  color: #f0f6ff !important;
}

/* السعر الحالي */
.s-products-slider-card h4 {
  color: #5fb3ff !important;
}

/* السعر قبل الخصم */
.s-product-card-sale-price span {
  color: #c60000 !important;
}

/* زر إضافة للسلة */
.w-full .s-button-primary-outline {
  color: #4da3ff !important;
}

/* =========================
   الهيدر / الشريط العلوي
========================= */
.store-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 8000 !important;
}

#mainnav {
  position: sticky !important;
  top: 0 !important;
  z-index: 9000 !important;
  background: transparent !important;
}

#mainnav .inner {
  position: relative !important;
  z-index: 9001 !important;
  background-color: rgba(10,15,35,0.72) !important;
  backdrop-filter: blur(12px) brightness(1.08);
  -webkit-backdrop-filter: blur(12px) brightness(1.08);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  transform: none !important;
  overflow: visible !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.14);
}

/* التوب بار */
.min-h-full .store-header .top-navbar {
  background-color: #090e20;
  position: relative;
  z-index: 9002;
}

/* =========================
   أيقونات وأزرار الهيدر
========================= */
.justify-end .header-btn i {
  color: #65a1fa;
  background-color: rgba(229,132,132,0);
  border-color: #65a1fa;
}

.items-stretch .justify-end .header-btn {
  color: #c17a7a;
}

#s-cart-icon .icon {
  color: #65a1fa;
  border-color: #65a1fa;
}

.s-cart-summary-wrapper b {
  color: #99bff9;
}

.rtl\:ml-\[unset\] .s-cart-summary-wrapper span {
  background-color: #5fb3ff;
}

.justify-end .header-btn i:hover {
  color: #bcdcff;
  border-color: #bcdcff;
}

/* =========================
   المينيو والبحث
========================= */
.mm-spn--open .lg\:\!inline-block .sub-menu {
  color: #5fb3ff;
  background-color: #0e152d;
}

/* رفع الدروب داون فوق كل شيء */
.sub-menu,
.dropdown-menu,
.menu-item-has-children > ul,
.mm-spn,
.mm-spn--open,
header .sub-menu,
header .dropdown-menu {
  position: absolute !important;
  z-index: 99999 !important;
}

.mm-spn--open .lg\:\!inline-block a:hover {
  color: #4da3ff;
}

.s-search-inline .s-search-input-wrapper input[type=search] {
  background-color: #c3cdde;
  color: #65a1fa;
}

/* =========================
   خفض طبقات السلايدر
========================= */
.s-slider-container,
.s-slider-block,
.swiper,
.swiper-wrapper,
.swiper-slide,
.s-products-slider-card,
.s-products-slider-card .s-product-card-vertical {
  position: relative;
  z-index: 1 !important;
}

/* =========================
   عناوين السلايدر والمسافات
========================= */
.s-slider-block__title a {
  color: #97a5dd;
}

.s-slider-container {
  padding-top: 25px;
  padding-bottom: 15px;
}

#main-content .s-block--hero-slider {
  height: 187px;
}
/* =========================
   صفحة المنتج
========================= */
/* Font bold */
.md\:flex-row .md\:overflow-hidden h1.font-bold{
 color:#b6cffa;
}

/* Rounded */
.md\:overflow-hidden .product-form .rounded-md{
 background-color:rgba(19,28,63,0.5);
 backdrop-filter:blur(2px);
 box-shadow:0px 0px 8px -5px #4da3ff inset;
 color:#4da3ff;
}

/* Division */
.product-form .sm\:items-start{
 transform:translatex(0px) translatey(0px);
}

/* Label */
.product-form .sm\:items-start label{
 color:#ffffff;
}

/* Bold Tag */
.product-form .flex b{
 color:#ffffff;
}

/* Label */
.sticky-product-bar .center-between label{
 color:#ffffff;
}

/* Salla mini checkout widget */
.s-add-product-button-with-quick-buy .s-add-product-button-main .s-add-product-button-mini-checkout{
 background-color:#4da3ff;
 border-top-right-radius:14px;
 border-bottom-left-radius:14px;
 border-bottom-right-radius:14px;
 border-top-left-radius:14px;
}
/* Button primary */
.s-add-product-button-main .s-button-wrap .s-button-primary{
 box-shadow:0px 0px 4px 0px #4da3ff;
}

.price-wrapper .starting-or-normal-price h2{
 position:relative;
 top:-11px;
}

.product-form .flex b{
   position:relative;
 top:-11px;
}

/* Quantity input container */
.product-form .center-between .s-quantity-input-container{
 border-color:#4da3ff;
}

/* إزالة أي خلفية من عارض صورة المنتج */
salla-slider.details-slider,
salla-slider.details-slider .swiper,
salla-slider.details-slider .s-slider-container,
salla-slider.details-slider .swiper-wrapper,
salla-slider.details-slider .swiper-slide,
salla-slider.details-slider .magnify-wrapper,
salla-slider.details-slider .homeslider__slide {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* الصورة نفسها */
salla-slider.details-slider img {
  background: transparent !important;
  background-color: transparent !important;
}

/* إزالة الحواف البيضاء من عارض المنتج */
salla-slider.details-slider,
salla-slider.details-slider .swiper,
salla-slider.details-slider .s-slider-container,
salla-slider.details-slider .swiper-wrapper,
salla-slider.details-slider .swiper-slide,
salla-slider.details-slider .magnify-wrapper,
salla-slider.details-slider .homeslider__slide {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* لو القالب عامل إطار على العنصر نفسه */
#details-slider-951969026 {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* إخفاء أسهم السلايدر في صفحة المنتج */
salla-slider.details-slider .s-slider-prev,
salla-slider.details-slider .s-slider-next {
  display: none !important;
}

/* =========================
   قسم التعليقات / التقييمات
========================= */
.s-comments.s-comments-product {
  background: transparent !important;
  background-color: #0e152d !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}

/* أي حاوية داخلية داخل التعليقات */
.s-comments.s-comments-product,
.s-comments.s-comments-product *,
salla-comments[type="product"],
salla-comments[type="product"] * {
  box-shadow: none !important;
}

/* عناوين وأسماء الأشخاص */
.s-comments.s-comments-product h1,
.s-comments.s-comments-product h2,
.s-comments.s-comments-product h3,
.s-comments.s-comments-product h4,
.s-comments.s-comments-product h5,
.s-comments.s-comments-product h6,
.s-comments.s-comments-product strong,
.s-comments.s-comments-product .font-bold,
.s-comments.s-comments-product .font-semibold,
.s-comments.s-comments-product [class*="name"],
.s-comments.s-comments-product [class*="author"],
.s-comments.s-comments-product [class*="user"] {
  color: #ffffff !important;
}

/* نص التعليق نفسه */
.s-comments.s-comments-product p,
.s-comments.s-comments-product span,
.s-comments.s-comments-product div,
.s-comments.s-comments-product [class*="comment"],
.s-comments.s-comments-product [class*="content"],
.s-comments.s-comments-product [class*="text"],
.s-comments.s-comments-product [class*="body"] {
  color: #4ca1fd !important;
}

/* النجوم أو التقييمات إن ظهرت */
.s-comments.s-comments-product [class*="rating"],
.s-comments.s-comments-product [class*="star"],
.s-comments.s-comments-product svg {
  color: #ffd166 !important;
  fill: #ffd166 !important;
}

/* لو فيه كروت منفصلة للتعليق */
.s-comments.s-comments-product article,
.s-comments.s-comments-product li,
.s-comments.s-comments-product .comment,
.s-comments.s-comments-product [class*="item"],
.s-comments.s-comments-product [class*="card"] {
  background: rgba(19, 28, 63, 0.45) !important;
  border: 1px solid rgba(95, 179, 255, 0.12) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(8px);
}

/* لو فيه نموذج إضافة تعليق */
.s-comments.s-comments-product input,
.s-comments.s-comments-product textarea,
.s-comments.s-comments-product select {
  background: rgba(19, 28, 63, 0.75) !important;
  color: #ffffff !important;
  border: 1px solid rgba(95,179,255,0.25) !important;
}

.s-comments.s-comments-product input::placeholder,
.s-comments.s-comments-product textarea::placeholder {
  color: rgba(255,255,255,0.55) !important;
}

/* أزرار داخل القسم */
.s-comments.s-comments-product button,
.s-comments.s-comments-product .btn,
.s-comments.s-comments-product [class*="button"] {
  background: rgba(76,161,253,0.12) !important;
  color: #ffffff !important;
  border: 1px solid rgba(76,161,253,0.35) !important;
}
/* =========================
   نهاية قسم التعليقات / التقييمات
========================= */

/* =========================================
   إشعار إضافة المنتج للسلة
========================================= */
salla-add-product-toast.s-add-product-toast {
  background: rgba(14, 21, 45, 0.94) !important;
  color: #ffffff !important;
  border: 1px solid rgba(95, 179, 255, 0.22) !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35) !important;
  backdrop-filter: blur(12px) brightness(1.04);
  -webkit-backdrop-filter: blur(12px) brightness(1.04);
  overflow: hidden !important;
}

/* شريط التقدم العلوي */
salla-add-product-toast .s-add-product-toast__progress {
  background: rgba(255,255,255,0.06) !important;
}

salla-add-product-toast .s-add-product-toast__progress-bar {
  background: linear-gradient(90deg, #31d17c, #4ca1fd) !important;
}

/* الهيدر */
salla-add-product-toast .s-add-product-toast__header {
  background: transparent !important;
}

salla-add-product-toast .s-add-product-toast__title {
  color: #ffffff !important;
  font-weight: 700 !important;
}

salla-add-product-toast .s-add-product-toast__icon {
  filter: brightness(1.1);
}

/* زر الإغلاق */
salla-add-product-toast .s-add-product-toast__close {
  background: transparent !important;
  color: #bcdcff !important;
  border: none !important;
  box-shadow: none !important;
}

salla-add-product-toast .s-add-product-toast__close:hover {
  color: #ffffff !important;
}

/* الخط الفاصل */
salla-add-product-toast .s-add-product-toast__divider {
  background: rgba(255,255,255,0.08) !important;
}

/* جسم الإشعار */
salla-add-product-toast .s-add-product-toast__body {
  background: transparent !important;
}

/* صورة المنتج */
salla-add-product-toast .s-add-product-toast__image {
  background: rgba(19, 28, 63, 0.65) !important;
  border: 1px solid rgba(95, 179, 255, 0.12) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

salla-add-product-toast .s-add-product-toast__image img {
  background: transparent !important;
  border-radius: 14px !important;
  display: block;
}

/* اسم المنتج */
salla-add-product-toast .s-add-product-toast__name {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* الخيارات / الوصف */
salla-add-product-toast .s-add-product-toast__options,
salla-add-product-toast .s-add-product-toast__options span {
  color: #cfe5ff !important;
}

/* السعر */
salla-add-product-toast .s-add-product-toast__price-sale {
  color: #4ca1fd !important;
  font-weight: 700 !important;
}

salla-add-product-toast .s-add-product-toast__price-original {
  color: rgba(255,255,255,0.45) !important;
}

/* منطقة الأزرار */
salla-add-product-toast .s-add-product-toast__actions {
  background: transparent !important;
}

/* تنسيق عام لأزرار الإشعار */
salla-add-product-toast .s-button-element {
  border-radius: 12px !important;
  transition: all 0.25s ease !important;
}

/* زر إتمام الطلب */
salla-add-product-toast .s-button-primary {
  background: linear-gradient(135deg, #4ca1fd, #65b5ff) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 8px 18px rgba(76, 161, 253, 0.24) !important;
}

/* زر عرض السلة */
salla-add-product-toast .s-button-gray-outline,
salla-add-product-toast .s-button-outline {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid rgba(95, 179, 255, 0.35) !important;
}

/* هوفر خفيف */
salla-add-product-toast .s-button-element:hover {
  transform: translateY(-1px);
}

/* الأيقونات داخل الأزرار */
salla-add-product-toast .s-button-element svg,
salla-add-product-toast .s-button-element i {
  color: currentColor !important;
}

/* حركة دخول ناعمة */
salla-add-product-toast {
  animation: addToCartToastIn 0.28s ease;
}

@keyframes addToCartToastIn {
  from {
    opacity: 0;
    transform: translateY(-10px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* =========================================
   صفحة التصنيفات / قائمة المنتجات
========================================= */

/* الكارد نفسه */
#main-content .s-product-card-vertical,
#main-content .s-product-card,
.products-list .s-product-card-vertical,
.products-list .s-product-card,
.s-products-list .s-product-card-vertical,
.s-products-list .s-product-card,
.s-products-grid .s-product-card-vertical,
.s-products-grid .s-product-card {
  background-color: transparent !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0px -10px 30px -22px #7a90bc inset !important;
  transition:
    transform 0.45s cubic-bezier(.22,.61,.36,1),
    box-shadow 0.45s cubic-bezier(.22,.61,.36,1);
}

/* حركة hover */
#main-content .s-product-card-vertical:hover,
#main-content .s-product-card:hover,
.products-list .s-product-card-vertical:hover,
.products-list .s-product-card:hover,
.s-products-list .s-product-card-vertical:hover,
.s-products-list .s-product-card:hover,
.s-products-grid .s-product-card-vertical:hover,
.s-products-grid .s-product-card:hover {
  transform: translateY(-4px);
  box-shadow:
    0px -10px 30px -22px #7a90bc inset,
    0 10px 22px rgba(0,0,0,0.16) !important;
}

/* منطقة الصورة */
#main-content .s-product-card-image,
#main-content .s-product-card-image-contain,
#main-content .s-product-card-image a,
.products-list .s-product-card-image,
.products-list .s-product-card-image-contain,
.products-list .s-product-card-image a,
.s-products-list .s-product-card-image,
.s-products-list .s-product-card-image-contain,
.s-products-list .s-product-card-image a,
.s-products-grid .s-product-card-image,
.s-products-grid .s-product-card-image-contain,
.s-products-grid .s-product-card-image a {
  background-color: #0f1a3a !important;
  border: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

/* صورة المنتج */
#main-content .s-product-card-image img,
#main-content .s-product-card-image-contain img,
.products-list .s-product-card-image img,
.products-list .s-product-card-image-contain img,
.s-products-list .s-product-card-image img,
.s-products-list .s-product-card-image-contain img,
.s-products-grid .s-product-card-image img,
.s-products-grid .s-product-card-image-contain img {
  display: block !important;
  width: 100% !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

/* الجزء السفلي */
#main-content .s-product-card-content,
.products-list .s-product-card-content,
.s-products-list .s-product-card-content,
.s-products-grid .s-product-card-content {
  background-color: #131c3f !important;
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  margin-top: 0 !important;
  border-top: none !important;
  box-shadow: none !important;
}

/* اسم المنتج */
#main-content .s-product-card-content .s-product-card-content-title a,
#main-content .s-product-card-content-title a,
.products-list .s-product-card-content-title a,
.s-products-list .s-product-card-content-title a,
.s-products-grid .s-product-card-content-title a {
  color: #f0f6ff !important;
}

/* السعر الحالي */
#main-content .s-product-card-content h4,
#main-content .s-product-card-content .price,
.products-list .s-product-card-content h4,
.products-list .s-product-card-content .price,
.s-products-list .s-product-card-content h4,
.s-products-list .s-product-card-content .price,
.s-products-grid .s-product-card-content h4,
.s-products-grid .s-product-card-content .price {
  color: #5fb3ff !important;
}

/* السعر قبل الخصم */
#main-content .s-product-card-sale-price span,
.products-list .s-product-card-sale-price span,
.s-products-list .s-product-card-sale-price span,
.s-products-grid .s-product-card-sale-price span {
  color: #c60000 !important;
}

/* زر إضافة للسلة */
#main-content .s-product-card .s-button-primary-outline,
#main-content .s-product-card-vertical .s-button-primary-outline,
.products-list .s-button-primary-outline,
.s-products-list .s-button-primary-outline,
.s-products-grid .s-button-primary-outline {
  color: #4da3ff !important;
  border-color: #4da3ff !important;
  background: transparent !important;
  border-radius: 14px !important;
}

/* =========================================
   فلتر / ترتيب المنتجات
========================================= */
select,
.s-sort-options select,
.s-products-sort select,
.s-product-sort select,
#main-content select {
  background-color: rgba(19,28,63,0.92) !important;
  color: #ffffff !important;
  border: 1px solid rgba(95,179,255,0.25) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* النص داخل الدروب */
select option,
.s-sort-options select option,
.s-products-sort select option,
.s-product-sort select option,
#main-content select option {
  background-color: #131c3f !important;
  color: #ffffff !important;
}

/* لو فيه label مثل "ترتيب" */
label,
.s-sort-options label,
.s-products-sort label,
.s-product-sort label {
  color: #f0f6ff !important;
}

/* =========================================
   خيارات المنتج في صفحة المنتج
========================================= */

/* الحاوية العامة */
salla-product-options {
  display: block;
  background: rgba(19, 28, 63, 0.45) !important;
  border: 1px solid rgba(95, 179, 255, 0.14) !important;
  border-radius: 18px !important;
  padding: 18px !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0px -10px 30px -22px #7a90bc inset !important;
}

/* أي عنصر داخلي */
salla-product-options * {
  box-sizing: border-box;
}

/* عنوان الخيار */
salla-product-options label,
salla-product-options .form-label,
salla-product-options [class*="label"],
salla-product-options [class*="title"],
salla-product-options [class*="name"] {
  color: #f0f6ff !important;
  font-weight: 700 !important;
}

/* النجمة أو required */
salla-product-options .text-red-500,
salla-product-options .required,
salla-product-options [class*="required"] {
  color: #ff5f6d !important;
}

/* حقول الاختيار */
salla-product-options select,
salla-product-options .form-select,
salla-product-options [role="listbox"],
salla-product-options [class*="select"],
salla-product-options [class*="dropdown"] {
  width: 100% !important;
  min-height: 52px !important;
  background: rgba(14, 21, 45, 0.95) !important;
  background-color: rgba(14, 21, 45, 0.95) !important;
  color: #ffffff !important;
  border: 1px solid rgba(95, 179, 255, 0.3) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 12px 16px !important;
}

/* placeholder / النص الافتراضي */
salla-product-options select,
salla-product-options option,
salla-product-options .placeholder,
salla-product-options [class*="placeholder"] {
  color: #d9e8ff !important;
}

/* الخيارات داخل الدروب */
salla-product-options select option {
  background: #131c3f !important;
  color: #ffffff !important;
}

/* الهوفر والفوكس */
salla-product-options select:focus,
salla-product-options .form-select:focus,
salla-product-options [class*="select"]:focus,
salla-product-options [class*="dropdown"]:focus {
  border-color: #5fb3ff !important;
  box-shadow: 0 0 0 3px rgba(95, 179, 255, 0.12) !important;
}

/* لو فيه wrapper أبيض من القالب */
salla-product-options .bg-white,
salla-product-options [class*="bg-white"],
salla-product-options [class*="bg-gray"],
salla-product-options .rounded-md,
salla-product-options .rounded-lg {
  background: transparent !important;
  background-color: transparent !important;
}

/* نصوص مساعدة أو وصف */
salla-product-options small,
salla-product-options p,
salla-product-options span:not(.text-red-500) {
  color: #cfe5ff !important;
}

/* spacing داخلي */
salla-product-options .form-group,
salla-product-options [class*="field"],
salla-product-options [class*="group"],
salla-product-options [class*="option"] {
  margin-bottom: 12px !important;
}

/* لو القالب مستخدم custom select */
salla-product-options button[aria-haspopup="listbox"],
salla-product-options [data-type="select"] button,
salla-product-options .select-trigger,
salla-product-options [class*="trigger"] {
  width: 100% !important;
  min-height: 52px !important;
  background: rgba(14, 21, 45, 0.95) !important;
  color: #ffffff !important;
  border: 1px solid rgba(95, 179, 255, 0.3) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

.md\:overflow-hidden .rtl\:space-x-reverse p.inline-block{
 color:#5fb3ff;
}

/* Line through */
.md\:overflow-hidden .items-center .line-through{
 color:#c60000;
}

.s-quantity-input .s-quantity-input-input{
 background-color:#090d1f;
 border-color:rgba(95,179,255,0.32);
}
.price-wrapper .price_is_on_sale h2{
 color:#5fb3ff;
}

/* Price sale */
.product-form .flex .price_is_on_sale{
 position:relative;
 top:-10px;
}
/* =========================================
   زر إضافة الملاحظة + صندوق الملاحظات
========================================= */

/* الحاوية العامة */
.mt-1.sm\:mt-0.sm\:col-span-2.text-end {
  color: #f0f6ff !important;
}

/* زر إضافة الملاحظة */
.mt-1.sm\:mt-0.sm\:col-span-2.text-end .btn-tab.btn--collapse {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 50px !important;
  min-width: 220px !important;
  padding: 12px 18px !important;
  background: rgba(14, 21, 45, 0.96) !important;
  color: #f0f6ff !important;
  border: 1px solid rgba(95, 179, 255, 0.28) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
}

/* أيقونة الزر */
.mt-1.sm\:mt-0.sm\:col-span-2.text-end .btn-tab.btn--collapse i {
  color: #5fb3ff !important;
}

/* نص الزر */
.mt-1.sm\:mt-0.sm\:col-span-2.text-end .btn-tab.btn--collapse .fix-align {
  color: #f0f6ff !important;
  font-weight: 600 !important;
}

/* هوفر الزر */
.mt-1.sm\:mt-0.sm\:col-span-2.text-end .btn-tab.btn--collapse:hover {
  background: rgba(19, 28, 63, 0.96) !important;
  border-color: #5fb3ff !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

/* حالة الفتح */
.mt-1.sm\:mt-0.sm\:col-span-2.text-end .btn-tab.btn--collapse.is-opened {
  background: rgba(19, 28, 63, 0.96) !important;
  border-color: rgba(95, 179, 255, 0.34) !important;
}

/* منطقة المحتوى بعد الفتح */
.mt-1.sm\:mt-0.sm\:col-span-2.text-end .collapse-content {
  background: transparent !important;
}

/* المسافة الداخلية */
.mt-1.sm\:mt-0.sm\:col-span-2.text-end .collapse-content .pt-4 {
  padding-top: 14px !important;
}

/* صندوق كتابة الملاحظة */
.mt-1.sm\:mt-0.sm\:col-span-2.text-end textarea.form-input {
  width: 100% !important;
  min-height: 120px !important;
  resize: vertical !important;
  background: rgba(14, 21, 45, 0.96) !important;
  background-color: rgba(14, 21, 45, 0.96) !important;
  color: #ffffff !important;
  border: 1px solid rgba(95, 179, 255, 0.28) !important;
  border-radius: 16px !important;
  box-shadow: 0px -10px 30px -22px #7a90bc inset !important;
  padding: 16px !important;
  outline: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* نص الـ placeholder */
.mt-1.sm\:mt-0.sm\:col-span-2.text-end textarea.form-input::placeholder {
  color: rgba(240, 246, 255, 0.55) !important;
}

/* عند التركيز */
.mt-1.sm\:mt-0.sm\:col-span-2.text-end textarea.form-input:focus {
  border-color: #5fb3ff !important;
  box-shadow:
    0px -10px 30px -22px #7a90bc inset,
    0 0 0 3px rgba(95, 179, 255, 0.10) !important;
}

/* إزالة الخلفية الفاتحة الافتراضية */
.mt-1.sm\:mt-0.sm\:col-span-2.text-end textarea.bg-gray-50 {
  background: rgba(14, 21, 45, 0.96) !important;
}

/* =========================================
   صندوق ملخص الطلب - صفحة السلة فقط
========================================= */
#main-content .shadow-default.bg-white.p-5.xs\:p-7.rounded-md.mb-5.relative.transition-height.duration-1000 {
  background: rgba(19, 28, 63, 0.55) !important;
  border: 1px solid rgba(95, 179, 255, 0.14) !important;
  border-radius: 22px !important;
  box-shadow: 0px -10px 30px -22px #7a90bc inset !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #f0f6ff !important;
}

/* عنوان الملخص */
#main-content .shadow-default.bg-white.p-5.xs\:p-7.rounded-md.mb-5.relative.transition-height.duration-1000 h2 {
  color: #f0f6ff !important;
}

/* النصوص الجانبية */
#main-content .shadow-default.bg-white.p-5.xs\:p-7.rounded-md.mb-5.relative.transition-height.duration-1000 span,
#main-content .shadow-default.bg-white.p-5.xs\:p-7.rounded-md.mb-5.relative.transition-height.duration-1000 .text-gray-500 {
  color: rgba(240, 246, 255, 0.72) !important;
}

/* الأسعار */
#main-content .shadow-default.bg-white.p-5.xs\:p-7.rounded-md.mb-5.relative.transition-height.duration-1000 b,
#main-content .shadow-default.bg-white.p-5.xs\:p-7.rounded-md.mb-5.relative.transition-height.duration-1000 #sub-total,
#main-content .shadow-default.bg-white.p-5.xs\:p-7.rounded-md.mb-5.relative.transition-height.duration-1000 [data-cart-total] {
  color: #5fb3ff !important;
}

/* زر إتمام الطلب */
#main-content .shadow-default.bg-white.p-5.xs\:p-7.rounded-md.mb-5.relative.transition-height.duration-1000 .s-button-primary,
#main-content .shadow-default.bg-white.p-5.xs\:p-7.rounded-md.mb-5.relative.transition-height.duration-1000 .s-button-element.s-button-primary {
  background: linear-gradient(135deg, #4ca1fd, #65b5ff) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 18px rgba(76, 161, 253, 0.24) !important;
}

/* إزالة أي خلفية فاتحة داخلية */
#main-content .shadow-default.bg-white.p-5.xs\:p-7.rounded-md.mb-5.relative.transition-height.duration-1000 .bg-white {
  background: transparent !important;
}

/* =========================================
   كرت المنتج داخل صفحة السلة
========================================= */
#main-content form[id^="item-"] > section.cart-item.bg-white.p-5.xs\:p-7.rounded-md.mb-5.relative {
  background: rgba(19, 28, 63, 0.55) !important;
  border: 1px solid rgba(95, 179, 255, 0.14) !important;
  border-radius: 22px !important;
  box-shadow: 0px -10px 30px -22px #7a90bc inset !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #f0f6ff !important;
}

/* اسم المنتج */
#main-content form[id^="item-"] .cart-item h1,
#main-content form[id^="item-"] .cart-item h1 a {
  color: #f0f6ff !important;
}

/* السعر الحالي */
#main-content form[id^="item-"] .cart-item .item-price,
#main-content form[id^="item-"] .cart-item .item-total,
#main-content form[id^="item-"] .cart-item .text-primary {
  color: #5fb3ff !important;
}

/* السعر القديم */
#main-content form[id^="item-"] .cart-item .item-original-price,
#main-content form[id^="item-"] .cart-item .item-regular-price,
#main-content form[id^="item-"] .cart-item .line-through {
  color: rgba(255,255,255,0.45) !important;
}

/* صورة المنتج */
#main-content form[id^="item-"] .cart-item img.w-24.h-20 {
  border: 1px solid rgba(95, 179, 255, 0.18) !important;
  background: transparent !important;
  border-radius: 16px !important;
}

/* منطقة الكمية */
#main-content form[id^="item-"] .cart-item .s-quantity-input-container {
  background: rgba(14, 21, 45, 0.92) !important;
  border: 1px solid rgba(95, 179, 255, 0.28) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

#main-content form[id^="item-"] .cart-item .s-quantity-input-button {
  background: transparent !important;
  color: #f0f6ff !important;
  border: none !important;
}

#main-content form[id^="item-"] .cart-item .s-quantity-input-input {
  background: rgba(7, 14, 39, 0.92) !important;
  color: #ffffff !important;
  border-left: 1px solid rgba(95, 179, 255, 0.18) !important;
  border-right: 1px solid rgba(95, 179, 255, 0.18) !important;
}

/* خط الفصل الافتراضي داخل الكرت */
#main-content form[id^="item-"] .cart-item .border-gray-200 {
  border-color: rgba(95, 179, 255, 0.10) !important;
}

/* زر الحذف */
#main-content form[id^="item-"] .cart-item .btn--delete .s-button-danger {
  background: #ff6b6b !important;
  border: none !important;
  box-shadow: none !important;
}

/* =========================================
   خيارات التطويرة داخل السلة
========================================= */
#main-content form[id^="item-"] .cart-item salla-product-options.s-product-options-wrapper {
  display: block;
  background: rgba(19, 28, 63, 0.42) !important;
  border: 1px solid rgba(95, 179, 255, 0.12) !important;
  border-radius: 18px !important;
  padding: 18px !important;
  margin-bottom: 20px !important;
  box-shadow: 0px -10px 30px -22px #7a90bc inset !important;
}

#main-content form[id^="item-"] .cart-item .s-product-options-option-label b {
  color: #f0f6ff !important;
}

#main-content form[id^="item-"] .cart-item .s-product-options-option-label small {
  color: rgba(240,246,255,0.58) !important;
}

#main-content form[id^="item-"] .cart-item .s-product-options-option-label span {
  color: #ff6b6b !important;
}

/* الـ select */
#main-content form[id^="item-"] .cart-item salla-product-options .s-form-control {
  width: 100% !important;
  min-height: 54px !important;
  background: rgba(14, 21, 45, 0.96) !important;
  color: #ffffff !important;
  border: 1px solid rgba(95, 179, 255, 0.28) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  padding: 12px 16px !important;
}

#main-content form[id^="item-"] .cart-item salla-product-options .s-form-control option {
  background: #131c3f !important;
  color: #ffffff !important;
}

#main-content form[id^="item-"] .cart-item salla-product-options .s-form-control:focus {
  border-color: #5fb3ff !important;
  box-shadow: 0 0 0 3px rgba(95, 179, 255, 0.10) !important;
  outline: none !important;
}

/* =========================================
   المرفقات / إضافة ملاحظة داخل السلة
========================================= */
#main-content form[id^="item-"] .cart-item > section.bg-white.p-5.rounded-md.mb-5 {
  background: rgba(19, 28, 63, 0.42) !important;
  border: 1px solid rgba(95, 179, 255, 0.12) !important;
  border-radius: 18px !important;
  box-shadow: 0px -10px 30px -22px #7a90bc inset !important;
}

/* عنوان المرفقات */
#main-content form[id^="item-"] .cart-item > section.bg-white.p-5.rounded-md.mb-5 .form-label b {
  color: #f0f6ff !important;
}

/* زر إضافة ملاحظة */
#main-content form[id^="item-"] .cart-item > section.bg-white.p-5.rounded-md.mb-5 .btn-tab.btn--collapse {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 50px !important;
  min-width: 220px !important;
  padding: 12px 18px !important;
  background: rgba(14, 21, 45, 0.96) !important;
  color: #f0f6ff !important;
  border: 1px solid rgba(95, 179, 255, 0.28) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
}

#main-content form[id^="item-"] .cart-item > section.bg-white.p-5.rounded-md.mb-5 .btn-tab.btn--collapse i {
  color: #5fb3ff !important;
}

#main-content form[id^="item-"] .cart-item > section.bg-white.p-5.rounded-md.mb-5 .btn-tab.btn--collapse:hover {
  background: rgba(19, 28, 63, 0.96) !important;
  border-color: #5fb3ff !important;
}

/* صندوق الملاحظة */
#main-content form[id^="item-"] .cart-item > section.bg-white.p-5.rounded-md.mb-5 textarea.form-input {
  width: 100% !important;
  min-height: 120px !important;
  resize: vertical !important;
  background: rgba(14, 21, 45, 0.96) !important;
  color: #ffffff !important;
  border: 1px solid rgba(95, 179, 255, 0.28) !important;
  border-radius: 16px !important;
  box-shadow: 0px -10px 30px -22px #7a90bc inset !important;
  padding: 16px !important;
  outline: none !important;
}

#main-content form[id^="item-"] .cart-item > section.bg-white.p-5.rounded-md.mb-5 textarea.form-input::placeholder {
  color: rgba(240,246,255,0.55) !important;
}

#main-content form[id^="item-"] .cart-item > section.bg-white.p-5.rounded-md.mb-5 textarea.form-input:focus {
  border-color: #5fb3ff !important;
  box-shadow:
    0px -10px 30px -22px #7a90bc inset,
    0 0 0 3px rgba(95, 179, 255, 0.10) !important;
}

/* إزالة الخلفيات الرمادية الافتراضية */
#main-content form[id^="item-"] .cart-item .bg-white,
#main-content form[id^="item-"] .cart-item .bg-gray-50,
#main-content form[id^="item-"] .cart-item .bg-gray-100 {
  background-color: transparent !important;
}

/* =========================================
   أزرار السلايدر
========================================= */
.s-slider-nav-arrow,
button.s-slider-next,
button.s-slider-prev {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(14, 21, 45, 0.82) !important;
  border: 1px solid rgba(95, 179, 255, 0.28) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,0.22),
    inset 0 0 18px rgba(95,179,255,0.06) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all 0.25s ease !important;
}

/* الأيقونة */
.s-slider-nav-arrow .s-slider-button-icon,
button.s-slider-next .s-slider-button-icon,
button.s-slider-prev .s-slider-button-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #d9e8ff !important;
}

/* svg */
.s-slider-nav-arrow svg,
button.s-slider-next svg,
button.s-slider-prev svg {
  width: 22px !important;
  height: 22px !important;
  fill: currentColor !important;
}

/* hover */
.s-slider-nav-arrow:hover,
button.s-slider-next:hover,
button.s-slider-prev:hover {
  background: rgba(19, 28, 63, 0.96) !important;
  border-color: #5fb3ff !important;
  color: #ffffff !important;

  transform: scale(1.01); /* تكبير بسيط بدون تحريك */
  
  box-shadow:
    0 8px 20px rgba(0,0,0,0.25),
    0 0 0 3px rgba(95, 179, 255, 0.08),
    inset 0 0 20px rgba(95,179,255,0.08) !important;
}

/* الحالة المعطلة */
.s-slider-nav-arrow.swiper-button-disabled,
button.s-slider-next.swiper-button-disabled,
button.s-slider-prev.swiper-button-disabled,
.s-slider-nav-arrow:disabled,
button.s-slider-next:disabled,
button.s-slider-prev:disabled {
  opacity: 0.38 !important;
  cursor: not-allowed !important;
  border-color: rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* منع تأثير hover على المعطل */
.s-slider-nav-arrow.swiper-button-disabled:hover,
button.s-slider-next.swiper-button-disabled:hover,
button.s-slider-prev.swiper-button-disabled:hover,
.s-slider-nav-arrow:disabled:hover,
button.s-slider-next:disabled:hover,
button.s-slider-prev:disabled:hover {
  background: rgba(14, 21, 45, 0.82) !important;
  color: #d9e8ff !important;
  transform: none !important;
}

/* لو الأزرار بجوار عنوان مثل "عرض الكل" */
.s-slider-block__title-nav {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* ================================
   عناصر التصنيفات في الشريط العلوي
================================ */

/* العنصر الأساسي */
#mainnav .sub-menu > a,
#mainnav .has-dropdown > a,
#mainnav .menu-item > a {
  color: rgba(240,246,255,0.85) !important;
  font-weight: 500 !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  transition: all .25s ease !important;
}

/* hover */
#mainnav .sub-menu > a:hover,
#mainnav .has-dropdown > a:hover,
#mainnav .menu-item > a:hover {
  color: #ffffff !important;
  background: rgba(95,179,255,0.08) !important;
  box-shadow: inset 0 0 12px rgba(95,179,255,0.08);
}

/* السهم الصغير */
#mainnav .has-dropdown > a::after {
  opacity: .6;
  transition: transform .25s ease;
}

/* دوران السهم عند hover */
#mainnav .has-dropdown:hover > a::after {
  transform: rotate(180deg);
  opacity: 1;
}

/* ================================
   قائمة الدروب داون نفسها
================================ */

#mainnav .dropdown-menu,
#mainnav .sub-menu {
  background: rgba(14,21,45,0.96) !important;
  border: 1px solid rgba(95,179,255,0.18) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(10px);
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 0 20px rgba(95,179,255,0.05);
  padding: 8px !important;
}

/* عناصر الدروب */
#mainnav .dropdown-menu a,
#mainnav .sub-menu a {
  color: rgba(240,246,255,0.8) !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  transition: all .2s ease;
}

/* hover داخل الدروب */
#mainnav .dropdown-menu a:hover,
#mainnav .sub-menu a:hover {
  color: #ffffff !important;
  background: rgba(95,179,255,0.12) !important;
}

/* زر قائمة الموبايل - بدون صندوق */
.sicon-menu {
  color: #5fb3ff !important;
  font-size: 26px !important;
  line-height: 1 !important;
  text-shadow: 0 0 8px rgba(95,179,255,0.35);
}

/* hover بسيط */
.sicon-menu:hover {
  color: #ffffff !important;
}