/* انیمیشن پرش هماهنگ برای دکمه‌های + و - */
.quantity .plus.qty-btn-animate,
.quantity .minus.qty-btn-animate {
    animation: qtyPop 0.35s ease-in-out;
    /* می‌توانید به جای scale از box-shadow یا تغییر رنگ هم استفاده کنید */
}

@keyframes qtyPop {
    0% {
        transform: scale(1);
        background-color: inherit;
    }
    50% {
        transform: scale(1.3);
        background-color: #4CAF50; /* یک رنگ راهنما */
        color: #fff;
    }
    100% {
        transform: scale(1);
        background-color: inherit;
    }
}

/* اطمینان از نمایش نشانگر دست */
.quantity .plus,
.quantity .minus {
    cursor: pointer;
    transition: transform 0.15s ease;
}

/* (اختیاری) یک حاشیه یا سایه کوچک برای جلب توجه بیشتر */
.quantity .plus:active,
.quantity .minus:active {
    transform: scale(0.95);
}