.elementor-148 .elementor-element.elementor-element-3c00cd7{--display:flex;}.elementor-148 .elementor-element.elementor-element-2b96651 .woocommerce-breadcrumb{color:#000000;font-family:"Montserrat", Sans-serif;font-size:10px;font-weight:400;}.elementor-148 .elementor-element.elementor-element-2b96651 .woocommerce-breadcrumb > a{color:#464646;}.elementor-148 .elementor-element.elementor-element-b606101{--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;}.elementor-148 .elementor-element.elementor-element-8dc5857{--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-148 .elementor-element.elementor-element-c762c9e{padding:0px 0px 0px 0px;}.elementor-148 .elementor-element.elementor-element-c762c9e.elementor-element{--align-self:flex-end;}.woocommerce .elementor-148 .elementor-element.elementor-element-c762c9e .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
				.woocommerce .elementor-148 .elementor-element.elementor-element-c762c9e .flex-viewport, .woocommerce .elementor-148 .elementor-element.elementor-element-c762c9e .flex-control-thumbs img{border-style:none;}.woocommerce .elementor-148 .elementor-element.elementor-element-c762c9e .flex-viewport:not(:last-child){margin-bottom:20px;}.elementor-148 .elementor-element.elementor-element-9704a2a{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;}.elementor-148 .elementor-element.elementor-element-62471d2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1.6rem;font-weight:400;color:#111111;}.elementor-148 .elementor-element.elementor-element-afee2f3{--divider-border-style:solid;--divider-color:#B6B6B6;--divider-border-width:1px;}.elementor-148 .elementor-element.elementor-element-afee2f3 .elementor-divider-separator{width:95%;}.elementor-148 .elementor-element.elementor-element-afee2f3 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-148 .elementor-element.elementor-element-afee2f3.elementor-view-stacked .elementor-icon{background-color:#1F1F1F;}.elementor-148 .elementor-element.elementor-element-afee2f3.elementor-view-framed .elementor-icon, .elementor-148 .elementor-element.elementor-element-afee2f3.elementor-view-default .elementor-icon{color:#1F1F1F;border-color:#1F1F1F;}.elementor-148 .elementor-element.elementor-element-afee2f3.elementor-view-framed .elementor-icon, .elementor-148 .elementor-element.elementor-element-afee2f3.elementor-view-default .elementor-icon svg{fill:#1F1F1F;}.woocommerce .elementor-148 .elementor-element.elementor-element-9488cfd .woocommerce-product-details__short-description{color:#000000;font-family:"Montserrat", Sans-serif;font-size:0.9rem;}.elementor-148 .elementor-element.elementor-element-596a095 .elementor-button{background-color:var( --e-global-color-9d4e40f );font-family:"Arial", Sans-serif;font-weight:600;}.elementor-148 .elementor-element.elementor-element-596a095{padding:0px 0px 0px 0px;}.elementor-148 .elementor-element.elementor-element-a182910{--display:flex;}.elementor-148 .elementor-element.elementor-element-914f4f4{--display:flex;}.elementor-148 .elementor-element.elementor-element-914f4f4:hover::before, .elementor-148 .elementor-element.elementor-element-914f4f4:hover > .elementor-background-video-container::before, .elementor-148 .elementor-element.elementor-element-914f4f4:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-148 .elementor-element.elementor-element-914f4f4 > .elementor-background-slideshow:hover::before, .elementor-148 .elementor-element.elementor-element-914f4f4 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-148 .elementor-element.elementor-element-914f4f4:hover{--overlay-opacity:0.5;}.elementor-148 .elementor-element.elementor-element-9083c67{text-align:left;color:#000000;font-family:"Montserrat", Sans-serif;font-size:0.7rem;font-weight:400;}.elementor-148 .elementor-element.elementor-element-f43fbbe{--display:flex;}.elementor-148 .elementor-element.elementor-element-6f09ba9{--display:flex;}.elementor-148 .elementor-element.elementor-element-11787d5{font-family:"Montserrat", Sans-serif;font-size:0.7rem;font-weight:400;color:#000000;}.elementor-148 .elementor-element.elementor-element-11787d5 a{color:var( --e-global-color-accent );}.elementor-148 .elementor-element.elementor-element-3b1f8a9{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:0px 0px 0px 0px;--n-accordion-title-normal-color:#000000;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-icon-size:0.6rem;--n-accordion-icon-normal-color:#000000;--n-accordion-icon-hover-color:#FFFFFF;--n-accordion-icon-active-color:#2DBE47;}.elementor-148 .elementor-element.elementor-element-3b1f8a9 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#F5F5F5;border-style:none;}.elementor-148 .elementor-element.elementor-element-3b1f8a9 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#000000;}.elementor-148 .elementor-element.elementor-element-3b1f8a9 > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#F5F5F5;}:where( .elementor-148 .elementor-element.elementor-element-3b1f8a9 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-148 .elementor-element.elementor-element-26bcabe{font-family:"Montserrat", Sans-serif;font-size:0.6rem;color:#414141;}.elementor-148 .elementor-element.elementor-element-56300e8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-148 .elementor-element.elementor-element-56300e8.e-con{--align-self:center;}.elementor-148 .elementor-element.elementor-element-1027d19 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.4rem;font-weight:600;color:var( --e-global-color-text );}.elementor-148 .elementor-element.elementor-element-59d7555{--swiper-slides-to-display:4;--swiper-slides-gap:10px;padding:20px 0px 0px 0px;}.elementor-148 .elementor-element.elementor-element-59d7555 .swiper-slide > .elementor-element{height:100%;}.elementor-148 .elementor-element.elementor-element-42cd3cf{--display:flex;}@media(min-width:768px){.elementor-148 .elementor-element.elementor-element-b606101{--content-width:65%;}.elementor-148 .elementor-element.elementor-element-8dc5857{--content-width:100%;}.elementor-148 .elementor-element.elementor-element-9704a2a{--width:65%;}.elementor-148 .elementor-element.elementor-element-56300e8{--content-width:61%;}}@media(max-width:1024px) and (min-width:768px){.elementor-148 .elementor-element.elementor-element-b606101{--content-width:100%;}.elementor-148 .elementor-element.elementor-element-8dc5857{--content-width:100%;}}@media(max-width:1024px){.elementor-148 .elementor-element.elementor-element-8dc5857{--min-height:0px;}.elementor-148 .elementor-element.elementor-element-59d7555{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-148 .elementor-element.elementor-element-59d7555{--swiper-slides-to-display:1;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-c762c9e *//* ----------------------------------------
   WooCommerce 产品详情页 - 桌面端缩略图左侧（仅改此处）
   说明：这一段用于控制桌面端产品图片区域布局
---------------------------------------- */
@media(min-width: 769px) {

    /* 主容器：包含主图与缩略图
       说明：这行把主图与缩略图并排排列，并通过 row-reverse 让缩略图排在左侧 */
    .woocommerce div.product div.images {
        display: flex;
        flex-direction: row-reverse; /* 关键：将缩略图移动到左边 */
        align-items: flex-start;
        gap: 20px; /* 主图与缩略图之间的间距 */
    }

    /* 缩略图列表容器（左侧垂直显示）
       说明：
       - 垂直排列缩略图
       - 可滚动
       - 新增 padding 让缩略图边缘留出空间，避免 hover 绿色边框被裁切
    */
    .woocommerce div.product div.images .flex-control-thumbs {
        display: flex;
        flex-direction: column;
        gap: 15px; /* 每个缩略图之间的距离 */
        width: 80px; /* 缩略图列宽度 */
        max-height: 545px; /* 可视高度 */
        overflow-y: auto; /* 超出滚动 */
        flex-shrink: 0;
        box-sizing: content-box;
        align-self: stretch;

        padding: 10px 10px 10px 10px; /* ★唯一改动：四周增加 10px 间距，避免 hover 时边框被裁切 */

        /* order 删除后让缩略图按默认顺序显示 */
    }

    /* 滚动条样式（控制缩略图列表的滚动条外观） */
.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar {
    width: 4px; /* 设置滚动条本体的宽度（垂直方向为宽） */
}

.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar-track {
    background: #f1f1f1; /* 设置滚动条“轨道”的背景颜色 */
    border-radius: 3px; /* 让轨道边角变圆，提升视觉柔和度 */
}

.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* 设置滚动条“滑块”的默认颜色 */
    border-radius: 3px; /* 滑块圆角，让外观更统一 */
}

.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar-thumb:hover {
    background: #12a400; /* 鼠标悬停滑块时的颜色，强化交互反馈 */
}


    /* 单个缩略图的 li（外层盒子）
       注意：hover 放大效果在这里控制 */
    .woocommerce div.product div.images .flex-control-thumbs li {
        flex: 0 0 auto;
        width: 80px;
        height: 80px;
        border-radius: 6px;
        overflow: hidden; /* 防止图片超出 */
        list-style: none;
        margin: 0;
        transition: transform 0.2s ease; /* 缩略图 hover 放大动画 */
    }

    /* 缩略图 hover 放大 */
    .woocommerce div.product div.images .flex-control-thumbs li:hover {
        transform: scale(1.05);
    }

    /* 缩略图图片本体 */
    .woocommerce div.product div.images .flex-control-thumbs li img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 1.0; /* 默认透明度（未选中状态） */
        transition: all 0.3s ease;
        cursor: pointer;
    }

    /* hover + 选中状态的样式
       说明：绿色边框 + 阴影，用于强调当前缩略图 */
    .woocommerce div.product div.images .flex-control-thumbs li img:hover,
    .woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
        opacity: 1;
        border: 2px solid #12a400; /* 绿色边框 */
        box-shadow: 0 3px 6px rgba(0,124,186,0.3);
    }

    /* 主图容器（未做任何修改）
       控制主图的尺寸和背景 */
    .woocommerce-product-gallery__wrapper {
        width: 450px;
        min-width: 300px;
        flex: 1 1 auto;
        height: 565px;
        background: #f8f8f8;
        border-radius: 8px;
        overflow: hidden;
        box-sizing: border-box;
        position: relative;
        order: 0;
    }
}

