.animate-fade-in-up { animation: fade-in-up 0.8s ease-out forwards; }
        @keyframes fade-in-up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        :root { --theme: #5DCBE5; }

        /* Comparison Slider CSS */
        .comparison-slider {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        
        .comparison-slider img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            display: block;
            user-select: none; /* Prevent image highlighting while dragging */
        }

        .resize-image {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 50%; /* Initial split */
            overflow: hidden;
            z-index: 10;
            border-right: 2px solid #5DCBE5;
        }
        
        /* Ensure the inner image stays fixed relative to the main container */
        .resize-image img {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            max-width: none; /* Override standard responsive rules */
        }

        .slider-handle {
            position: absolute;
            top: 50%;
            left: 50%; /* Matches initial split */
            transform: translate(-50%, -50%);
            width: 44px;
            height: 44px;
            background-color: #5DCBE5;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: ew-resize;
            z-index: 20;
            box-shadow: 0 0 15px rgba(0,0,0,0.5);
            border: 2px solid white;
        }

        .label-badge {
            position: absolute;
            padding: 6px 14px;
            border-radius: 9999px;
            font-size: 0.75rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            pointer-events: none;
            z-index: 25;
            box-shadow: 0 2px 10px rgba(0,0,0,0.3);
        }