.elementor-553 .elementor-element.elementor-element-f47f91f{--display:flex;}.elementor-553 .elementor-element.elementor-element-8ffdc91{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{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 );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-553 .elementor-element.elementor-element-130493b{text-align:center;}.elementor-553 .elementor-element.elementor-element-130493b .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:25px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:5px;}.elementor-553 .elementor-element.elementor-element-786401b{text-align:center;}.elementor-553 .elementor-element.elementor-element-786401b .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:9px;font-weight:400;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:2em;letter-spacing:5px;color:#A7A0A0;}.elementor-553 .elementor-element.elementor-element-b67b5de{--spacer-size:50px;}.elementor-553 .elementor-element.elementor-element-58afb9a{--display:flex;}.elementor-553 .elementor-element.elementor-element-5e5ae27{--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-553 .elementor-element.elementor-element-4b94669 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-553 .elementor-element.elementor-element-4b94669{text-align:left;}.elementor-553 .elementor-element.elementor-element-4b94669 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:6em;letter-spacing:1.2px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-553 .elementor-element.elementor-element-3a1cffd{--grid-columns:4;--grid-row-gap:6px;--load-more-button-align:center;--grid-column-gap:33px;}.elementor-553 .elementor-element.elementor-element-d90cd2a{--spacer-size:149px;}.elementor-553 .elementor-element.elementor-element-5bdfdce{--display:flex;--min-height:70px;--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;--overlay-opacity:0.5;}.elementor-553 .elementor-element.elementor-element-5bdfdce::before, .elementor-553 .elementor-element.elementor-element-5bdfdce > .elementor-background-video-container::before, .elementor-553 .elementor-element.elementor-element-5bdfdce > .e-con-inner > .elementor-background-video-container::before, .elementor-553 .elementor-element.elementor-element-5bdfdce > .elementor-background-slideshow::before, .elementor-553 .elementor-element.elementor-element-5bdfdce > .e-con-inner > .elementor-background-slideshow::before, .elementor-553 .elementor-element.elementor-element-5bdfdce > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#E7E7E7;--background-overlay:'';}.elementor-553 .elementor-element.elementor-element-c256dd9{--spacer-size:200px;}.elementor-553 .elementor-element.elementor-element-d53d2d0{--display:flex;--justify-content:center;}.elementor-553 .elementor-element.elementor-element-a7a8804{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-553 .elementor-element.elementor-element-284e142{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-553 .elementor-element.elementor-element-2181ebc.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-553 .elementor-element.elementor-element-2181ebc{text-align:right;}.elementor-553 .elementor-element.elementor-element-2181ebc img{width:25%;}.elementor-553 .elementor-element.elementor-element-9da16c3.elementor-element{--align-self:center;}.elementor-553 .elementor-element.elementor-element-9da16c3{text-align:center;}.elementor-553 .elementor-element.elementor-element-9da16c3 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:1px;}.elementor-553 .elementor-element.elementor-element-37547bd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-553 .elementor-element.elementor-element-0287fd7.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-553 .elementor-element.elementor-element-0287fd7{text-align:right;}.elementor-553 .elementor-element.elementor-element-0287fd7 img{width:25%;}.elementor-553 .elementor-element.elementor-element-5a963cd.elementor-element{--align-self:center;}.elementor-553 .elementor-element.elementor-element-5a963cd{text-align:center;}.elementor-553 .elementor-element.elementor-element-5a963cd .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:1px;}.elementor-553 .elementor-element.elementor-element-6595826{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-553 .elementor-element.elementor-element-3a5ec9b.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-553 .elementor-element.elementor-element-3a5ec9b{text-align:right;}.elementor-553 .elementor-element.elementor-element-3a5ec9b img{width:25%;}.elementor-553 .elementor-element.elementor-element-a2699ff.elementor-element{--align-self:center;}.elementor-553 .elementor-element.elementor-element-a2699ff{text-align:center;}.elementor-553 .elementor-element.elementor-element-a2699ff .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:1px;}.elementor-553 .elementor-element.elementor-element-67a6698{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-553 .elementor-element.elementor-element-4d21125.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-553 .elementor-element.elementor-element-4d21125{text-align:right;}.elementor-553 .elementor-element.elementor-element-4d21125 img{width:25%;}.elementor-553 .elementor-element.elementor-element-2db4400.elementor-element{--align-self:center;}.elementor-553 .elementor-element.elementor-element-2db4400{text-align:center;}.elementor-553 .elementor-element.elementor-element-2db4400 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:1px;}.elementor-553 .elementor-element.elementor-element-5e74165{--spacer-size:200px;}.elementor-553 .elementor-element.elementor-element-5e74165.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-553 .elementor-element.elementor-element-58afb9a{--content-width:74%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-553 .elementor-element.elementor-element-3a1cffd{--grid-columns:2;}.elementor-553 .elementor-element.elementor-element-5bdfdce{--min-height:10vh;}.elementor-553 .elementor-element.elementor-element-c256dd9{--spacer-size:0px;}.elementor-553 .elementor-element.elementor-element-a7a8804{--grid-auto-flow:row;}.elementor-553 .elementor-element.elementor-element-284e142{--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:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-553 .elementor-element.elementor-element-2181ebc{text-align:center;}.elementor-553 .elementor-element.elementor-element-2181ebc img{width:26%;}.elementor-553 .elementor-element.elementor-element-9da16c3 .elementor-heading-title{font-size:9px;}.elementor-553 .elementor-element.elementor-element-37547bd{--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-553 .elementor-element.elementor-element-0287fd7{text-align:center;}.elementor-553 .elementor-element.elementor-element-5a963cd .elementor-heading-title{font-size:9px;}.elementor-553 .elementor-element.elementor-element-6595826{--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-553 .elementor-element.elementor-element-3a5ec9b{text-align:center;}.elementor-553 .elementor-element.elementor-element-a2699ff .elementor-heading-title{font-size:9px;}.elementor-553 .elementor-element.elementor-element-67a6698{--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-553 .elementor-element.elementor-element-4d21125{text-align:center;}.elementor-553 .elementor-element.elementor-element-2db4400 .elementor-heading-title{font-size:9px;}.elementor-553 .elementor-element.elementor-element-5e74165{--spacer-size:0px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-553 .elementor-element.elementor-element-130493b .elementor-heading-title{font-size:28px;letter-spacing:5px;}.elementor-553 .elementor-element.elementor-element-786401b .elementor-heading-title{font-size:7px;letter-spacing:5px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-553 .elementor-element.elementor-element-3a1cffd{--grid-columns:2;}.elementor-553 .elementor-element.elementor-element-5bdfdce{--min-height:15vh;}.elementor-553 .elementor-element.elementor-element-a7a8804{--e-con-grid-template-columns:repeat(4, 1fr);--grid-auto-flow:row;}.elementor-553 .elementor-element.elementor-element-284e142{--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-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS *//* 1. 最外层循环项的定位 */
/* 确保 .elementor-loop-item 是相对定位的，它为内部的绝对定位元素提供参考 */
.elementor-loop-item {
    position: relative;
    overflow: hidden; /* 隐藏超出容器的图片，防止布局问题 */
    /* 确保这个容器有明确的高度，否则内部的 height: 100% 可能无效 */
    /* 如果你的产品卡片高度是固定的，可以在 Elementor UI 中为 Loop Item 模板的根容器设置最小高度 */
    /* 例如：min-height: 300px; */
}

