/* 商品预览容器 - 改为flex左右布局 */
.gallery-wrap{
  width:800px;
  margin:0 auto;
  display:flex;
  gap:12px;
}

/* 主图放大镜容器 */
.main-box{
  position:relative;
  width:665px;
  height:665px;
  overflow:hidden;
  border: 1px solid #ebebeb;
  flex-shrink:0;
}
#mainImg{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
/* 选框 */
.mask{
  position:absolute;
  width:200px;
  height:200px;
  background:rgba(255,255,255,0.25);
  border:1px solid #ccc;
  border-radius:50%;
  display:none;
  pointer-events:none;
}
/* 上层放大图层（浮在原图上面） */
.zoom-layer{
  position:absolute;
  left:0;top:0;
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  display:none;
  pointer-events:none;
  z-index:10;
}

/* 右侧缩略图区域 竖向 */
.thumb-row{
  position:relative;
  width:160px;
  flex-shrink:0;
}
.thumb-outer{
  overflow:hidden;
  height:665px;
}
.thumb-track{
  display:flex;
  flex-direction:column;
  transition:transform 0.24s ease;
}
.thumb-item{
  width:160px;
  height:160px;
  margin-bottom:8px;
  border:2px solid #ebebeb;;
  cursor:pointer;
  flex-shrink:0;
  overflow:hidden;
}
.thumb-item.active{
  border-color:rgb(0, 161, 234, 1);
}
.thumb-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* 上下切换按钮 */
.thumb-arrow{
  width:28px;
  height:28px;
  background:rgba(0,0,0,0.45);
  color:#fff;
  border:none;
  border-radius:50%;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  cursor:pointer;
  z-index:2;
  display:none;
}
.arrow-prev{top:4px;}
.arrow-next{bottom:4px;}
.thumb-arrow:hover{
  background:rgba(0,0,0,0.7);
}