/* style.css */
.hide-scroll::-webkit-scrollbar {
    display: none;
}
.hide-scroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Base states for reveal animations */
.reveal {
    opacity: 0;
    visibility: hidden;
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
}

.fade-up {
    transform: translateY(40px);
}

.fade-left {
    transform: translateX(40px);
}

.reveal.active {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
}

/* Delays */
.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }
.delay-400 { transition-delay: 400ms; }

/* Floating animation */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}

@keyframes float-badge {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0px); }
}

.floating-img {
    animation: float 6s ease-in-out infinite;
}

.floating-badge {
    animation: float-badge 4s ease-in-out infinite;
    animation-delay: 1s;
}

/* Mobile link styles */
.mobile-link {
    display: block;
    width: 100%;
}

/* Custom scrollbar for receipt */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #E5E7EB;
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #D1D5DB;
}