#wc-vertical-gallery {
    position: relative;
    /* ini wajib */
}

#wc-vertical-gallery,
.wcvg-track,
.wcvg-slide {
    height: var(--wcvg-height);
}

.wcvg-track {
    height: 90vh;
    overflow-y: auto;
    scroll-snap-type: y mandatory;
    scrollbar-width: none;
}

.wcvg-track::-webkit-scrollbar {
    display: none;
}

.wcvg-slide {
    position: relative;
    height: 90vh;
    scroll-snap-align: start;
}

.wcvg-slide img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .45s cubic-bezier(.4, 0, .2, 1);
    will-change: transform;
}

.wcvg-slide img.zoomed {
    cursor: zoom-out;
}

.wcvg-dots {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 50;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wcvg-dot {
    width: 5px;
    height: 15px;
    border-radius: 5px;
    background: rgba(0, 0, 0, .25);
    cursor: pointer;
    transition: .3s;
}

.wcvg-dot.active {
    height: 25px;
    background: #000;
    transform: scale(1.3);
}

/* KILL ALL HOVER ZOOM */
.wcvg-slide img:hover {
    transform: scale(1) !important;
}

@media(max-width:768px) {

    #wc-vertical-gallery,
    .wcvg-track,
    .wcvg-slide {
        height: var(--wcvg-height-mobile);
    }
}