.elementor-1648 .elementor-element.elementor-element-e32df52{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1648 .elementor-element.elementor-element-d8135a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1648 .elementor-element.elementor-element-b6073d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1648 .elementor-element.elementor-element-40b1c06{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1648 .elementor-element.elementor-element-632bdc6{text-align:center;color:var( --e-global-color-primary );}.elementor-1648 .elementor-element.elementor-element-b8dda6c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1648 .elementor-element.elementor-element-24b281d .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1648 .elementor-element.elementor-element-24b281d .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1648 .elementor-element.elementor-element-24b281d .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1648 .elementor-element.elementor-element-24b281d .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1648 .elementor-element.elementor-element-24b281d .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1648 .elementor-element.elementor-element-24b281d .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1648 .elementor-element.elementor-element-24b281d .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1648 .elementor-element.elementor-element-24b281d .elementor-field-type-html{padding-bottom:0px;}.elementor-1648 .elementor-element.elementor-element-24b281d .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1648 .elementor-element.elementor-element-24b281d .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1648 .elementor-element.elementor-element-24b281d .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1648 .elementor-element.elementor-element-24b281d .elementor-button[type="submit"]{color:#ffffff;}.elementor-1648 .elementor-element.elementor-element-24b281d .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1648 .elementor-element.elementor-element-24b281d .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1648 .elementor-element.elementor-element-24b281d .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1648 .elementor-element.elementor-element-24b281d .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1648 .elementor-element.elementor-element-24b281d .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1648 .elementor-element.elementor-element-24b281d .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1648 .elementor-element.elementor-element-24b281d{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1648 .elementor-element.elementor-element-2c92c618{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}@media(min-width:768px){.elementor-1648 .elementor-element.elementor-element-d8135a7{--width:15%;}.elementor-1648 .elementor-element.elementor-element-40b1c06{--width:55%;}.elementor-1648 .elementor-element.elementor-element-b8dda6c{--width:30%;}.elementor-1648 .elementor-element.elementor-element-2c92c618{--content-width:55%;}}/* Start custom CSS for container, class: .elementor-element-b6073d9 *//* 垂直滚动容器 */
.elementor-1648 .elementor-element.elementor-element-b6073d9 {
  height: 550px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  width: 100% !important;
  padding-right: 8px !important;
  margin: 0 auto !important;
}

/* Amazon 风格滚动条 */
.elementor-1648 .elementor-element.elementor-element-b6073d9::-webkit-scrollbar {width: 4px;}
.elementor-1648 .elementor-element.elementor-element-b6073d9::-webkit-scrollbar-thumb {background: #ccc; border-radius: 2px;}
.elementor-1648 .elementor-element.elementor-element-b6073d9::-webkit-scrollbar-track {background: #f1f1f1;}
.elementor-1648 .elementor-element.elementor-element-b6073d9::-webkit-scrollbar-thumb:hover {background: #999;}

/* 缩略图容器 */
.elementor-1648 .elementor-element.elementor-element-b6073d9 .elementor-image {
  width: 60px !important;
  height: 60px !important;
  margin-bottom: 12px !important;
  cursor: pointer !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}

/* 缩略图图片样式 */
.elementor-1648 .elementor-element.elementor-element-b6073d9 .elementor-image img {
  width: 60px !important;
  height: 60px !important;
  object-fit: cover !important;
  border: 2px solid transparent !important;
  transition: all 0.2s ease !important;
}

/* hover/选中高亮 */
.elementor-1648 .elementor-element.elementor-element-b6073d9 .elementor-image:hover img,
.elementor-1648 .elementor-element.elementor-element-b6073d9 .elementor-image.active img {
  border-color: #0071e3 !important;
  box-shadow: 0 0 0 1px rgba(0, 113, 227, 0.2) !important;
}

/* 移动端适配 */
@media(max-width:767px){
  .elementor-1648 .elementor-element.elementor-element-b6073d9{
    width:100% !important;
    height:auto !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    display:flex !important;
    gap:10px !important;
    padding:10px 0 !important;
  }
  .elementor-1648 .elementor-element.elementor-element-b6073d9 .elementor-image{
    width:70px !important;
    height:70px !important;
    margin:0 !important;
    flex-shrink:0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40b1c06 *//* 主图放大镜容器 - 强制生效 */
.elementor-1648 .elementor-element.elementor-element-40b1c06 .product-main-image {
  position: relative !important;
  overflow: hidden !important;
  cursor: zoom-in !important;
  z-index: 999 !important;
  display: block !important;
}

/* 主图基础样式 */
.elementor-1648 .elementor-element.elementor-element-40b1c06 .product-main-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  transition: transform 0.3s ease-out !important;
  transform-origin: center center !important;
}

/* 核心放大效果 - 强制 !important 覆盖所有样式 */
.elementor-1648 .elementor-element.elementor-element-40b1c06 .product-main-image:hover img {
  transform: scale(1.6) !important;
}

/* 手机端关闭放大 */
@media(max-width:767px){
  .elementor-1648 .elementor-element.elementor-element-40b1c06 .product-main-image:hover img{
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c92c618 *//* 主图放大镜容器 */
.elementor-1648 .elementor-element.elementor-element-2c92c618 .product-main-image {
  position: relative;
  overflow: hidden;
  cursor: zoom-in; /* 鼠标变成放大镜图标 */
}

/* 主图过渡动画 */
.elementor-1648 .elementor-element.elementor-element-2c92c618 .product-main-image img {
  transition: transform 0.3s ease;
  width: 100%;
  height: auto;
  display: block;
}

/* 鼠标悬浮时放大 1.5 倍（可改 2 倍） */
.elementor-1648 .elementor-element.elementor-element-2c92c618 .product-main-image:hover img {
  transform: scale(1.5);
  /* 放大位置跟随鼠标 */
  transform-origin: var(--mouse-x, 50%) var(--mouse-y, 50%);
}/* End custom CSS */
/* Start custom CSS */// 用 window.load 确保页面完全加载后再执行
window.addEventListener('load', function() {
  // 1. 缩略图 hover 切换主图
  const mainImg = document.querySelector('.product-main-image img');
  const thumbs = document.querySelectorAll('.vertical-thumbs .elementor-image img');
  const thumbWraps = document.querySelectorAll('.vertical-thumbs .elementor-image');

  if (mainImg && thumbs.length) {
    thumbs.forEach((img, index) => {
      img.addEventListener('mouseenter', function() {
        mainImg.src = this.src;
        thumbWraps.forEach(w => w.classList.remove('active'));
        thumbWraps[index].classList.add('active');
      });
    });
    // 默认显示第一张
    mainImg.src = thumbs[0].src;
    thumbWraps[0].classList.add('active');
  }
});/* End custom CSS */