/* =========================================
   1. تعديل لون نص العرض أسفل المنتج (أحمر)
   ========================================= */
.product-promotion, 
.product-entry__promotion-title,
.product-card__subtitle {
    color: #ff0000 !important; /* اللون الأحمر */
    font-weight: bold !important;
}

/* =========================================
   2. تحويل رابط العرض في القائمة العلوية لزر
   ========================================= */
header a[href*="bAYDjg"],
.site-header a[href*="bAYDjg"],
.main-menu a[href*="bAYDjg"],
.header-wrapper a[href*="bAYDjg"] {
    background-color: #ff0000 !important; /* خلفية حمراء */
    color: #ffffff !important;            /* لون النص أبيض */
    padding: 5px 15px !important;         /* حواف داخلية */
    border-radius: 50px !important;       /* جعل الزاوية دائرية */
    font-weight: bold !important;         /* خط عريض */
    box-shadow: 0 2px 5px rgba(255, 0, 0, 0.3); /* ظل خفيف */
    transition: all 0.3s ease-in-out;     /* تأثير ناعم */
}

/* تأثير عند مرور الماوس على الزر */
header a[href*="bAYDjg"]:hover,
.site-header a[href*="bAYDjg"]:hover {
    background-color: #cc0000 !important;
    transform: translateY(-2px);
}

/* =========================================
   3. تعديل لون شارة الصورة "60 سم" (أبيض)
   ========================================= */
.promotion-title {
    color: #ffffff !important; /* لون النص أبيض */
}