:root {
    scroll-behavior: smooth;
}

.product-card {
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 50px -24px rgba(91, 156, 255, .45);
}

#cart-drawer:not(.hidden) .panel {
    transform: translateX(0);
}

#toast.show {
    animation: fadeInOut 2.8s ease both;
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
        transform: translateY(8px)
    }

    10% {
        opacity: 1;
        transform: translateY(0)
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: translateY(8px)
    }
}

* {
    scrollbar-width: thin;
    scrollbar-color: #475569 #0b1220;
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-track {
    background: #0b1220;
}

*::-webkit-scrollbar-thumb {
    background: #475569;
    border-radius: 6px;
}