salla-rating-stars {
  display: none !important;
}
.s-cart-summary-count {
    background-color: #000;
    }
.s-button-danger {
     border-color: #fff; 
    background-color: #000;
}
h4.font-bold.text-sm.mb-5.text-store-text-primary {
  display: none !important;
}

#mobile-menu .w-12 {
  width: 1rem !important;
}
#mobile-menu .h-12 {
  height: 1rem !important;
}


li[id='"134917701"'],
li[id='"166809675"'] {
  background-color: #f3f4f6;
}
.mm-spn.mm-spn--navbar:after, .mm-spn.mm-spn--navbar:before {
    background-color: #f3f4f6;
}
body.reviews .s-review-card-slider-container,
body.reviews .s-review-card-image,
body.reviews .s-review-card-divider {
  display: none !important;
}


/* تحسين عرض المؤقت */
.discount-timer-wrapper {
    text-align: center;
    margin-top: 15px;
    padding-top: 3px;
    border-radius: 10px;
    }

.discount-timer-title {
  font-size: 16px;
  font-weight: bold;
  color: #f87171;
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

.discount-timer-title::before {
  font-family: "sallaicons";
  content: "\e919"; /* أيقونة سلة */
  font-size: 18px;
  color: #f87171;
}

.discount-timer {
  display: flex;
  justify-content: center;
  gap: 8px;
}

.discount-timer .time-box {
    background-color: #f87171;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    min-width: 60px;
    text-align: center;
    display: flex
;
    flex-direction: column;
    line-height: 1.2;}

.discount-timer .time-box span {
  font-size: 12px;
  font-weight: normal;
}






.mt-5 {
    margin-top: 0rem;
}
nav.breadcrumbs.w-full.py-5 {
  display: none !important;
}
h1.font-bold.text-2xl.mb-6 {
    text-align: center;
}

/* إخفاء أزرار المشاركة والمفضلة */
.flex.items-center.justify-between.mb-5{display:none!important}

/* التنسيق الأساسي */
.s-slider-thumbs .swiper-wrapper{justify-content:center}.s-slider-thumbs .swiper-slide{flex-shrink:0}#karzoun-widget-send-button{bottom:180px;min-width:41px;border-radius:13px}#details_table a,.product-single-top-description a,.quickview-description a{color:#000;text-decoration:underline}h2.text-center.text-store-text-primary{font-size:22px}input.s-quantity-input-input{background-color:#f0f0f0}salla-button .s-button-element.s-button-solid.s-button-wide.s-button-primary{background-color:#000!important;color:#fff!important}


/*تنسيق الاسئلة. الشائعة*/
/* =============================
   📦 Accordion (Apple-style)
   ============================= */
   /* نضيف الزائد/الناقص في الجهة المقابلة */
.accordion-title::after {
  content: "+";
  font-size: 18px;
  color: #000;
  margin-right: auto; /* يروح لليسار مقابل النص */
  transition: transform 0.2s ease, color 0.2s ease;
}

/* عند الفتح يصير ناقص */
.accordion-group.open .accordion-title::after {
  content: "-";
  color: #000;
}

/* حركة للأيقونة عند الفتح */
.accordion-group.open .accordion-title::before {
  transform: rotate(30deg);
  transition: transform 0.3s ease;
}

/* ترجع للوضع الطبيعي عند الإغلاق */
.accordion-title::before {
  transition: transform 0.3s ease;
}

.accordion-group {
  border: 1px solid #eee;
  margin: 12px 0;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}

/* ===== العنوان ===== */
.accordion-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 14px;
  color: #222;
  transition: background-color 0.2s ease;
  list-style: none;
}

.accordion-title:hover {
  background-color: #fafafa;
}

/* ===== أيقونات مخصصة ===== */
.accordion-title::before {
  font-family: "sallaicons"; /* الخط الخاص بأيقونات سلة */
  font-size: 18px;
  margin-left: 8px;
  color: #111;
  display: inline-block;
}

.icon-warranty::before {
  content: "\ef2b"; /* 🔒 ضمان */
}

.icon-shipping::before {
  content: "\ef32"; /* 🚚 شحن */
}

.icon-payment::before {
  content: "\e93e"; /* 🛒 سلة */
}

