/* كوبون داخل السطر */
.cpn-chip{
  display:inline-flex; align-items:center; gap:6px;
  padding:2px 8px; border-radius:999px; background:#111; color:#fff;
  font-weight:900; line-height:1; white-space:nowrap
}
.cpn-chip b{letter-spacing:.6px; font-variant-numeric:tabular-nums}
.cpn-chip .copy{
  background:#fff; color:#111; border:0; padding:2px 8px;
  border-radius:10px; font-weight:800; cursor:pointer
}

/* توست صغير للتغذية الراجعة */
#mvn-toast{
  position:fixed; left:50%; bottom:18px; transform:translateX(-50%);
  z-index:9999; background:#111; color:#fff; padding:10px 12px;
  border-radius:10px; display:none; font-weight:800
}
#mvn-toast.show{display:block; animation:mvnFade 2.1s forwards}
@keyframes mvnFade{0%,90%{opacity:1}100%{opacity:0}}
/* نطبّق الرمز فقط على حاويات السعر العليا — وليس العناصر الداخلية */ .product-card .price, .product .price, .card .price, .cart-item-price, .total-price, .summary .price { color: #d40000 !important; /* غيّرها للذهبي: #c59d5f */ font-weight: 700; position: relative; } /* تأكد أن كل ما بداخل السعر يرث نفس اللون */ .product-card .price *, .product .price *, .card .price *, .cart-item-price *, .total-price *, .summary .price * { color: inherit !important; } /* رمز واحد قبل السعر (بدون تكرار) */ .product-card .price::before, .product .price::before, .card .price::before, .cart-item-price::before, .total-price::before, .summary .price::before { content: "▼"; /* مثلث للأسفل */ display: inline-block; margin-inline-end: 6px; /* يعمل RTL/LTR */ line-height: 1; transform: translateY(-1px); color: currentColor; /* يتلوّن بلون السعر */ font-size: 0.95em; } /* منع أي رموز على العناصر الداخلية داخل السعر */ .product-card .price [class*="price"]::before, .product .price [class*="price"]::before, .card .price [class*="price"]::before { content: none !important; } /* (اختياري) صغّر ولون "السعر القديم" إن وُجد */ .product-card .price .old, .product .price .old, .card .price .old, .product-card .price .compare, .product .price .compare, .card .price .compare { color: #888 !important; text-decoration: line-through; font-weight: 400; }
/* ===== CLS Guard & Smooth ===== */

/* ثبّت ارتفاع صور الكروت والبنرات لتقليل القفزات */
.product-card .thumb { aspect-ratio: 4/3; }
.mvn-slider .slide img,
.banner img,
.hero img { aspect-ratio: 16/9; height: auto; }

/* إلغاء التحولات أثناء التمرير لتقليل تكلفة الـINP */
.is-scrolling * { transition: none !important; }

/* عندما يكون المستخدم على "توفير البيانات" نقلل الزينة */
.save-data * { animation: none !important; transition: none !important; }

/* سكرول ناعم */
html { scroll-behavior: smooth; }
/* إيقاف إجبار النسب في صور الكروت */
.product-card .thumb { 
  aspect-ratio: auto !important; /* أو unset/initial حسب دعم المتصفح */
}

/* إيقاف إجبار النسب في البنرات/السلايدر/الهيرو */
.mvn-slider .slide img,
.banner img,
.hero img {
  aspect-ratio: auto !important;
  height: auto !important;
  /* لو صورك تتمطط، جرّب: */
  width: 100%;
  object-fit: contain; /* أو cover حسب الشكل المرغوب */
}