.loyalty_footer_btn {
    /* تغيير اللون */
    background-color: #652682 !important;
    
    /* التحكم الكامل في الموقع */
    position: fixed !important;
    bottom: 70px; /* المسافة من الأسفل */
    left: 20px; /* المسافة من اليمين - اجعلها مختلفة عن زر الواتساب لتجنب التداخل */
    
    /* ضمان الظهور فوق العناصر الأخرى */
    z-index: 999999 !important;
}

/* في حال أردت تغيير لون النص أو الأيقونة داخل الزر */
.loyalty_footer_btn span, 
.loyalty_footer_btn svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* أو يمكنك التحكم في الحاوية بالكامل كما يظهر في قسم Styles */
.loyalty-points-products-section {
    font-size: 0.9rem !important;
}
#noCustomerCalculatedValue {
    font-size: 14px; /* يمكنك تغيير الرقم (24) إلى الحجم الذي يناسبك */
}

    /* التحكم في أزرار الشراء */
.product-details-mobile-buttons-container {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    
    /* للإزاحة: القيمة الموجبة تحرك لليمين، السالبة تحرك لليسار */
    transform: translateX(-2.3rem) !important; 
    
  /* التحكم في المسافة الفاصلة بين الزرين */
    gap: 1rem !important; 
}
@media (min-width: 768px) {
    .whatsapp-button {
        bottom: 70px !important; /* المسافة من الأسفل للشاشات الكبيرة */
        right: 20px !important;  /* المسافة من اليمين للشاشات الكبيرة */
    }
}

body[data-template="cart_page"] .whatsapp-button {
    bottom: 134px !important; /* ارفع القيمة هنا لتجاوز شريط السعر */
    left: : 20px !important;
    display: flex !important;
}

@media (min-width: 768px) {
    #btn-to-top {
        /* المسافة من الأسفل */
        bottom: 130px !important; 
        
        /* المسافة من اليسار */
        left: 30px !important; 
    }
}
----------------
/* ================================================= */
/* تخصيص كامل للمكافآت (أيقونة يد + نص + أيقونة ريال) */
/* ================================================= */

/* 1. إعدادات الحاوية (Flexbox) */
html[lang="ar"] .loyalty-rewards-popup__rewards_row {
    font-size: 0 !important;
    display: flex !important;
    flex-direction: row !important; /* اتجاه أفقي */
    align-items: center !important; /* محاذاة عمودية */
    justify-content: flex-start !important; /* البدء من اليمين */
    gap: 6px; /* مسافة بين العناصر */
    flex-wrap: nowrap !important;
}

/* 2. إخفاء العناصر القديمة العشوائية */
html[lang="ar"] .loyalty-rewards-popup__rewards_row > *:not(svg) {
    display: none !important;
}

/* 3. تنسيق أيقونة "اليد" الأصلية (أقصى اليمين) */
html[lang="ar"] .loyalty-rewards-popup__rewards_row svg:not(.custom-riyal) {
    font-size: initial !important;
    width: 20px !important;
    height: auto !important;
    display: block !important;
    flex-shrink: 0;
    /* margin: top right bottom left */
    margin: 0px 0px 0px 4px !important;
    order: -1 !important; /* هذا يجعلها أول عنصر يمين */
    fill: #38424e; /* توحيد اللون */
}

/* 4. إضافة أيقونة "الريال" الجديدة (أقصى اليسار) */
html[lang="ar"] .loyalty-rewards-popup__rewards_row::after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    
    /* تم دمج المسارين (Path 1 + Path 2) هنا */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1124.14 1256.39'%3E%3Cpath fill='%2338424e' d='M699.62,1113.02h0c-20.06,44.48-33.32,92.75-38.4,143.37l424.51-90.24c20.06-44.47,33.31-92.75,38.4-143.37l-424.51,90.24Z'/%3E%3Cpath fill='%2338424e' d='M1085.73,895.8c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.33v-135.2l292.27-62.11c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.27V66.13c-50.67,28.45-95.67,66.32-132.25,110.99v403.35l-132.25,28.11V0c-50.67,28.44-95.67,66.32-132.25,110.99v525.69l-295.91,62.88c-20.06,44.47-33.33,92.75-38.42,143.37l334.33-71.05v170.26l-358.3,76.14c-20.06,44.47-33.32,92.75-38.4,143.37l375.04-79.7c30.53-6.35,56.77-24.4,73.83-49.24l68.78-101.97v-.02c7.14-10.55,11.3-23.27,11.3-36.97v-149.98l132.25-28.11v270.4l424.53-90.28Z'/%3E%3C/svg%3E");
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    order: 2; /* آخر عنصر */
    margin-top: 0px;
    margin-right: 2px;
}

/* ================================================= */
/* 5. النصوص (بدون كلمة ريال) */
/* ================================================= */

/* الصف الأول */
html[lang="ar"] .loyalty-rewards-popup__rewards_row:nth-of-type(1)::before {
    content: "استبدل 750 نقطة بخصم 25"; 
    font-size: 14px !important;
    color: #38424e;
    font-weight: bold;
    white-space: nowrap;
    order: 1; /* الترتيب في الوسط */
}

/* الصف الثاني */
html[lang="ar"] .loyalty-rewards-popup__rewards_row:nth-of-type(2)::before {
    content: "استبدل 1500 نقطة بخصم 50";
    font-size: 14px !important;
    color: #38424e;
    font-weight: bold;
    white-space: nowrap;
    order: 1;
}

/* الصف الثالث */
html[lang="ar"] .loyalty-rewards-popup__rewards_row:nth-of-type(3)::before {
    content: "استبدل 2250 نقطة بخصم 75";
    font-size: 14px !important;
    color: #38424e;
    font-weight: bold;
    white-space: nowrap;
    order: 1;
}