/* ══ العروض الترويجية (offers.js) — بهوية الموقع: أحمر داكن وذهبي ══ */
.offer-strip {
  display: flex; align-items: center; gap: var(--phi-0h);
  margin: var(--sp-md) var(--phi-1h) 0; padding: var(--phi-0h) var(--sp-md) var(--phi-0h) var(--sp-md); border-radius: var(--r-lg);
  background: rgb(var(--cobalt-rgb) / 1);
  border: 1px solid rgb(var(--mint-rgb) / .5); color: var(--n-50);
  box-shadow: var(--elev-4);
  animation: offerIn var(--dur-4) var(--ease-out);
}
@keyframes offerIn { from { transform: translateY(-8px); opacity: 0; } to { transform: none; opacity: 1; } }
.offer-strip-ic { font-size: var(--t-h3); color: var(--gold-h, var(--mint-300)); flex: 0 0 auto; }
.offer-strip-txt { display: grid; gap: var(--sp-3xs); flex: 1 1 auto; min-width: 0; }
.offer-strip-txt b { font-size: var(--t-body); line-height: 1.4; }
.offer-strip-txt span { font-size: var(--t-label); color: var(--gold-h, var(--mint-300)); font-weight: var(--fw-bold); }
.offer-strip-txt del { color: rgb(var(--mint-rgb) / .5); font-weight: 400; margin-inline-start: var(--sp-2xs); }
.offer-strip-go {
  flex: 0 0 auto; border: none; border-radius: var(--r-lg); padding: var(--sp-sm) var(--sp-md); cursor: pointer;
  background: var(--c-primary-hover); color: #FFFFFF;
  box-shadow: 0 0 0 1px rgb(var(--mint-rgb) / .5);
  font-family: var(--font-ui); font-weight: var(--fw-bold); font-size: var(--t-label);
}
.offer-strip-x {
  flex: 0 0 auto; width: var(--icon-box-sm); height: var(--icon-box-sm); border-radius: 50%; border: none; cursor: pointer;
  background: rgb(var(--graphite-rgb) / .236); color: var(--n-50); display: grid; place-items: center;
}
.modal-offer del { color: var(--text-3, var(--n-500)); font-weight: 400; font-size: .85em; margin-inline-end: var(--sp-2xs); }
/* بطاقة الصنف: السعر القديم صغيراً فوق الجديد — لا يزاحم زري الرابط والإضافة في البطاقات الضيقة */
.price-box .offer-old { display: block; color: var(--text-3, var(--n-500)); font-weight: 400; font-size: .72em; line-height: 1.1; }
.price-box .offer-new { display: block; color: var(--mint-300); font-weight: var(--fw-bold); line-height: 1.15; white-space: nowrap; }
.modal-offer {
  display: inline-flex; align-items: center; gap: var(--sp-xs); margin: var(--sp-3xs) 0 var(--phi-0h); padding: var(--sp-xs) var(--phi-0h); border-radius: var(--r-sm);
  background: rgb(var(--cobalt-rgb) / .382); border: 1px solid rgb(var(--mint-rgb) / .382); color: var(--gold-h, var(--mint-300));
  font-size: var(--t-label); font-weight: var(--fw-bold);
}
.cart-item-offer { display: inline-block; margin-top: var(--sp-3xs); font-size: var(--t-caption); font-weight: var(--fw-bold); color: var(--gold-h, var(--mint-300)); }