.elementor-333 .elementor-element.elementor-element-45e4d2b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-333 .elementor-element.elementor-element-32172f6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-333 .elementor-element.elementor-element-284bb1e{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-333 .elementor-element.elementor-element-284bb1e .elementor-heading-title{font-family:"Noto Serif Display", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-accent );}.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-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-333 .elementor-element.elementor-element-1d07976{--grid-columns:4;}.elementor-333 .elementor-element.elementor-element-830e234{--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-333 .elementor-element.elementor-element-15223bf{--display:flex;}.elementor-333 .elementor-element.elementor-element-9675dab{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-333 .elementor-element.elementor-element-9675dab .elementor-heading-title{font-family:"Noto Serif Display", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-accent );}.elementor-333 .elementor-element.elementor-element-92eb016{--grid-columns:4;}.elementor-333 .elementor-element.elementor-element-a537129{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-333 .elementor-element.elementor-element-b9f320d{--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:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-333 .elementor-element.elementor-element-b9f320d:not(.elementor-motion-effects-element-type-background), .elementor-333 .elementor-element.elementor-element-b9f320d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E7E7E8;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-333 .elementor-element.elementor-element-bf61280{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-333 .elementor-element.elementor-element-1d07976{--grid-columns:2;}.elementor-333 .elementor-element.elementor-element-92eb016{--grid-columns:2;}}@media(max-width:767px){.elementor-333 .elementor-element.elementor-element-1d07976{--grid-columns:1;}.elementor-333 .elementor-element.elementor-element-92eb016{--grid-columns:1;}}/* Start custom CSS *//* =================================================================== */
/* == CSS for WooCommerce "Hot Sale" Product Grid (v3.1 - 修复与增强版) === */
/* =================================================================== */

/* 商品容器 - 增加底部空间并设置相对定位 */
#my-hot-sale-products ul.products li.product {
    padding-bottom: 80px; /* 增加空间以容纳价格和按钮 */
    position: relative;
}

/* --- 商品图片样式 (新增) --- */
/* 强制图片尺寸一致，保持产品网格对齐 */
#my-hot-sale-products ul.products li.product a.woocommerce-LoopProduct-link img {
    width: 100%;
    aspect-ratio: 1 / 1; /* 强制图片为1:1的正方形，可修改为 4 / 3 等其他比例 */
    object-fit: cover;   /* 确保图片填满容器而不变形，多余部分会被裁剪 */
    height: auto;        /* 高度自动，由 aspect-ratio 控制 */
}


/* --- 商品标题样式 (修改) --- */
/* 强制标题显示4行，超出部分显示省略号 */
#my-hot-sale-products ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px;
    font-weight: 500;
    color: #2C2A29;
    margin-bottom: 15px;
    /* 调整高度以确保能容纳4行文本，防止布局跳动 */
    /* 计算参考: 16px (字号) * 1.5 (行高) * 4 (行数) = 96px */
    min-height: 110px; 
    /* --- 以下为新增属性，用于实现多行文本截断 --- */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --- 底部区域容器 (新增) --- */
/* 创建一个新的底部容器来统一管理价格和按钮 */
#my-hot-sale-products ul.products li.product .price-cart-wrapper {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    display: flex;
    justify-content: space-between; /* 按钮隐藏后，价格会自动占据全部空间 */
    align-items: center; /* 垂直居中对齐 */
    gap: 15px; /* 价格和按钮之间的间距 */
}

/* --- 价格样式 (核心修复) --- */
#my-hot-sale-products ul.products li.product .price {
    position: static; /* 改为 static，由父容器控制定位 */
    width: auto !important;
    display: flex;
    flex-direction: row; /* 改为水平排列 */
    align-items: baseline; /* 基线对齐 */
    gap: 8px; /* 折扣价和原价之间的间距 */
    flex: 1; /* 允许价格区域占据剩余空间 */
    min-width: 0; /* 防止 flex 子元素溢出 */
}

/* --- 折扣价样式 --- */
#my-hot-sale-products ul.products li.product .price ins {
    background: none;
    text-decoration: none;
    font-size: 22px;
    font-weight: 700;
    color: #B05D49;
    line-height: 1.2;
    order: 1; /* 折扣价在前 */
    white-space: nowrap; /* 防止换行 */
}

/* --- 原价样式 --- */
#my-hot-sale-products ul.products li.product .price del {
    font-size: 14px;
    font-weight: 400;
    color: #5A5550;
    opacity: 0.8;
    line-height: 1.2;
    order: 2; /* 原价在后 */
    white-space: nowrap; /* 防止换行 */
}

/* 如果只有原价（无折扣），也应用样式 */
#my-hot-sale-products ul.products li.product .price > .amount {
    font-size: 22px;
    font-weight: 700;
    color: #2C2A29;
    line-height: 1.2;
    white-space: nowrap;
}

/* --- "添加到购物车" 按钮 (修改 - 已隐藏) --- */
#my-hot-sale-products ul.products li.product .add_to_cart_button {
    display: none; /* 根据要求，彻底隐藏按钮 */
    
    /* 以下为原始样式，保留以便未来恢复 */
    position: static;
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 50%;
    font-size: 0;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

#my-hot-sale-products ul.products li.product .add_to_cart_button::before {
    content: '+';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 28px;
    font-weight: 300;
    color: #2C2A29;
}

#my-hot-sale-products ul.products li.product .add_to_cart_button:hover {
    background-color: #2C2A29;
    border-color: #2C2A29;
}

#my-hot-sale-products ul.products li.product .add_to_cart_button:hover::before {
    color: #fff;
}


/* --- 响应式优化 (可选) --- */
@media (max-width: 768px) {
    /* 移动端：价格和按钮可能需要堆叠 */
    #my-hot-sale-products ul.products li.product .price-cart-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    #my-hot-sale-products ul.products li.product {
        padding-bottom: 100px; /* 增加底部空间 */
    }
}/* End custom CSS */