html {
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #05bbc7;
    border-radius: 9999px;
}

/* Animasi Modal & Drawer */
@keyframes scaleUp {
    from { opacity: 0; transform: scale(0.92); }
    to { opacity: 1; transform: scale(1); }
}
.animate-scaleUp {
    animation: scaleUp 0.2s ease-out forwards;
}

@keyframes slideLeft {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}
.animate-slideLeft {
    animation: slideLeft 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Efek Bump Keranjang */
@keyframes cartBump {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.18); }
}
.cart-bump {
    animation: cartBump 0.35s ease-in-out;
}

/* Elemen Gambar Terbang ke Keranjang */
.flying-img {
    position: fixed;
    z-index: 9999;
    border-radius: 9999px;
    object-fit: cover;
    pointer-events: none;
    box-shadow: 0 10px 25px rgba(5, 187, 199, 0.5);
    border: 2px solid #05bbc7;
    transition: all 0.65s cubic-bezier(0.25, 1, 0.5, 1);
}