.spin360-image-wrap {
    position: relative;
    /* display: block; */
    float: left;
    opacity: 1;
}

.spin360-image-wrap .spin360-fallback-image {
    display: block;
    opacity: 1;
    transition: opacity 0.15s ease;
}

.spin360-image-wrap .spin360-fallback-image img {
    display: block;
    width: 100%;
    height: auto;
}

.spin360-image-wrap .spin360-mount {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    background: transparent;
    transition: opacity 0.15s ease;
}

.spin360-image-wrap .spin360-mount canvas {
    display: block;
    width: 100%;
    height: auto;
}

/* Когда 360-блок готов, прячем стандартное изображение,
   но сохраняем его в потоке, чтобы не прыгала высота. */
.spin360-image-wrap.spin360-active .spin360-fallback-image {
    opacity: 0;
}

/* Каталог */
.spin360-image-wrap-loop .spin360-mount {
    pointer-events: none;
}

.spin360-image-wrap-loop:hover .spin360-mount.spin360-ready {
    opacity: 1;
}

/* Страница товара */
.spin360-image-wrap-product .spin360-mount.spin360-ready {
    opacity: 1;
    pointer-events: auto;
}