.hover-shadow {
    transition: box-shadow 0.2s ease-in-out;
}

    .hover-shadow:hover {
        box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;
    }

.table > :not(caption) > * > * {
    padding: 0.75rem;
}

.btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
}

.card {
    transition: transform 0.2s;
}

    .card:hover {
        transform: translateY(-2px);
    }

#productsList::-webkit-scrollbar, #cartItems::-webkit-scrollbar {
    width: 8px;
}

#productsList::-webkit-scrollbar-track, #cartItems::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

#productsList::-webkit-scrollbar-thumb, #cartItems::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

    #productsList::-webkit-scrollbar-thumb:hover, #cartItems::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

#cartCount {
    animation: pulse 0.3s ease-in-out;
}

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

    50% {
        transform: scale(1.06)
    }

    100% {
        transform: scale(1)
    }
}