.delicias-slideshow-bg {
            position: absolute;
            top: 0; 
            left: 0; 
            width: 100vw; 
            height: 100vh;
            background: url('https://newagroalgerie.com/wp-content/uploads/2025/07/Background-Summer-copy.avif') bottom center/cover no-repeat;
            z-index: -1;
        }

        .delicias-slideshow {
            position: relative;
            width: 100vw;
            height: 100vh;
            overflow: hidden;
        }

        .delicias-slideshow-track {
            display: flex;
            width: 100%;
            height: 100%;
            transition: transform 1.2s cubic-bezier(.77,0,.18,1);
        }

        .slide {
            width: 100%;
            height: 100%;
            flex-shrink: 0;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .bottle {
            position: absolute;
            left: 50%; 
            top: 55%;
            transform: translate(-50%, -50%);
            height: 85%;
            z-index: 3;
            transition: transform 0.7s cubic-bezier(.77,0,.18,1);
            object-fit: contain;
        }

        .glass {
            position: absolute;
            left: 35%; 
            top: 70%;
            transform: translate(-50%, -50%);
            height: 45%;
            z-index: 3;
            transition: transform 0.7s cubic-bezier(.77,0,.18,1);
            object-fit: contain;
        }

        .leaf-bg {
            z-index: 1;
            position: absolute;
            width: 200px;
            height: auto;
            pointer-events: none;
        }
        
        .leaf-bg.top-right { top: 0; right: 0; }
        .leaf-bg.top-left { top: 0; left: 0; }
        .leaf-bg.bottom-right { bottom: 0; right: 0; }
        .leaf-bg.bottom-left { bottom: 0; left: 0; }

        .ice {
            z-index: 1;
            position: absolute;
            bottom: 5px; 
            right: 30%;
            width: 250px;
            height: auto;
            pointer-events: none;
        }

        .fruit {
            position: absolute;
            width: 100px;
            height: auto;
            z-index: 2;
        }

        .fruit1 { top: 30%; left: 40%; }
        .fruit2 { top: 45%; left: 40%; width: 150px; }
        .fruit3 { top: 30%; right: 40%; }
        .fruit4 { top: 45%; right: 30%; }
        .anise-fruit-extra { top: 45%; right: 37%; width: 150px; }
        .fruit5 { width: 300px; z-index: 1; top: 60%; right: 25%; }

        .animate-fruits-in {
            animation: fruitIn 0.6s forwards, float 2s ease-in-out infinite alternate;
        }

        .animate-fruits-out {
            animation: fruitOut 0.8s forwards;
        }

        @keyframes fruitIn {
            0% { opacity: 0; transform: scale(0.5) translateY(40px); }
            100% { opacity: 1; transform: scale(1) translateY(0); }
        }

        @keyframes fruitOut {
            0% { opacity: 1; transform: scale(1) translateY(0); }
            100% { opacity: 0; transform: scale(0.5) translateY(40px); }
        }

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

        .arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 2rem;
            color: green;
            background: transparent;
            border: none;
            width: 50px; 
            height: 50px;
            cursor: pointer;
            z-index: 10;
            user-select: none;
            transition: color 0.3s;
        }

        .arrow.left { left: 50px; }
        .arrow.right { right: 50px; }
        .arrow:hover { color: #fff; } 

        @media screen and (max-width: 768px) {
            .bottle {
                top: 60%;
                left: 55%;
                height: 70%;
            }
            
            .glass {
                top: 75%;
                left: 15%;
                height: 35%;
            }
            
            .ice { right: 0; bottom: 50px; }
            .fruit5 { right: -40%; }

            .fruit1 { top: 30%; left: 25%; }
            .fruit2 { top: 65%; left: 65%; }

            .arrow { width: 50px; height: 50px; font-size: 2rem; }
            .arrow.left { left: 15px; }
            .arrow.right { right: 15px; }
        }