/* 🔹 استهدف صورة المنتج داخل الكارت فقط */
section.cart-item .flex > a.relative.overflow-hidden.shrink-0 {
  position: relative;
  display: inline-block;
}

/* الصورة الأصلية ثابتة (تبقى موجودة كباك أب) */
section.cart-item .flex > a.relative.overflow-hidden.shrink-0 img {
  width: 96px !important;   /* w-24 */
  height: 80px !important;  /* h-20 */
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

/* غطاء شفاف فوق الصورة لتغيير الخلفية */
section.cart-item .flex > a.relative.overflow-hidden.shrink-0::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  z-index: 1;
  pointer-events: none;  /* ما يغطي الكلك */
}

/* --- تغيّر الخلفية حسب اللون المختار --- */

/* اسود */
section.cart-item:has(input[data-itemid="11369174"]:checked)
  .flex > a.relative.overflow-hidden.shrink-0::before {
  background-image: url("https://cdn.salla.sa/gZgqOj/25ceb11a-6bd8-4e77-9c4a-cfeffc321347-429.7789336801x500-Onau6XbHaKLHjMY5FUjfXeAP7r8md9rctJViy7mR.png");
}

/* بيج */
section.cart-item:has(input[data-itemid="1384880599"]:checked)
  .flex > a.relative.overflow-hidden.shrink-0::before {
  background-image: url("https://cdn.salla.sa/gZgqOj/d0926cd3-d380-4fdd-8675-44c81bced245-430.10403120936x500-s5xiwZxpJhduNHrv4kBWArUCRdVuIh3xs3hVwYru.png");
}

/* زهري */
section.cart-item:has(input[data-itemid="743487696"]:checked)
  .flex > a.relative.overflow-hidden.shrink-0::before {
  background-image: url("https://cdn.salla.sa/gZgqOj/011621ac-6d49-45f8-8b34-52d5a9e1c574-429.99566536628x500-LmMAg7LaPaFQlLIMevmsohORpfSC01HIcgOkjnEI.png");
}

/* ازرق */
section.cart-item:has(input[data-itemid="900692651"]:checked)
  .flex > a.relative.overflow-hidden.shrink-0::before {
  background-image: url("https://cdn.salla.sa/gZgqOj/1d5652aa-96b8-42f6-a3c9-a0e85168fdb4-429.7789336801x500-KhEEGKKYIsE9g66thl2suoddVGdLIGxJJ5Qc3c2R.png");
}

/* بنفسجي */
section.cart-item:has(input[data-itemid="125147572"]:checked)
  .flex > a.relative.overflow-hidden.shrink-0::before {
  background-image: url("https://cdn.salla.sa/gZgqOj/6c906bcf-ad93-4b09-81a1-2bc87d75d3a7-429.99566536628x500-YaF7tEAhhGSg2QfL4tutO17oLsVJxbNkZNdlnK8i.png");
}































/* يطبّق القرب هذا على قسم آراء العملاء فقط */
.container .home-block-title {
  margin-bottom: 20px !important;
}





/* كل النجوم الافتراضية (غير المختارة) تكون رمادي */
.s-rating-stars-btn-star svg path {
  fill: #ccc !important; /* رمادي فاتح */
  transition: fill 0.2s ease-in-out;
}

/* النجوم المختارة تتحول إلى أسود غامق */
.s-rating-stars-btn-star.s-rating-stars-selected svg path {
  fill: #000 !important; /* أسود غامق */
}

/* عند المرور بالماوس على نجمة */
.s-rating-stars-btn-star:hover svg path {
  fill: #000 !important;
}




/* 0) أصلح القوس المفقود — ضيف هذا القوس قبل "header {" */
* {
  animation: none !important;
  transition: none !important;
}
/* ← احرص إن فيه قوس إغلاق هنا ↑ */

/* 1) لا تخفّي هيكل التابات */
.tabs.hide-scroll {
  display: block !important;  /* بدل none */
}

/* 2) خلّي سلسلة الآباء للتقييمات ظاهرة */
.more-tab-container,
.tab-content {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 3) أبقِ تبويب التقييمات ظاهرًا ومُفعّل */
#reviews,
#reviews.tab-pane,
#reviews.tab-pane.fade {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
}
#reviews[hidden] { display: block !important; }

