.price {
    visibility: hidden; /* يخفي النص الأصلي */
    position: relative;
}

.price:before {
    content: "👇"; /* السهم */
    visibility: visible;
    position: absolute;
    right: 10px; /* وضع السهم في اليمين */
    top: 40%; /* السهم أسفل العبارة */
    animation: bounce-down 1s infinite ease-in-out; /* تطبيق الحركة بانسيابية */
    font-size: 20px; /* حجم السهم */
    color: #BAA05A; /* لون السهم الذهبي */
}

.price:after {
    content: " السعر في الأسفل"; /* العبارة */
    visibility: visible;
    position: absolute;
    top: 20%; /* العبارة فوق السهم */
    right: 40px; /* محاذاة العبارة للسهم */
    animation: bounce-down 1s infinite ease-in-out; /* نفس الحركة بانسيابية */
    color: #BAA05A; /* لون العبارة الذهبي */
    font-size: 18px; /* حجم الخط */
    text-align: right; /* محاذاة النص لليمين */
}

/* حركة السهم والعبارة للأسفل */
@keyframes bounce-down {
    0%, 100% {
        transform: translateY(0); /* الوضع الأساسي */
    }
    50% {
        transform: translateY(10px); /* يتحرك للأسفل */
    }
}

 /* ------------------------------------------ */