/* InstantShop Lightbox Mobile Layer Fix v1.0.3
   Correção isolada: lightbox acima da navbar SEM esconder navbar e SEM travar o fechamento. */
html.instantshop-lightbox-mobile-open,
body.instantshop-lightbox-mobile-open,
html.instantshop-lightbox-open,
body.instantshop-lightbox-open {
    overflow: hidden !important;
}

.instantshop-lightbox.is-open,
.instantshop-lightbox[aria-hidden="false"] {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    z-index: 2147483646 !important;
    isolation: isolate !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
}

.instantshop-lightbox[aria-hidden="true"]:not(.is-open),
.instantshop-lightbox:not(.is-open)[aria-hidden="true"] {
    display: none !important;
    pointer-events: none !important;
}

.instantshop-lightbox.is-open img,
.instantshop-lightbox[aria-hidden="false"] img {
    position: relative !important;
    z-index: 2147483646 !important;
    max-width: 96vw !important;
    max-height: 86vh !important;
    max-height: 86dvh !important;
    object-fit: contain !important;
}

.instantshop-lightbox.is-open .instantshop-lightbox-close,
.instantshop-lightbox[aria-hidden="false"] .instantshop-lightbox-close,
.instantshop-lightbox.is-open [data-instantshop-close],
.instantshop-lightbox[aria-hidden="false"] [data-instantshop-close] {
    position: fixed !important;
    z-index: 2147483647 !important;
    top: max(12px, env(safe-area-inset-top)) !important;
    right: max(12px, env(safe-area-inset-right)) !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
}

/* A navbar permanece visível no estado normal; o lightbox fica acima dela por camada. */
html.instantshop-lightbox-mobile-open #mainnav,
body.instantshop-lightbox-mobile-open #mainnav,
html.instantshop-lightbox-open #mainnav,
body.instantshop-lightbox-open #mainnav,
html.instantshop-lightbox-mobile-open nav#mainnav,
body.instantshop-lightbox-mobile-open nav#mainnav,
html.instantshop-lightbox-open nav#mainnav,
body.instantshop-lightbox-open nav#mainnav,
html.instantshop-lightbox-mobile-open .navbar.bg-nav,
body.instantshop-lightbox-mobile-open .navbar.bg-nav,
html.instantshop-lightbox-open .navbar.bg-nav,
body.instantshop-lightbox-open .navbar.bg-nav {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}