.elementor-2340 .elementor-element.elementor-element-cbe20d0 .elementor-spacer-inner{--spacer-size:90px;}.elementor-2340 .elementor-element.elementor-element-720d762 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2340 .elementor-element.elementor-element-acaa4a9 .elementor-spacer-inner{--spacer-size:90px;}.elementor-2340 .elementor-element.elementor-element-dadf1b5 .elementor-spacer-inner{--spacer-size:26px;}.elementor-2340 .elementor-element.elementor-element-60ec1d6 > .elementor-widget-container{margin:0px 0px 0px -20px;}.elementor-2340 .elementor-element.elementor-element-f23f0be .elementor-spacer-inner{--spacer-size:202px;}@media(min-width:768px){.elementor-2340 .elementor-element.elementor-element-ed14a6e{width:52.999%;}.elementor-2340 .elementor-element.elementor-element-720d762{width:47.001%;}}/* Start custom CSS for wp-widget-block, class: .elementor-element-e09cedb *//* 整體容器 -> 改成上下排 */
.product-gallery-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

/* 主圖片區塊 -> 滿版寬度，置中 */
.main-image-display {
  width: 100%;
  max-width: 600px; /* 依需求調整最大寬度 */
  text-align: center;
}

.main-image-display img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid #eee;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* 縮圖區塊 -> 橫排置於主圖下方 */
.thumbnail-navigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: 600px; /* 和主圖同寬 */
  margin-top: 10px;
}

.thumbnail-navigation img {
  flex: 0 0 auto;
  width: 80px;        /* 縮圖大小，可自行調整 */
  height: auto;
  cursor: pointer;
  border: 1px solid #ddd;
  opacity: 0.7;
  transition: all 0.3s ease;
  outline: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.thumbnail-navigation img:hover,
.thumbnail-navigation img.active {
  opacity: 1;
  border-color: #aaa;
}

.thumbnail-navigation img.active {
  box-shadow: 0 0 0 2px #0073e6;
}

/* 手機響應也維持同一排 */
@media (max-width: 768px) {
  .thumbnail-navigation img {
    width: calc(25% - 10px); /* 手機上四張一排 */
    max-width: 60px;
  }
}/* End custom CSS */