.carousel-title-container.AutumnProducts {
    position: relative;
    margin-bottom: 145px;
    isolation: isolate;
    overflow: visible;
}

.carousel-title-container.AutumnProducts > a {
    position: relative;
    z-index: 2;
}

.aveo-autumn-leaf {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: var(--aveo-leaf-size);
    height: var(--aveo-leaf-size);
    pointer-events: none;
    opacity: .9;
    transform: translate(var(--aveo-leaf-start-x), var(--aveo-leaf-start-y)) rotate(var(--aveo-leaf-rotation));
}

.aveo-autumn-leaf svg,
.aveo-autumn-leaf img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    overflow: visible;
    filter: drop-shadow(1px 2px 1px rgba(74, 35, 12, .25));
}

.aveo-autumn-leaf--moving {
    z-index: 0;
    opacity: .9;
}

.aveo-autumn-leaf--moving.is-blowing {
    animation: aveo-autumn-leaf-gust var(--aveo-leaf-duration) ease-in-out var(--aveo-leaf-delay) both;
}

.aveo-autumn-leaf--moving.is-blowing svg {
    transform-origin: center;
    animation: aveo-autumn-leaf-flutter var(--aveo-leaf-duration) ease-in-out var(--aveo-leaf-delay) both;
}

.aveo-autumn-leaf__fill {
    stroke: rgba(102, 48, 18, .48);
    stroke-width: 2;
    stroke-linejoin: round;
}

.aveo-autumn-leaf__vein {
    fill: none;
    stroke: rgba(91, 44, 14, .85);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
}

.aveo-autumn-leaf--maple .aveo-autumn-leaf__fill {
    fill: #df5c20;
}

.aveo-autumn-leaf--oak .aveo-autumn-leaf__fill {
    fill: #c87a1f;
}

.aveo-autumn-leaf--birch .aveo-autumn-leaf__fill {
    fill: #e1a626;
}

.aveo-autumn-leaf-bed {
    position: absolute;
    top: calc(100% + 24px);
    bottom: auto;
    left: 50%;
    z-index: 1;
    height: 112px;
    pointer-events: none;
    transform: translateX(-50%);
}

.aveo-autumn-leaf-bed .aveo-autumn-leaf {
    top: auto;
    bottom: 0;
    left: 50%;
    z-index: 0;
    opacity: .96;
    transform: translate(var(--aveo-leaf-bed-x), var(--aveo-leaf-bed-y)) rotate(var(--aveo-leaf-bed-rotation));
    animation: none;
}

@keyframes aveo-autumn-leaf-gust {
    0%, 20% {
        transform: translate(var(--aveo-leaf-start-x), var(--aveo-leaf-start-y)) rotate(var(--aveo-leaf-rotation));
    }

    27% {
        transform: translate(calc(var(--aveo-leaf-start-x) + var(--aveo-leaf-drift-x)), calc(var(--aveo-leaf-start-y) + var(--aveo-leaf-drift-y))) rotate(calc(var(--aveo-leaf-rotation) + 45deg));
    }

    43% {
        transform: translate(calc(var(--aveo-leaf-start-x) + var(--aveo-leaf-drift-x-2)), calc(var(--aveo-leaf-start-y) + var(--aveo-leaf-drift-y-2))) rotate(calc(var(--aveo-leaf-rotation) + 100deg));
    }

    68% {
        transform: translate(calc(var(--aveo-leaf-start-x) + var(--aveo-leaf-drift-x-3)), calc(var(--aveo-leaf-start-y) + var(--aveo-leaf-drift-y-3))) rotate(calc(var(--aveo-leaf-rotation) + 160deg));
    }

    78% {
        transform: translate(calc(var(--aveo-leaf-start-x) + var(--aveo-leaf-drift-x-4)), calc(var(--aveo-leaf-start-y) + var(--aveo-leaf-drift-y-4))) rotate(calc(var(--aveo-leaf-rotation) + 200deg));
    }

    86%, 100% {
        transform: translate(var(--aveo-leaf-return-x), var(--aveo-leaf-return-y)) rotate(calc(var(--aveo-leaf-rotation) + 245deg));
    }
}

@keyframes aveo-autumn-leaf-flutter {
    0%, 10%, 87%, 100% {
        transform: rotate(0deg) translate(0, 0) scale(1);
    }

    27% {
        transform: rotate(14deg) translate(3px, -1px) scale(.98, 1.02);
    }

    43% {
        transform: rotate(-12deg) translate(-2px, 1px) scale(1.02, .98);
    }

    68% {
        transform: rotate(9deg) translate(2px, 1px) scale(.99, 1.01);
    }
}

@media (prefers-reduced-motion: reduce) {
    .aveo-autumn-leaf {
        display: none;
        animation: none;
    }
}