/* تبويب الـnav شكليًا Active (اختياري) */
.more-info-tabs__nav-link[data-id="reviews"] {
  font-weight: 700;
  border-color: currentColor !important;
}

/* 4) لا تخفي صور التقييمات داخل قسم المنتج
      (خلّها مخفيّة بس في سلايدر الشهادات إذا تبي) */
.s-block--testimonials .review img { display: none !important; }
/* ألغي القاعدة العامة اللي كانت تخفي كل صور التقييمات */
.review img { display: initial !important; }

/* 5) تأكد أزرار "عرض المزيد" أو التحكم في التعليقات ظاهرة */
.s-comments-container .s-button-element,
.s-comments-container .s-button-btn,
.s-comments-container button,
salla-comments button {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 6) تفادي إخفاء عناصر ممكن تكون داخل التقييمات بالخطأ */
.flex.items-center.gap-8.mt-5 {
  display: flex !important;  /* كانت مخفية، رجّعها */
}

/* 7) كَمل قوس إغلاق للسكرول بار لو ناقص */
body::-webkit-scrollbar,
body::-webkit-scrollbar-button {
  display: none;
}





/* افتح تبويب التقييمات دائمًا */
#reviews,
#reviews.tab-pane,
#reviews.tab-pane.fade {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
}

/* لو الثيم يحط hidden على البانل */
#reviews[hidden] {
  display: block !important;
}

/* (اختياري) خلّي زر "تقييمات المنتج" باين كأنه Active */
.more-info-tabs__nav-link[data-id="reviews"] {
  font-weight: 700;
  border-color: currentColor !important;
}



.tamara-summary-widget__container {
  display: none !important;
}


<div class="tamara-split-payment-section">
  <div class="tamara-container">
    <div class="tamara-text">
      <span class="tamara-text-p">
        قسم فاتورتك على 4 دفعات بقيمة 
        <span class="tamara-installment-amount">17.25 ر.س</span> مع
        <img src="https://d17gg5c5d03gu7.cloudfront.net/tamara_ar.png" alt="شعار تمارا" class="tamara-logo">
      </span>
    </div>
  </div>
</div>



salla-payments {
  display: none !important;
}

nav.breadcrumbs {
  display: none !important;
}


salla-social-share,
.btn--wishlist {
  display: none !important;
}






.flex.items-center.gap-8.mt-5 {
  display: none !important;
}



/* أيقونات أصغر */
.mini-features .feature-icon i {
  font-size: 7px !important;   /* صغرها أكثر */
  color: #111 !important;
}

/* لو الصور بدل الأيقونات */
.mini-features .feature-icon img {
  max-width: 20px !important;  /* صغر الصورة */
  max-height: 20px !important;
  margin: 0 auto 4px !important;
  display: block;
}


/* === Mini Features (مثل هوا) === */
.mini-features .s-block--enhanced-features__item{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 6px 4px !important;
}

/* اخفاء حدود/أنيميشن الإطارات */
.mini-features .s-block--enhanced-features__item > .absolute{
  display: none !important;
}

/* شبكة: 4 أعمدة على الجوال */
.mini-features .grid{
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 8px !important;
}

/* أيقونة أصغر ونظيفة */
.mini-features .feature-icon{
  margin: 0 auto 6px !important;
}
.mini-features .feature-icon i{
  font-size: 10px !important;   /* صغّر الأيقونة */
  color: #111 !important;        /* أسود أنظف (غيره إلى #004956 لو تبغى بلون البراند) */
}

