/* Vonnda_Cylindo viewer */
.cylindo-viewer {
    position: sticky;
    top: 200px;
    width: 100%;
}

.cylindo-viewer__stage {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #fff;
}

.cylindo-viewer cylindo-viewer {
    display: block;
    width: 100%;
    height: 100%;
}

.cylindo-viewer__loading {
    position: absolute;
    inset: 0;
    background: #f5f5f5;
}

/* When the Cylindo viewer is active, suppress the native gallery. Hide every
   child of the media column except our viewer, so it works regardless of how the
   theme/Fotorama renders the gallery markup. */
.product.media.cylindo-active > *:not(.cylindo-viewer) {
    display: none !important;
}