.product-360-inline {
  display: none;
  border: 1px solid #eee;
  padding: 7px;
  border-radius: 5px;
  background-color: #fff;
}

.product-360-inline.is-active {
  display: block;
}

.left-pro-detail .MagicZoom.product-360-hidden {
  display: none;
}

.product-360-wrap {
  position: relative;
  background: radial-gradient(circle at 50% 40%, #ffffff 0%, #fafafa 45%, #f2f2f2 100%);
}

.product-360-viewer {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  cursor: grab;
  user-select: none;
  touch-action: none;
  overflow: hidden;
}

.product-360-viewer:active {
  cursor: grabbing;
}

.product-360-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  pointer-events: none;
  transform: translateZ(0);
  backface-visibility: hidden;
  image-rendering: auto;
}

.thumb-pro-detail-360 {
  position: relative;
}

.thumb-pro-detail-360-inner {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 3px;
}

.thumb-pro-detail-360-badge {
  position: absolute;
  right: 6px;
  bottom: 6px;
  width: 42px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(17, 17, 17, 0.82);
  padding: 5px 8px;
}

.thumb-pro-detail-360-badge svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: #fff;
}

.thumb-pro-detail-360.is-active {
  border-color: #cecfd2;
}

.product-360-wrap:fullscreen .product-360-viewer {
  aspect-ratio: auto;
  height: 100vh;
}