.elementor-1694 .elementor-element.elementor-element-51c81e2{--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-1694 .elementor-element.elementor-element-ccf5720{--spacer-size:50px;}.elementor-1694 .elementor-element.elementor-element-ba48f2f{--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-1694 .elementor-element.elementor-element-8bfa84e{--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-1694 .elementor-element.elementor-element-f7627f2{--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-1694 .elementor-element.elementor-element-8961d70{--divider-border-style:solid;--divider-color:#D6D0D0;--divider-border-width:1.5px;}.elementor-1694 .elementor-element.elementor-element-8961d70 .elementor-divider-separator{width:100%;}.elementor-1694 .elementor-element.elementor-element-8961d70 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1694 .elementor-element.elementor-element-97eb408{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1694 .elementor-element.elementor-element-97eb408.e-con{--align-self:stretch;}.elementor-1694 .elementor-element.elementor-element-63f91fa{width:var( --container-widget-width, 29% );max-width:29%;--container-widget-width:29%;--container-widget-flex-grow:0;}.elementor-1694 .elementor-element.elementor-element-521d914{--grid-template-columns:repeat(0, auto);text-align:left;width:var( --container-widget-width, 98% );max-width:98%;--e-transform-translateX:-268px;--container-widget-width:98%;--container-widget-flex-grow:0;--icon-size:14px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-1694 .elementor-element.elementor-element-521d914.elementor-element{--align-self:flex-start;}.elementor-1694 .elementor-element.elementor-element-d6bf853{--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-1694 .elementor-element.elementor-element-26ae8f1{--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;--background-transition:0.3s;}.elementor-1694 .elementor-element.elementor-element-59fc36e .e-search-input{border-radius:30px 30px 30px 30px;}.elementor-1694 .elementor-element.elementor-element-415c364{width:var( --container-widget-width, 104.468% );max-width:104.468%;--container-widget-width:104.468%;--container-widget-flex-grow:0;}.elementor-1694 .elementor-element.elementor-element-415c364.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1694 .elementor-element.elementor-element-45acd85{--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;}@media(max-width:1024px){.elementor-1694 .elementor-element.elementor-element-97eb408{--grid-auto-flow:row;}.elementor-1694 .elementor-element.elementor-element-521d914{--e-transform-translateX:-146px;--e-transform-translateY:0px;}}@media(min-width:768px){.elementor-1694 .elementor-element.elementor-element-51c81e2{--content-width:1400px;}.elementor-1694 .elementor-element.elementor-element-ba48f2f{--content-width:1400px;}.elementor-1694 .elementor-element.elementor-element-8bfa84e{--width:50%;}.elementor-1694 .elementor-element.elementor-element-f7627f2{--width:60%;}.elementor-1694 .elementor-element.elementor-element-d6bf853{--content-width:1400px;}.elementor-1694 .elementor-element.elementor-element-26ae8f1{--width:35%;}.elementor-1694 .elementor-element.elementor-element-45acd85{--width:65%;}}@media(max-width:767px){.elementor-1694 .elementor-element.elementor-element-97eb408{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1694 .elementor-element.elementor-element-521d914{--e-transform-translateX:49px;--e-transform-translateY:-37px;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-dd48dff *//* 优化版 - 左侧垂直缩略图 */
.woocommerce div.product div.images {
    display: flex;
    flex-direction: row;
}

/* 左侧缩略图区域 */
.woocommerce-product-gallery .flex-control-thumbs {
    width: 100px !important; /* 固定宽度 */
    float: left;
    margin: 0 15px 0 0 !important;
    padding: 0 !important;
    order: 1;
}

/* 垂直排列缩略图 */
.woocommerce-product-gallery .flex-control-thumbs {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
}

/* 缩略图样式 */
.woocommerce-product-gallery .flex-control-thumbs li {
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* 缩略图悬停效果 */
.woocommerce-product-gallery .flex-control-thumbs li:hover {
    border-color: #333;
}

/* 主图区域 */
.woocommerce-product-gallery .flex-viewport {
    width: calc(100% - 130px) !important; /* 总宽度减去缩略图宽度 */
    float: right !important;
    order: 2;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .woocommerce div.product div.images {
        flex-direction: column; /* 移动端改为上下排列 */
    }
    
    .woocommerce-product-gallery .flex-control-thumbs {
        width: 100% !important;
        flex-direction: row !important; /* 移动端改为横向滚动 */
        overflow-x: auto;
        margin-bottom: 15px !important;
        order: 2;
    }
    
    .woocommerce-product-gallery .flex-control-thumbs li {
        width: 80px !important;
        margin-right: 10px !important;
        margin-bottom: 0 !important;
        flex-shrink: 0;
    }
    
    .woocommerce-product-gallery .flex-viewport {
        width: 100% !important;
        order: 1;
    }
}/* End custom CSS */