/* ----------------------------------------
   WooCommerce 产品详情页 - 移动端缩略图横向滑动（保持不变）
   说明：这一段专门用于手机端样式
---------------------------------------- */
@media(max-width: 768px) {

    /* 移动端主容器布局：主图在上，缩略图在下 */
    .woocommerce div.product div.images {
        flex-direction: column;
        gap: 15px;
    }

    /* 移动端缩略图水平滚动条 */
    .woocommerce div.product div.images .flex-control-thumbs {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 8px;
        padding-bottom: 8px;
        height: auto;
        max-height: none;
        order: 1;
        align-self: auto;
        -webkit-overflow-scrolling: touch; /* iOS 惯性滚动 */
    }

    /* 滚动条样式 */
    .woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar {
        height: 4px;
    }

    .woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 3px;
    }

    .woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar-thumb {
        background: #3ba42e;
        border-radius: 3px;
    }

    .woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar-thumb:hover {
        background: #12a400;
    }

    /* 移动端缩略图尺寸 */
    .woocommerce div.product div.images .flex-control-thumbs li {
        flex: 0 0 auto;
        width: 80px;
        height: 80px;
    }

    /* 主图容器尺寸（移动端） */
    .woocommerce-product-gallery__wrapper {
        width: 100%;
        height: auto;
        max-height: 400px;
        min-height: 300px;
        aspect-ratio: unset;
    }

    .woocommerce-product-gallery__image img {
        object-fit: cover;
    }
}

/* 隐藏 WooCommerce 默认放大镜按钮（保持不变） */
a.woocommerce-product-gallery__trigger {
    display: none;
}/* End custom CSS */