/* عناوين ونصوص أصغر */
.mini-features h2{
  font-size: 10px !important;
  line-height: 1.5 !important;
  margin: 0 0 2px !important;
  font-weight: 700 !important;
}
.mini-features p{
  font-size: 11px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  color: var(--color-text-secondary, #666) !important;
}

/* للشاشات الصغيرة جدًا نخليها 2×2 عشان ما تزحم */
@media (max-width: 370px){
  .mini-features .grid{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 10px !important;
  }
  .mini-features h2{ font-size: 12px !important; }
  .mini-features p{ font-size: 10px !important; }
}



@media (max-width: 768px) {
  .mini-features .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}




@media (max-width: 768px) {
  .s-block--stats .text-center {
    width: 25% !important;  /* يخليها ربع العرض */
  }
}





/* تكبير أو تصغير النص في الليبل */
.product-card__promotion {
  font-size: 14px; /* الحجم الطبيعي للديسكتوب */
  padding: 4px 8px; /* ضبط الهوامش لو حاب */
}

/* للجوال */
@media (max-width: 768px) {
  .product-card__promotion {
    font-size: 11px !important; /* أصغر للجوال */
    padding: 2px 6px !important; /* يقلل الفراغ */
  }
}





/* تغيير لون النجوم للأسود */
.comment__rating .sicon-star2 {
  color: #000000 !important; /* أسود */
}

.review .sicon-quote {
  display: none !important;
}




.s-block--testimonials .home-block-title h2 {
  visibility: hidden;
  position: relative;
}

.s-block--testimonials .home-block-title h2::after {
  content: "وش قالوا عن سويغو؟";
  visibility: visible;
  display: block;
  position: absolute;
  inset: 0;
  text-align: center;
  font-size: 1.875rem; /* يساوي lg:text-3xl */
  font-weight: bold;
  color: var(--color-text-primary);
}




.s-block--testimonials {
  --faq-bg: none !important;
  background-image: none !important;
}


.review img {
  display: none !important;
}


h1.font-bold.text-2xl.mb-6 {
    display: none !important;
}







/* تغيير لون السعر فقط */
.total-price {
    color: #b00000 !important; /* نفس لون شحن مجاني */
}






/* إخفاء أيقونة النار */
.product-count-sale {
  display: none !important;
}

/* تصميم المربع */
.product-single__discounted-amount {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background-color: transparent !important; /* الوسط شفاف */
  color: #000 !important; /* النص أسود */
  font-weight: bold;
  padding: 6px 12px;
  border-radius: 6px;
  border: 2px solid #000; /* الإطار أسود */
  text-align: center;
}

/* إزالة النقط الحمراء */
.product-single__discounted-amount::after {
  content: none !important;
}

/* النص داخل المربع */
.product-single__discounted-amount span,
.product-single__discounted-amount strong {
  color: #000 !important; /* أسود */
}

/* 1) إخفاء أيقونة النار – للتأكيد */
.product-single__discounted-amount .product-count-sale {
  display: none !important;
}

















.home-block-title {
    margin-bottom: 70px; /* المسافة بين النص والمحتوى */
}






.promotion-banner__inner ul {
    display: flex;
    justify-content: center; /* يخليه في الوسط */
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.promotion-banner__inner ul li {
    animation: none !important; /* يوقف الحركة */
    margin: 0;
     /* يخلي الخط بولد */
}

.promotion-banner__inner ul li:not(:first-child) {
    display: none; /* يخفي أي عنصر مكرر */
}






.product-card {
    text-align: center !important;
}

.product-card__title,
.product-card__price,
.product-card__buttons {
    justify-content: center !important;
    text-align: center !important;
}




a.btn {
    border-radius: 8px !important; /* حواف دائرية خفيفة */
}




.s-product-options-thumbnails-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 5px; /* مسافة بسيطة بين الألوان */
    justify-content: center; /* يوسّطهم */
}

.s-product-options-thumbnails-wrapper .s-product-options-thumbnail {
    width: 40px !important;  /* حجم أصغر */
    height: 40px !important;
}

.s-product-options-thumbnails-wrapper img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 6px; /* حواف ناعمة */
}


/* يشتغل فقط على الشاشات أكبر من 1024px */
@media (min-width: 1024px) {
    .s-products-list-wrapper {
        display: flex;
        justify-content: center; /* يوسّط المنتجات أفقياً */
        gap: 20px; /* مسافة بين المنتجات */
    }

    .s-products-list-wrapper custom-salla-product-card {
        flex: 0 0 auto; /* يمنع المنتج من التمدد */
    }
}






/* إخفاء زر العرض السريع في الكمبيوتر */
@media (min-width: 1024px) {
    .quickview-btn {
        display: none !important;
    }
}





