.elementor-302 .elementor-element.elementor-element-231f9ba{--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:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-302 .elementor-element.elementor-element-891b939{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.woocommerce .elementor-302 .elementor-element.elementor-element-95e555b .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
				.woocommerce .elementor-302 .elementor-element.elementor-element-95e555b .flex-viewport, .woocommerce .elementor-302 .elementor-element.elementor-element-95e555b .flex-control-thumbs img{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-60344a7 );}.woocommerce .elementor-302 .elementor-element.elementor-element-95e555b .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-302 .elementor-element.elementor-element-95e555b .flex-viewport{border-radius:10px 10px 10px 10px;}.woocommerce .elementor-302 .elementor-element.elementor-element-95e555b .flex-viewport:not(:last-child){margin-bottom:5px;}.woocommerce .elementor-302 .elementor-element.elementor-element-95e555b .flex-control-thumbs img{border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-302 .elementor-element.elementor-element-6274379{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-302 .elementor-element.elementor-element-30fc106 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:600;}.woocommerce .elementor-302 .elementor-element.elementor-element-92798dc .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
				.woocommerce .elementor-302 .elementor-element.elementor-element-92798dc .flex-viewport, .woocommerce .elementor-302 .elementor-element.elementor-element-92798dc .flex-control-thumbs img{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-60344a7 );}.woocommerce .elementor-302 .elementor-element.elementor-element-92798dc .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-302 .elementor-element.elementor-element-92798dc .flex-viewport{border-radius:10px 10px 10px 10px;}.woocommerce .elementor-302 .elementor-element.elementor-element-92798dc .flex-viewport:not(:last-child){margin-bottom:5px;}.woocommerce .elementor-302 .elementor-element.elementor-element-92798dc .flex-control-thumbs img{border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-302 .elementor-element.elementor-element-9ea6626 a{color:var( --e-global-color-primary );}.elementor-302 .elementor-element.elementor-element-8dcc02b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.elementor-302 .elementor-element.elementor-element-29329f6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-302 .elementor-element.elementor-element-6035c6c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.elementor-302 .elementor-element.elementor-element-1aa1824{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-302 .elementor-element.elementor-element-9908258{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-302 .elementor-element.elementor-element-eeaa98a{width:100%;max-width:100%;}.elementor-302 .elementor-element.elementor-element-eeaa98a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-302 .elementor-element.elementor-element-eeaa98a img{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-60344a7 );border-radius:10px 10px 10px 10px;}.elementor-302 .elementor-element.elementor-element-265e090{width:100%;max-width:100%;}.elementor-302 .elementor-element.elementor-element-265e090.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-302 .elementor-element.elementor-element-265e090 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-60344a7 );border-radius:10px 10px 10px 10px;}.elementor-302 .elementor-element.elementor-element-81deca6{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-302 .elementor-element.elementor-element-1ebbfab .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-302 .elementor-element.elementor-element-185d459 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-302 .elementor-element.elementor-element-185d459 .elementor-button:hover, .elementor-302 .elementor-element.elementor-element-185d459 .elementor-button:focus{background-color:var( --e-global-color-6b283de );}.elementor-302 .elementor-element.elementor-element-45bdf7a{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-302 .elementor-element.elementor-element-10b31a6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.elementor-302 .elementor-element.elementor-element-35e3f34{--swiper-slides-to-display:5;--swiper-offset-size:80px;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-302 .elementor-element.elementor-element-35e3f34 .swiper-slide > .elementor-element{height:100%;}@media(min-width:768px){.elementor-302 .elementor-element.elementor-element-891b939{--width:50%;}.elementor-302 .elementor-element.elementor-element-6274379{--width:50%;}.elementor-302 .elementor-element.elementor-element-9908258{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-302 .elementor-element.elementor-element-891b939{--width:100%;}.elementor-302 .elementor-element.elementor-element-6274379{--width:100%;}}@media(max-width:1024px){.elementor-302 .elementor-element.elementor-element-231f9ba{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-302 .elementor-element.elementor-element-185d459 .elementor-button{font-size:var( --e-global-typography-primary-font-size );}.elementor-302 .elementor-element.elementor-element-45bdf7a{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-302 .elementor-element.elementor-element-35e3f34{--swiper-slides-to-display:4;}}@media(max-width:767px){.elementor-302 .elementor-element.elementor-element-30fc106 .elementor-heading-title{font-size:16px;}.elementor-302 .elementor-element.elementor-element-9908258{--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;--justify-content:space-around;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-302 .elementor-element.elementor-element-eeaa98a{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-302 .elementor-element.elementor-element-265e090{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-302 .elementor-element.elementor-element-185d459 .elementor-button{font-size:var( --e-global-typography-primary-font-size );}.elementor-302 .elementor-element.elementor-element-35e3f34{--swiper-slides-to-display:2;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-95e555b *//* =========================
   1. 缩略图部分 (你之前的代码)
   ========================= */
.woocommerce div.product div.images .flex-control-thumbs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
    scroll-behavior: smooth;
    padding-bottom: 5px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 20% !important;
    flex: 0 0 auto !important;
    margin-right: 10px !important;
    margin-bottom: 0 !important;
}

/* 滚动条美化 */
.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar {
    height: 4px;
}
.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

/* =========================
   2. 主图部分 (新增功能)
   ========================= */

/* 设置主图容器：强制正方形，宽度自适应 */
.woocommerce div.product div.images .woocommerce-product-gallery__image {
    aspect-ratio: 1 / 1 !important; /* 关键：锁定宽高比为 1:1 */
    width: 100%;       /* 宽度跟随父容器（Elementor列宽）变化 */
    display: flex !important;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    overflow: hidden;    /* 超出部分隐藏 */
}

/* 设置主图图片本体：如何填充这个正方形 */
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: 100% !important;
    
    /* 重要选项：
       object-fit: contain; -> 完整显示图片，不会被切掉（适合锁具结构展示，可能有留白）
       object-fit: cover;   -> 填满正方形，没有留白（图片如果不方，边缘会被切掉）
    */
    object-fit: contain !important; 
    
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-images, class: .elementor-element-92798dc *//* =========================
   1. 缩略图部分 (你之前的代码)
   ========================= */
.woocommerce div.product div.images .flex-control-thumbs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
    scroll-behavior: smooth;
    padding-bottom: 5px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 20% !important;
    flex: 0 0 auto !important;
    margin-right: 10px !important;
    margin-bottom: 0 !important;
}

/* 滚动条美化 */
.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar {
    height: 4px;
}
.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

/* =========================
   2. 主图部分 (新增功能)
   ========================= */

/* 设置主图容器：强制正方形，宽度自适应 */
.woocommerce div.product div.images .woocommerce-product-gallery__image {
    aspect-ratio: 1 / 1 !important; /* 关键：锁定宽高比为 1:1 */
    width: 100%;       /* 宽度跟随父容器（Elementor列宽）变化 */
    display: flex !important;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    overflow: hidden;    /* 超出部分隐藏 */
}

/* 设置主图图片本体：如何填充这个正方形 */
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: 100% !important;
    
    /* 重要选项：
       object-fit: contain; -> 完整显示图片，不会被切掉（适合锁具结构展示，可能有留白）
       object-fit: cover;   -> 填满正方形，没有留白（图片如果不方，边缘会被切掉）
    */
    object-fit: contain !important; 
    
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-meta, class: .elementor-element-9ea6626 *//* 设置链接的过渡动画，让变色更顺滑 */
.elementor-302 .elementor-element.elementor-element-9ea6626 .product_meta a {
    transition: color 0.3s ease;
}

/* 设置鼠标悬停 (Hover) 时的颜色 */
.elementor-302 .elementor-element.elementor-element-9ea6626 .product_meta a:hover {
    /* 这里改成你想要的颜色，比如之前的蓝色 #0073e6 */
    color: #60A5FA !important; 

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1ebbfab *//* 让图标大小随字体自动变化 */
.elementor-302 .elementor-element.elementor-element-1ebbfab .auto-icon {
    height: 0.9em !important; /* 图标高度设为字体大小的 0.9 倍 */
    width: auto !important;   /* 宽度自动保持比例 */
    vertical-align: middle !important; /* 垂直居中对齐 */
    margin-left: 6px !important; /* 图标和文字之间的间距 */
    margin-right: 2px !important; /* 两个图标之间的间距 */
    
    /* 可选：微调垂直位置，如果觉得图标偏高或偏低，修改这个负数 */
    transform: translateY(-2px); 
    display: inline-block;
}

/* 移动端优化：防止图标换行导致布局难看 */
.elementor-302 .elementor-element.elementor-element-1ebbfab .elementor-heading-title {
    display: inline-block; /* 或者用 flex */
    align-items: center;
}/* End custom CSS */