@charset "utf-8";
/* CSS Document */

       /* Custom Scrollbar hide for cleaner look */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Fade Slider Styles */
        .fade-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 2.0s ease-in-out; /* Slower fade for elegance */
            object-fit: cover;
        }
        .fade-slide.active {
            opacity: 1;
        }

        /* Scroll Down Animation */
        .scroll-down {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            color: white;
            animation: bounce 2s infinite;
            z-index: 20;
            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }
        
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateX(-50%) translateY(0);
            }
            40% {
                transform: translateX(-50%) translateY(-10px);
            }
            60% {
                transform: translateX(-50%) translateY(-5px);
            }
        }

        /* Specific layout for the "Center Mobile View" */
        .mobile-container {
            box-shadow: 0 0 40px rgba(0,0,0,0.1);
            min-height: 100vh;
        }
        
        /* Modal transitions */
        .modal {
            transition: opacity 0.3s ease, visibility 0.3s ease;
            opacity: 0;
            visibility: hidden;
        }
        .modal.open {
            opacity: 1;
            visibility: visible;
        }

        /* Lightbox Image Transition Base */
        #lightbox-img {
            /* Will be controlled via JS for swipe, but set defaults */
            transform: translateX(0);
            /* Optimize for performance */
            will-change: transform, opacity;
        }