/* Museum Configurator 1.10.20 — transparent frame/baguette overlay */
.woocommerce-product-gallery__image.mc-frame-overlay-stage,
.mc-premium-thumbs__item.mc-frame-thumb-stage {
    position: relative !important;
    isolation: isolate;
}

.mc-frame-overlay,
.mc-frame-thumb-overlay,
.mc-frame-lightbox-overlay {
    position: absolute !important;
    display: block;
    pointer-events: none !important;
    user-select: none;
    -webkit-user-drag: none;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: fill;
    transform: none !important;
    transform-origin: 0 0 !important;
    backface-visibility: hidden;
}

.mc-frame-overlay {
    z-index: 6 !important;
    will-change: left, top, width, height;
}

.mc-premium-thumbs__item.mc-frame-thumb-stage {
    overflow: hidden;
}

.mc-frame-thumb-overlay {
    z-index: 6 !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: inherit;
}

/* PhotoSwipe: keep the native zoom-wrap DOM untouched. The frame is a normal
   alpha image attached to pswp__item and is positioned from the native image
   rectangle every animation frame while the lightbox is open. */
.pswp__item > .mc-frame-lightbox-overlay {
    z-index: 4 !important;
    object-fit: fill;
    transition: none !important;
}