::-webkit-scrollbar-thumb:hover {
    background: #B8941F;
}

/* ============================================
   ULTRA-SMOOTH KEYFRAME ANIMATIONS
   ============================================ */

/* Fade In Up - Smooth entrance from bottom */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(40px) translateZ(0);
    }

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

/* Fade In Down - Smooth entrance from top */
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-40px) translateZ(0);
    }

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

/* Slide In Left - Premium side entrance */
@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-60px) translateZ(0);
    }

    100% {
        opacity: 1;
        transform: translateX(0) translateZ(0);
    }
}

/* Slide In Right - Premium side entrance */
@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(60px) translateZ(0);
    }

    100% {
        opacity: 1;
        transform: translateX(0) translateZ(0);
    }
}

/* Scale In - Zoom effect */
@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(0.85) translateZ(0);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateZ(0);
    }
}

/* Pulse - Subtle attention grabber */
@keyframes pulse {

    0%,
    100% {
        transform: scale(1) translateZ(0);
    }

    50% {
        transform: scale(1.05) translateZ(0);
    }
}

/* Float - Elegant floating motion */
@keyframes float {

    0%,
    100% {
        transform: translateY(0) translateZ(0);
    }

    50% {
        transform: translateY(-10px) translateZ(0);
    }
}

/* Glow - Luxury glow effect */
@keyframes glow {

    0%,
    100% {
        box-shadow: 0 0 10px rgba(212, 175, 55, 0.3);
    }

    50% {
        box-shadow: 0 0 30px rgba(212, 175, 55, 0.6),
            0 0 50px rgba(212, 175, 55, 0.3);
    }
}

/* Shimmer - Luxury shine effect */
@keyframes shimmer {
    0% {
        background-position: -1000px 0;
    }

    100% {
        background-position: 1000px 0;
    }
}

/* Rotate - Smooth rotation */
@keyframes rotate {
    from {
        transform: rotate(0deg) translateZ(0);
    }

    to {
        transform: rotate(360deg) translateZ(0);
    }
}

/* Bounce - Playful bounce effect */
@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0) translateZ(0);
    }

    40% {
        transform: translateY(-20px) translateZ(0);
    }

    60% {
        transform: translateY(-10px) translateZ(0);
    }
}

/* Slide and Fade - Combined effect */
@keyframes slideAndFade {
    0% {
        opacity: 0;
        transform: translate(-30px, 30px) translateZ(0);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0) translateZ(0);
    }
}

/* Zoom Out - Exit animation */
@keyframes zoomOut {
    0% {
        opacity: 1;
        transform: scale(1) translateZ(0);
    }

    100% {
        opacity: 0;
        transform: scale(0.3) translateZ(0);
    }
}

/* Fade In - Simple fade */
@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Reveal - Luxury reveal effect */
@keyframes reveal {
    0% {
        opacity: 0;
        transform: scale(0.9) translateZ(0);
        filter: blur(10px);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateZ(0);
        filter: blur(0);
    }
}