/* ================= ZOOM OVERLAY ================= */

.zoom-overlay{
    position: fixed;
    inset: 0;
    background: #000;

    display: none;
    align-items: center;
    justify-content: center;

    z-index: 9999;

    overflow: hidden;
}

/* ================= BOTÃO VOLTAR ================= */

.zoom-close{
    position: fixed;
    top: 70px;
    left: 15px;

    width: 44px;
    height: 44px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;
    background: rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;

    border:none;
    cursor:pointer;

    z-index: 10001;

    backdrop-filter: blur(6px);
}

.zoom-close:active{
    transform:scale(0.92);
}

/* ================= GALERIA ZOOM ================= */

.zoom-gallery{
    display:flex;
    width:100%;
    height:100%;

    overflow-x:auto;
    overflow-y:hidden;

    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;

    -webkit-overflow-scrolling: touch;

    touch-action: pan-x;

    /* 🔥 ESSENCIAL PRA NÃO FICAR SOLTO */
    scroll-snap-stop: always;
}

/* ================= IMAGENS ================= */

.zoom-gallery img{
    flex: 0 0 100%;

    width:100vw;
    height:100vh;

    object-fit: contain;

    display:block;

    /* 🔥 SNAP CORRETO */
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

/* ================= COUNTER ================= */

.zoom-counter{
    position: fixed;
    top: 70px;
    right: 15px;

    color:#fff;
    background:rgba(0,0,0,0.6);

    padding:6px 12px;
    border-radius:20px;
    font-size:14px;

    z-index:10001;
}

/* ================= ESCONDER SCROLL ================= */

.zoom-gallery::-webkit-scrollbar{
    display:none;
}