/* ===== محتوى القسم ===== */
.accordion-content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 20px;
  font-size: 14px;
  color: #444;
  line-height: 1.7;
  background: #fff;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.accordion-group.open .accordion-content {
  max-height: 400px; /* يكفي للنصوص */
  opacity: 1;
  padding: 16px 20px;
}

/* إخفاء الماركر الافتراضي للـ <summary> */
details > summary::-webkit-details-marker {
  display: none;
}
/* استهداف الضمان الذهبي فقط */
/* تغيير لون نص الفقرة داخل .accordion-content إذا كانت تابعة لـ .icon-warranty */
.accordion-group .accordion-title.icon-warranty + .accordion-content p {
  color: #b58200;
}

/* تغيير لون النص المميز (strong) داخل الفقرة */
.accordion-group .accordion-title.icon-warranty + .accordion-content p strong {
  color: #b58200;
}

/* تنسيق الأيقونة بجانب العنوان */
.icon-warranty::before {
  font-family: "sallaicons";
  content: "\ef2b"; /* أيقونة الضمان الذهبي */
  font-size: 20px !important;
  margin-inline-end: 8px; /* مسافة بين الأيقونة والنص */
  color: #b58200;
}
.icon-warranty::after {
  color: #b58200;
}
/* تنسيق العنوان كاملاً */
.accordion-title.icon-warranty {
  color: #b58200;
  border-radius: 8px;
  font-weight: bold;
}
.accordion-group.open .accordion-title.icon-warranty::after {
    color: #b58200;
}


/* عناوين الشريط الاعلاني */

.app-inner.flex.flex-col.min-h-full > div > div {
    justify-content: center;
}
#app > div.app-inner.flex.flex-col.min-h-full > div > div > div.flex.flex-col.p-2.gap-1 > p {
    display: none !important;
}

.text-gray-400 {
    color: #6d6d6d;  
}

body.cart #karzoun-widget-send-button {
  display: none !important;
}

/* اخفاء تابي وتمارا 
salla-installment.hydrated {
    display: none !important;
} */


/* إخفاء سطر "مجموع المنتجات (بدون ضريبة)" */
#sub-total {
    display: none !important;
}
#sub-total i {
    display: none !important;
}
#sub-total:before {
    content: "";
    display: none !important;
}
span.text-store-text-secondary:has( + b#sub-total) {
    display: none !important;
}
div.flex.justify-between.text-sm.mb-5 span.text-store-text-secondary {
  display: none !important;
}

div.flex.justify-between.text-sm.mb-5 span.text-store-text-secondary + b {
  display: none !important;
}


/* إخفاء سطر "ضريبة القيمة المضافة" */
#tax-amount {
    display: none !important;
}
#tax-amount i {
    display: none !important;
}
span.text-store-text-secondary:has( + b#tax-amount) {
    display: none !important;
}
label[for="coupon"] {
  display: none !important;
}

/*تايمر صفحة السلة*/
#countdown-timer {
  font-size: 15px;
  font-weight: 500;
  padding: 14px 18px;
  text-align: center;
  margin-bottom: 24px;
  line-height: 1.8;
  transition: all 0.3s ease-in-out;
}

#countdown-timer span#countdown {
  color: #f87171;
  font-weight: bold;
  font-size: 17px;
}






salla-button .s-button-element.s-button-solid.s-button-wide.s-button-primary {
    padding: 1rem;
}

/* تحسين مظهر قسم الإجمالي في ملخص السلة */
.flex.justify-between.text-lg.mb-5 {
  background-color: #fffae0;
  border-radius: 8px;
  padding: 0.6rem 2.25rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
#total-discount {
  padding: 0.6rem 5.25rem !important;
}
#total-discount b.text-store-text-primary {
  color: #f87171 !important;
}

/* عنوان "الإجمالي" */
.flex.justify-between.text-lg.mb-5 span {
  color: #2b2d34;
  font-weight: bold;
}

/* الرقم */
.flex.justify-between.text-lg.mb-5 b {
  color: #111827;
}


/* زر مخصص لإضافة المنتج للسلة */
/* زر الإضافة المخصص */
.custom-add-to-cart-btn {
  width: 93%;
  margin-right: 15px;
  margin-left: 15px;
  border-radius: 8px;
  bottom: 1rem;
  margin-top: 1rem;
  padding: 0.5rem 1.25rem;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background-color 0.3s ease;
  cursor: pointer;
  position: relative;
}

