﻿<style >
/* pop animation للرقم */
@keyframes badgePop {
    0%

{
    transform: scale(0.6);
    opacity: 0.3;
}

60% {
    transform: scale(1.35);
    opacity: 1;
}

100% {
    transform: scale(1);
    opacity: 1;
}

}

.badge-pop {
    animation: badgePop .35s ease-out;
}

/* bump للزر */
@keyframes btnBump {
    0% {
        transform: scale(1);
    }

    40% {
        transform: scale(1.03);
    }

    100% {
        transform: scale(1);
    }
}

.btn-bump {
    animation: btnBump .25s ease-out;
}

/* رسالة لطيفة بدل alert */
.cart-msg-ok {
    color: #1b5e20;
}

.cart-msg-bad {
    color: #b71c1c;
}

</style >