.advanced-slider__caption__inner__content__button {
    background-color: transparent !important; /* شفاف */
    border: 2px solid #ffffff !important;     /* ستروك أبيض */
    border-radius: 50px !important;           /* حواف دائرية */
    padding: 7px 20px !important;              /* حجم الزر */
    color: #ffffff !important;                 /* لون النص */
    font-size: 16px !important;                /* حجم الخط */
    font-weight: 500;                           /* سمك الخط */
    display: inline-block;
    text-align: center;
    transition: none !important;               /* إلغاء أي انتقال */
    box-shadow: none !important;                /* بدون ظل */
    transform: none !important;                 /* بدون تحريك */
    cursor: pointer;
}

/* إلغاء تأثير hover أو الضغط */
.advanced-slider__caption__inner__content__button:hover,
.advanced-slider__caption__inner__content__button:active,
.advanced-slider__caption__inner__content__button:focus {
    background-color: transparent !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: none !important;
}

/* لتوسيط الزر */
.advanced-slider__caption__inner__content {
    text-align: center !important;
}






/* تأثير عند المرور */
.advanced-slider__caption__inner__content__button:hover {
    background-color: #333333 !important; /* لون أغمق عند الهوفر */
}


.product-card__promotion {
    left: auto !important;   /* يلغي التحديد على اليسار */
    right: 0 !important;     /* يحطها في أقصى اليمين */
}



.tabs.hide-scroll {
    border: none !important; /* يشيل أي حدود */
    display: none !important; /* يخفي العنصر بالكامل */
}



/* استبدال أيقونة السلة بأيقونة shopping-bag (Whiteboard Style) */
.sicon-cart:before,
.header-row .circle-action .sicon-cart:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background: currentColor;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="black" stroke-width="32" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 512 512"><path d="M80 160l48 272h256l48-272H80z"/><path d="M160 160V128c0-35.3 28.7-64 64-64h64c35.3 0 64 28.7 64 64v32"/></svg>') no-repeat center / contain;
            mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="black" stroke-width="32" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 512 512"><path d="M80 160l48 272h256l48-272H80z"/><path d="M160 160V128c0-35.3 28.7-64 64-64h64c35.3 0 64 28.7 64 64v32"/></svg>') no-repeat center / contain;
    vertical-align: middle;
    font-size: 0 !important;
}


/* تحريك العداد بعيد عن الأيقونة */
.s-cart-summary-count {
      transform: translate(10px, -2px); /* غيّر القيم حسب ما تحب */
}



/* إخفاء أيقونة البحث فقط */
button[aria-label="Search"] {
    display: none !important;
}

/*============================
 2. إخفاء أيقونة عربة التسوق وأيقونة العرض السريع
============================*/
.sicon-shopping, .sicon-eye, .sicon-heart {
    display: none; /* يمنع ظهور الأيقونات المذكورة */
}

/*============================
 3. تحسين مظهر شريط التنقل عند التثبيت
============================*/
.main-nav-container.fixed-pinned .inner {
    background-color: #ffffffb3; /* لون أبيض شبه شفاف */
    backdrop-filter: blur(100px); /* إضافة تأثير الضبابية */
    -webkit-backdrop-filter: blur(100px); /* دعم للمتصفحات التي تعتمد على WebKit */
}

/*============================
 4. تصميم الأزرار الرئيسية في الموقع
============================*/
.s-button-element.s-button-btn {
    background-color: #000000; /* اللون الأساسي أسود */
    border: none; /* إزالة الحدود */
    color: #ffffff !important; /* لون النص أبيض */
    font-size: 16px; /* حجم الخط مناسب */
    padding: 12px 24px; /* إضافة حواف داخلية */
    border-radius: 8px; /* جعل الحواف مستديرة */
    display: inline-flex; /* تحسين المحاذاة */
    justify-content: center;
    align-items: center;
}

/*============================
 5. تأثير تغيير لون الأزرار عند التمرير والضغط
============================*/
.s-button-element.s-button-btn:hover {
    background-color: #333333; /* عند التمرير يصبح اللون رمادي داكن */
    cursor: pointer; /* تحويل المؤشر إلى شكل اليد */
}

.s-button-element.s-button-btn:active {
    background-color: #1a1a1a; /* عند النقر يصبح اللون أغمق */
}

