/**
 * Alpha Amino Hero Carousel
 * Version 1.1.1
 */

.aahc-hero-image {
    will-change: opacity;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

@media (max-width: 767px) {
    .aahc-hero-image {
        touch-action: pan-y;
    }

    /*
     * v1.1.1:
     * The static background is painted directly onto the EXISTING mobile
     * image widget/container. The rotating transparent product image remains
     * in normal flow above it.
     *
     * This preserves the original hero sizing and prevents the background
     * from becoming a separate block that pushes the product below it.
     */
    .aahc-mobile-stage {
        position: relative !important;
        overflow: hidden !important;
        isolation: isolate;
    }

    .aahc-mobile-stage .aahc-mobile-foreground-wrap {
        position: relative !important;
        z-index: 2 !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        background: transparent !important;
    }

    .aahc-mobile-stage img.aahc-mobile-foreground {
        position: relative !important;
        z-index: 2 !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
        background: transparent !important;
    }
}