/* 2. 包裹图片和悬停容器的父级容器 (product-image-wrapper) */
/* 这是新的关键容器，它必须是相对定位的，并且要有明确的高度来包裹其绝对定位的子元素 */
.elementor-loop-item .product-image-wrapper {
    position: relative; /* 确保这个容器是相对定位，以便其子元素的绝对定位生效 */
    width: 100%;
    height: 100%; /* 确保它有高度，覆盖整个图片区域 */
    /* 确保在 Elementor UI 中为这个容器设置了 Min Height，否则这里的 height: 100% 可能不生效 */
    display: flex; /* 确保其子元素能正确布局 */
    flex-direction: column; /* 默认图片和悬停容器是堆叠的 */
    align-items: center; /* 居中对齐 */
    justify-content: center; /* 垂直居中 */
}

/* 3. 默认主产品图片样式 */
/* .default-product-image 是一个 Elementor widget 容器，图片本身在 .elementor-widget-container 内部。
   我们需要确保样式作用于图片本身，以及其父级容器。
*/
.elementor-loop-item .default-product-image {
    width: 100%;
    height: 100%; /* 确保高度填充父容器 */
    position: absolute; /* 绝对定位，覆盖整个区域 */
    top: 0;
    left: 0;
    display: block;
    transition: opacity 0.3s ease-in-out; /* 添加过渡效果 */
    z-index: 1; /* 确保在悬停图片之下 */
}
/* 针对图片本身的样式，更具体的选择器以确保覆盖 Elementor 默认样式 */
.elementor-loop-item .default-product-image .elementor-widget-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 确保图片填充空间 */
}

/* 4. 悬停图片容器样式（默认隐藏） */
.elementor-loop-item .hover-images-container {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    position: absolute; /* 绝对定位，覆盖默认图片 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex; /* 启用 flexbox 布局 */
    justify-content: space-between; /* 图片均匀分布 */
    align-items: center; /* 垂直居中 */
    z-index: 2; /* 确保悬停图片在默认图片之上 */
    padding: 10px; /* 根据需要调整内边距，防止图片紧贴边缘 */
    box-sizing: border-box; /* 确保 padding 不会增加总宽度 */
}

/* 5. 悬停图片样式 */
/* .hover-image 也是一个 Elementor widget 容器，图片在 .elementor-widget-container 内部。 */
.elementor-loop-item .hover-image {
    width: 30%; /* 根据需要调整每个图片的宽度，确保三张图片能并排显示 */
    height: auto; /* 保持图片比例 */
    margin: 0 5px; /* 图片之间的小间距 */
}
/* 针对悬停图片本身的样式，更具体的选择器 */
.elementor-loop-item .hover-image .elementor-widget-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 确保图片填充空间 */
}

/* 6. 鼠标悬停在整个产品项上时：显示悬停图片容器 */
.elementor-loop-item:hover .hover-images-container {
    opacity: 1;
    visibility: visible;
}

/* 7. 鼠标悬停在整个产品项上时：隐藏默认主图 (可选，但推荐实现切换效果) */
.elementor-loop-item:hover .default-product-image {
    opacity: 0;
}

/* 8. 额外调整：确保产品标题和价格在悬停时不会遮挡图片 */
/* 根据你提供的HTML，产品标题和价格的容器是 elementor-element-21051cbc */
/* 如果你将产品名称和价格放在了 product-image-wrapper 之外，并且给了它 product-info-container 类 */
.elementor-loop-item .product-info-container { /* 使用你给产品信息容器设置的类 */
    z-index: 3; /* 确保它在悬停图片之上，如果需要的话 */
    position: absolute; /* 如果它需要绝对定位 */
    /* 调整其位置，例如： */
    bottom: 10px; /* 距离底部10px */
    left: 10px; /* 距离左侧10px */
    right: 10px; /* 距离右侧10px */
    width: auto; /* 宽度自适应 */
    /* 确保其定位基准是 .elementor-loop-item */
}/* End custom CSS */