.cart-icon {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.cart-count {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #8B0000;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
}


.flying-dot {
    position: absolute;
    width: 50px; /* Larger start size */
    height: 50px; /* Larger start size */
    background: linear-gradient(135deg, #8B0000, #B22222);
    border-radius: 50%;
    z-index: 9999;
    pointer-events: none;
}

@keyframes pop {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

.pop {
    animation: pop 0.4s ease-out;
}