/* إخفاء الأيقونة الأصلية عند التحميل */
.custom-add-to-cart-btn.loading .btn-text {
  visibility: hidden;
}

/* شكل مؤشر التحميل */
.custom-add-to-cart-btn.loading::after {
  content: "";
  border: 2px solid white;
  border-top: 2px solid transparent;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: spin 0.7s linear infinite;
  position: absolute;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* تصميم أنيق لعداد الزوار */
.custom-live-counter {
  direction: rtl;
  position: fixed;
  bottom: 120px; /* مرتفع قليلاً عن الأسفل */
  left: 20px;
  background: #ffffff;
  border: 1px solid #eee;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  z-index: 9999;
  transition: opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
}

.custom-live-counter.show {
  opacity: 1;
  pointer-events: auto;
}

.custom-live-counter .circle {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #21c97a;
  box-shadow: 0 0 0 6px rgba(33, 201, 122, 0.3);
  animation: pulse 1.5s infinite ease-in-out;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}

.custom-live-counter p {
  margin: 0;
  font-size: 15px;
  color: #222;
  white-space: nowrap;
}

/* تنسيق صندوق التقييمات */
    .product-more-info.vertical .product-more-info__inner {
        background-color: #f3f4f6;
    }  
   /* 
.product-entry__sub-title {
    background-color: #d29724;
    display: block;
    border-radius: 3px;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.6;
    width: fit-content;
    margin: 10px auto 0;
    text-align: center;
        padding: 4px 6px;
} */



#countdown-under-price {
  margin-top: 10px;
  background-color: #fff4e5;
  color: #b91c1c;
  border: 1px solid #fca5a5;
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  animation: blink 2s infinite;
  text-align: center;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}


/* تحسين قسم تقييمات العملاء */
/* إخفاء "قام بالشراء، تم التقييم" */
.s-comments-item-has-order-check-icon,
.s-comments-item-has-order-check-text,
.s-comments-item-rated-widget {
  display: none !important;
}
.product-more-info.vertical .product-more-info__inner {
    background-color: #ffffff;
    margin-right: 10px;
    margin-left: 10px;
}






@keyframes cardPulseStrong {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
.mini_top_promotion .simplified-products .product-card.product-card--simplified .product-card__promotion {
    top: 5px;
    right: 5px;
    border-radius: 0.3rem !important;
    left: auto !important;
}

.product-card__promotion {
animation: cardPulseStrong 1.8s infinite ease-in-out;
transition: transform 0.3s ease;
}

.product-card__promotion-title {
right: 5px !important;
top: 5px !important;
border-radius: 0.3rem !important;
}
.promotion-title {
    top: 5px;
    right: 5px;
    border-radius: 0.3rem !important;
    left: auto !important;
}
.flex.flex-col.space-y-5.mb-5 {
    display: none !important;
}
/*
.text-xl,
.product-price,
.text-store-text-secondary {
    text-align: center !important;
    justify-content: center !important;
} 

salla-rating-stars {
    display: flex !important;
    justify-content: center !important; /* يوسّطه أفقياً */
    margin: 10px auto !important; /* يضيف مسافة فوق وتحت ويخليه في المنتصف */
} 
*/
nav.breadcrumbs {
    display: none !important;
}

/*تابي وتمارا*/
.custom-image-row {
  display: flex;
  flex-wrap: wrap; /* يخلي الصور تنزل تحت بعض في الشاشات الصغيرة */
}

.custom-offer-image {
  height: 100px;
  margin-top: -27px;
  border-radius: 5px; /* زوايا ناعمة */
  box-sizing: border-box;
}





/* إخفاء الشريحة الأولى 0 ريال */
.s-conditional-offer-checkpoint-label.first-checkpoint {
    display: none !important;
}

/* الشريحتين الأولى والثانية من النقاط الفعلية (200 و 300) */
.flex-1:nth-of-type(2) .s-conditional-offer-checkpoint-label::after,
.flex-1:nth-of-type(3) .s-conditional-offer-checkpoint-label::after {
    content: "شحن مجاني";
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-align: center;
    line-height: 1.4;
    margin-top: 5px;
}

/* الشريحة الأخيرة (500 ريال) */
.flex-1:nth-of-type(4) .s-conditional-offer-checkpoint-label::after {
    content: "شحن مجاني\A+\Aهدية";
    white-space: pre;
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-align: center;
    line-height: 1.4;
    margin-top: 5px;
}
.s-conditional-offer-checkpoint-label {
    text-align: center;
    }
