/* Add custom CSS styles below */ 
@media (max-width: 768px) {
  [aria-label="Change Language"] .shrink-0 {
    display: none;
  }
}
.product-card__promotion {
    background-color: #000 !important;  /* الخلفية أسود */
    color: #fff !important;             /* النص أبيض */
}
.before-price {
  position: relative;
  text-decoration: none !important; 
  color: #000 !important;            /* السعر يفضل أسود */
}

.before-price::after {
  content: "";
  position: absolute;
  left: 0;
  top: 55%;                /* خط أنعم وأعلى شوية */
  width: 100%;
  height: 1px;             /* أرفع */
  background: #888;        /* رمادي */
}
/* القايمة المنسدلة */
ul li {
    background-color: #808080 !important;   /* نفس لون الهيدر */
    padding: 10px;
}

/* النصوص */
ul li span {
    background: none !important;
    color: #fff !important;                 /* أبيض */
    font-size: 14px;
    display: block;
}

/* عند المرور بالماوس */
ul li:hover {
    background-color: #666 !important;      /* رمادي أغمق للهوفر */
}
/* === ANAFlTT Top Announcement Bar — Triple Seamless (pixel-precise, extra slow) === */
.anafitt-topbar{
  --marquee-speed: 24s;      /* الديسكتوب: أكبر = أبطأ */
  --distance: 33.3333%;      /* تُستبدل بالبكسل من الـ JS */
  position: fixed; top: 0; inset-inline: 0; z-index: 100000;
  display: flex; align-items: center; justify-content: center;
  min-height: 42px; padding: 0 44px;
  background: linear-gradient(90deg,#111,#2b2b2b);
  color:#fff; font-weight:600; font-size:15px; line-height:1.2;
  direction: rtl; text-align: center; overflow: hidden;
}
body.has-anafitt-topbar{ padding-top: 42px; }

.anafitt-topbar__close{
  position: absolute; inset-inline-end: 10px; top: 50%; transform: translateY(-50%);
  border: 0; background: transparent; color: #fff; cursor: pointer;
  font-size: 18px; line-height: 1; opacity: .75;
}
.anafitt-topbar__close:hover{ opacity: 1; }

.anafitt-topbar__viewport{ width: 100%; overflow: hidden; }

/* تحريك بمقدار var(--distance) (يُضبط بالبكسل عبر الـ JS) */
.anafitt-topbar__track{
  display: flex; align-items: center; gap: 0;
  direction: ltr; will-change: transform;
  animation: anafitt-triploop var(--marquee-speed) linear infinite;
  pointer-events: none;
}

.anafitt-topbar__group{ display: inline-flex; gap: 0; flex: 0 0 auto; }
.anafitt-topbar__msg{ white-space: nowrap; padding: 0 .8rem; }

/* مراعاة الوصول */
@media (prefers-reduced-motion: reduce){ .anafitt-topbar__track{ animation: none; } }

/* موبايل — أبطأ كمان */
@media (max-width:480px){
  .anafitt-topbar{ font-size:13px; min-height:38px; padding:0 40px; }
  body.has-anafitt-topbar{ padding-top:38px; }
  .anafitt-topbar{ --marquee-speed: 20s; }  /* كان 16s → بقى 20s */
}

@keyframes anafitt-triploop{
  from { transform: translateX(0); }
  to   { transform: translateX(calc(-1 * var(--distance))); }
}