/* =====================================================
 * Image Layers – Base Wrapper
 * ===================================================== */
.neo-premium-image-layers {
    position: relative;
    width: 100%;
    overflow: visible;
}

/* =====================================================
 * Main Image (Anchor)
 * ===================================================== */
.neo-premium-image-layers__main {
    position: relative;
    z-index: 1;
}

.neo-premium-image-layers__main img {
    display: block;
    width: 100%;
    height: auto;
}

/* =====================================================
 * Layers Container
 * ===================================================== */
.neo-premium-image-layers__layers {
    position: absolute;
    inset: 0;
    pointer-events: none; /* decorative layers */
}

/* =====================================================
 * Individual Layer (Base)
 * ===================================================== */
.neo-premium-image-layers__layer {
    position: absolute;
    will-change: transform;
    backface-visibility: hidden;
}

.neo-premium-image-layers__layer img {
    display: block;
    max-width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    .neo-premium-image-layers__layer img {
        max-width: 60vw;
        max-height: 50vh;
    }
}

/* =====================================================
 * Position: Center
 * ===================================================== */
.neo-premium-image-layers__layer--center {
    top: 50%;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
}

/* =====================================================
 * Position: Left
 * ===================================================== */
.neo-premium-image-layers__layer--left {
    top: 50%;
    left: 0;
    right: auto;
    transform: translateY(-50%);
}

/* =====================================================
 * Position: Right
 * ===================================================== */
.neo-premium-image-layers__layer--right {
    top: 50%;
    right: 0;
    left: auto;
    transform: translateY(-50%);
}

/* =====================================================
 * Editor Safety
 * ===================================================== */
.elementor-editor-active .neo-premium-image-layers__layer {
    pointer-events: auto;
}