.s-conditional-offer-container {
    padding-bottom: 6rem;
}

.s-conditional-offer-progress-container {
    height: 3rem;
}






/*تقيمات العملاء*/
/* إزالة الخطوط والمسافات القديمة */
.s-comments-item {
    display: block;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
@media (max-width: 991px) {
    .product-more-info .more-tab-container .more-info-tabs__nav-link.active {
        border-radius: 8px;
    }
}
/* الكارد لكل تعليق */
.s-comments-item-wrapper {
    background: #fafafb; /* رمادي فاتح */
    border-radius: 8px;
    padding: 10px 14px;
    margin: 10px auto; /* يخلي التعليق بالمنتصف */
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    display: flex;
    align-items: center;
    max-width: 400px; /* أصغر وأرتب */
    direction: rtl;
}

/* صورة الأفاتار */
.s-comments-item-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    margin-left: 10px;
}

.s-comments-item-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* النصوص */
.s-comments-item-inner {
    flex: 1;
}

/* التاريخ */
.s-comments-item-timestamp {
    font-size: 11px;
    color: #9ca3af;
    margin-bottom: 4px;
}

/* الاسم */
.s-comments-item-user-info-name {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 2px;
    color: #111;
}

/* النص */
.s-comments-item-content p {
    font-size: 13px;
    color: #4b5563;
    margin: 0;
    line-height: 1.4;
}

/* النجوم */
.s-comments-item-stars .s-rating-stars-btn-star svg {
    width: 14px;
    height: 14px;
    fill: gold !important; /* نجوم ذهبية */
    margin-left: 1px;
}



/*الاسترجاع*/
.return-box {
  background: #f9f9f9;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  padding: 20px;
  max-width: 100%;
  margin: 30px 0;
  direction: rtl;
}

.return-box h3 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  text-align: center;
}

.return-box p {
  margin: 0 0 15px;
  font-size: 14px;
  color: #444;
  text-align: center;
}

.return-box input,
.return-box textarea {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px;
  font-size: 14px;
  margin-bottom: 12px;
  resize: none;
  box-sizing: border-box;
}

.return-box button {
  width: 100%;
  background: #000;
  color: #fff;
  border: none;
  padding: 12px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.spinner {
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*امتلك العطر اليوم*/
/* الحاوية الرئيسية */
.product-views {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  background: #fafafb;
  border: 1px solid #eee;
  padding: 6px 8px;
  font-size: 14px;
  margin-top: 10px;
}

.product-views .pulse-dot {
  width: 10px;
  height: 10px;
  background: #f87171;
  border-radius: 50%;
  animation: pulseq 1.5s infinite;
}

@keyframes pulseq {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.4); opacity: 0.6; }
  100% { transform: scale(1); opacity: 1; }
}

.view-count {
  color: #f87171;  
  font-weight: bold !important;
}



/*اليوم الوطني*/
#\"1933021258\" {
    background-color: #006c35;
    color: #ffffff;
    }
    
    
    
/* إخفاء العرض الافتراضي من سلة */
salla-conditional-offer {
  display: none !important;
}
#my-conditional-offer {
  background-color: #f3f4f6;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 20px;
  text-align: center;
}

#my-conditional-offer h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}

.progress-line-wrapper {
  position: relative;
  height: 8px;
  background-color: #e5e7eb;
  border-radius: 9999px;
  overflow: visible;
  margin-bottom: 30px;
}

.progress-line-fill {
  height: 100%;
  background-color: #000;
  border-radius: 9999px;
  width: 0%;
  transition: width 0.4s ease;
}

.steps {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}

.step {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: white;
  border: 3px solid #e5e7eb;
  position: relative;
  box-sizing: border-box;
}
.step[data-qty="3"] {
  width: 42px;
  height: 42px;
}


.step::after {
  content: attr(data-label);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #6b7280;
  font-size: 12px;
  font-weight: bold;
}

.step.active {
  border-color: #000;
  background-color: #000;
}

.step.active::after {
  color: white;
}

.discount-message {
  color: #050e2c;
  margin-bottom: 8px;
  font-size: 15px;
}

.note {
  font-size: 12px;
  color: #6b7280;
}