/*============================
 6. تعديل شكل زر السلايدر
============================*/



/*============================
 7. تعديل حجم عناوين الأقسام حسب الشاشة
============================*/

.home-block-line {
    display: none; /* يمنع ظهور الخط في الصفحة الرئيسية */
}


/*============================
 8. إخفاء خط معين في الواجهة
============================*/

/*============================
 9. إخفاء بعض المعلومات مثل المخزون، السعر، والكمية
============================*/
#variant-inventory, .sicon-check-circle, label.text-store-text-primary, 
h2.total-price.text-store-text-primary, 
.bg-storeBG.p-5.rounded-md.rounded-b-none.flex.sm\:pb-0, 
.s-quantity-input-container {
    display: none; /* يمنع عرض هذه العناصر */
}

/*============================
 10. اخفاء الايك والنظرة السريعة بالديسكتوب
 ============================*/

@media (min-width: 1024px) { /* إخفاء العنصر على الشاشات الأكبر من 1024px (أجهزة الكمبيوتر) */
    button[data-product-id="1402394473"] {
        display: none !important;
    }
}


@media (min-width: 1024px) { /* يخفي العنصر عند الشاشات الأكبر من 1024px (أجهزة الكمبيوتر) */
    .wishlist {
        display: none !important;
    }
}

/*============================
 11. شغل الايقونات
 ============================*/

.text-center h3 {
    margin-top: 20px; /* تقليل المسافة بين الأيقونة والعنوان */
    font-size: 18px; /* تصغير حجم العنوان */
}

.text-center p {
    margin-top: 10px; /* تقليل المسافة بين العنوان والوصف */
    font-size: 14px; /* تصغير حجم الوصف */
}

.text-center img {
    width: 50px; /* تصغير حجم الأيقونة */
    height: auto;
}

.text-center h2 {
    font-size: 12px; /* تحديد حجم الخط */
    margin-top: 15px; /* تعديل المسافة العلوية إذا كنت ترغب */
}


.s-block__title-right h2 {
    font-size: 20.8px;
}



/*============================
 11. اول بنر حجم الخط
 ============================*/

.advanced-slider__caption__inner__content__heading {
    font-size: 25px; /* حجم الخط المطلوب */
}



.home-block-title p {
    font-size: 20.8px; /* تغيير حجم الخط إلى 30 بكسل */
}

@media (min-width: 640px) {
    .home-block-title p {
        font-size: 20.8px; /* تغيير حجم الخط إلى 40 بكسل للشاشات الأكبر من 640 بكسل */
    }
}


.product-card__content {
    font-size: 14px;
}

/* إذا كنت ترغب في تخصيص بعض النصوص داخل العناصر الفرعية */
.product-card__title a {
    font-size: 14px;
}

.product-card__price .total-price {
    font-size: 14px;
}

.product-card__price .before-price {
    font-size: 14px;
}

.product-card__buttons .s-button-text {
    font-size: 14px;
}

.product-card__normal-cart__btn .s-button-text {
    font-size: 14px;
}

.single-faq .faq-content p {
    font-size: 14px !important;
}

.faq-btn p {
    font-size: 14px !important;
}

.home-block-title h2 {
    font-size: 20.8px !important; /* استبدل 14px بالحجم الذي تريده */
}

/* إيقاف جميع الأنيميشن في الصفحة */
* {
    animation: none !important;
    transition: none !important;


}

header {
    margin-top: 10px; /* يضيف مسافة فوق الهيدر */
}


.navbar-brand img {
    height: 33px;  /* تأكد من أن الصورة بحجم مناسب */
    width: auto;
}



footer .store-footer__inner {
    border-bottom: none; /* إخفاء الخط المتقطع */
}


.store-footer__inner {
    padding-bottom: 10px; /* تقليل المسافة أسفل التذييل */
}

.footer-logo {
    margin-bottom: 10px; /* تقليل المسافة تحت الشعار */
}

.footer-list {
    margin-bottom: 5px; /* تقليل المسافة بين الروابط */
}

.enhanced_rounded_contacts {
    margin-top: 10px; /* تقليل المسافة فوق الروابط الخاصة بالتواصل */
}

body::-webkit-scrollbar, body::-webkit-scrollbar-button { 
    display: none;