* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.leaves-container {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}

.left-leaves {
    left: 0;
}

.right-leaves {
    right: 0;
}

.leaf {
    position: absolute;
    max-width: 120px;
    height: auto;
    opacity: 0.95;
    filter: drop-shadow(0 0 5px rgba(0,0,0,0.1));
    pointer-events: none;
}

/* Sol yapraklar */
.left-leaves .leaf-1 {
    left: -40px;
    top: 8%;
}

.left-leaves .leaf-2 {
    left: -35px;
    top: 32%;
}

.left-leaves .leaf-3 {
    left: -45px;
    top: 56%;
}

.left-leaves .leaf-4 {
    left: -38px;
    top: 80%;
}

/* Sağ yapraklar */
.right-leaves .leaf-1 {
    right: -40px;
    top: 12%;
}

.right-leaves .leaf-2 {
    right: -35px;
    top: 40%;
}

.right-leaves .leaf-3 {
    right: -45px;
    top: 68%;
}

/* Mobil cihazlar için responsive tasarım */
@media screen and (max-width: 768px) {
    .leaf {
        max-width: 80px;
    }

    .left-leaves .leaf-1 { left: -30px; }
    .left-leaves .leaf-2 { left: -25px; }
    .left-leaves .leaf-3 { left: -35px; }
    .left-leaves .leaf-4 { left: -28px; }

    .right-leaves .leaf-1 { right: -30px; }
    .right-leaves .leaf-2 { right: -25px; }
    .right-leaves .leaf-3 { right: -35px; }
}

/* Çok küçük ekranlar için ek düzenlemeler */
@media screen and (max-width: 480px) {
    .leaf {
        max-width: 60px;
    }

    .left-leaves .leaf-1 { left: -25px; }
    .left-leaves .leaf-2 { left: -20px; }
    .left-leaves .leaf-3 { left: -30px; }
    .left-leaves .leaf-4 { left: -23px; }

    .right-leaves .leaf-1 { right: -25px; }
    .right-leaves .leaf-2 { right: -20px; }
    .right-leaves .leaf-3 { right: -30px; }
}