.elementor-284 .elementor-element.elementor-element-2752963{--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:3%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}.elementor-284 .elementor-element.elementor-element-c169f70{--display:flex;}.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-284 .elementor-element.elementor-element-5be13e0 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:36px;font-weight:600;text-transform:uppercase;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-element-cd746d1{font-family:"Arial", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-284 .elementor-element.elementor-element-cd746d1 p{margin-bottom:0px;}.elementor-284 .elementor-element.elementor-element-678fb8e{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-284 .elementor-element.elementor-element-f796723{--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;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-284 .elementor-element.elementor-element-a713731 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-284 .elementor-element.elementor-element-a713731 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-284 .elementor-element.elementor-element-a713731{--e-icon-list-icon-size:17px;--icon-vertical-offset:0px;}.elementor-284 .elementor-element.elementor-element-a713731 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-284 .elementor-element.elementor-element-a713731 .elementor-icon-list-item > a{font-family:"Arial", Sans-serif;font-size:17px;font-weight:600;text-transform:uppercase;}.elementor-284 .elementor-element.elementor-element-a713731 .elementor-icon-list-text{transition:color 0.3s;}.elementor-284 .elementor-element.elementor-element-7ecef66{--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;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .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-284 .elementor-element.elementor-element-76a5e70 .elementor-button{background-color:#FFFFFF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-284 .elementor-element.elementor-element-76a5e70 .elementor-button:hover, .elementor-284 .elementor-element.elementor-element-76a5e70 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;border-color:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-element-76a5e70 .elementor-button:hover svg, .elementor-284 .elementor-element.elementor-element-76a5e70 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-284 .elementor-element.elementor-element-910b81e .elementor-button{background-color:#FFFFFF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-284 .elementor-element.elementor-element-910b81e .elementor-button:hover, .elementor-284 .elementor-element.elementor-element-910b81e .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;border-color:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-element-910b81e .elementor-button:hover svg, .elementor-284 .elementor-element.elementor-element-910b81e .elementor-button:focus svg{fill:#FFFFFF;}.elementor-284 .elementor-element.elementor-element-4724a48 .elementor-button{background-color:#FFFFFF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-284 .elementor-element.elementor-element-4724a48 .elementor-button:hover, .elementor-284 .elementor-element.elementor-element-4724a48 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;border-color:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-element-4724a48 .elementor-button:hover svg, .elementor-284 .elementor-element.elementor-element-4724a48 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-284 .elementor-element.elementor-element-65c2980 .elementor-button{background-color:#FFFFFF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-284 .elementor-element.elementor-element-65c2980 .elementor-button:hover, .elementor-284 .elementor-element.elementor-element-65c2980 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;border-color:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-element-65c2980 .elementor-button:hover svg, .elementor-284 .elementor-element.elementor-element-65c2980 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-284 .elementor-element.elementor-element-a32006f .elementor-button{background-color:#FFFFFF;font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-284 .elementor-element.elementor-element-a32006f .elementor-button:hover, .elementor-284 .elementor-element.elementor-element-a32006f .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;border-color:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-element-a32006f .elementor-button:hover svg, .elementor-284 .elementor-element.elementor-element-a32006f .elementor-button:focus svg{fill:#FFFFFF;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{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-284 .elementor-element.elementor-element-244f48b.elementor-wc-products  ul.products{grid-column-gap:12px;grid-row-gap:12px;}.elementor-284 .elementor-element.elementor-element-244f48b.elementor-wc-products ul.products li.product span.onsale{display:block;color:#000000;background-color:#FFFFFF;font-size:12px;border-radius:0px;min-width:48px;min-height:22px;line-height:22px;right:auto;left:0;margin:8px;}.elementor-284 .elementor-element.elementor-element-244f48b .elementor-products-nothing-found{color:#979797;}@media(max-width:1024px){.elementor-284 .elementor-element.elementor-element-244f48b.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:10px;}}@media(min-width:768px){.elementor-284 .elementor-element.elementor-element-c169f70{--content-width:1830px;}.elementor-284 .elementor-element.elementor-element-678fb8e{--content-width:1830px;}}@media(max-width:767px){.elementor-284 .elementor-element.elementor-element-f796723{--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-284 .elementor-element.elementor-element-a713731{width:100%;max-width:100%;}.elementor-284 .elementor-element.elementor-element-7ecef66{--width:100%;--justify-content:flex-start;}.elementor-284 .elementor-element.elementor-element-244f48b.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:10px;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-94acd74 *//* 去掉 WooCommerce 面包屑的上下间距 */
.woocommerce-breadcrumb {
    margin: 0 !important;
    padding: 0 !important;
}

/* 如果上面还不够彻底，可以再加强 */
.woocommerce .woocommerce-breadcrumb {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-244f48b *//* ==========================================================================
   1. 商品卡片外层容器 (li.product) 美化与悬停动效
   ========================================================================== */
.products.elementor-grid li.product {
    background-color: #ffffff !important;
    border: 1px solid #f0f2f5 !important;       /* 浅灰色极细外框线 */
    border-radius: 8px !important;              /* 卡片柔和圆角 */
    padding: 10px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    position: relative !important;
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important, 
                box-shadow 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}


/* ==========================================================================
   3. 商品图片：强制统一为 1:1 正方形比例，防止排版高低不平
   ========================================================================== */
.products.elementor-grid li.product img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;             /* 强制 1:1 正方形比例 */
    object-fit: cover !important;               /* 裁剪并铺满，图片不变形 */
    border-radius: 6px !important;              /* 图片轻微圆角 */
    margin-bottom: 12px !important;
    background-color: #f7f8fa !important;       /* 空白占位底色 */
    transition: transform 0.5s ease !important;
}

/* 悬停时图片轻微放大（如果需要） */
.products.elementor-grid li.product:hover img {
    transform: scale(1.02) !important;
}

/* ==========================================================================
   4. 商品标题：限制最大显示 2 行，超出隐藏，保证卡片高度绝对对齐
   ========================================================================== */
.products.elementor-grid li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #222222 !important;
    line-height: 1.4 !important;
    padding: 0 !important;
    
    /* 以下两行配合实现 2 行文本截断，统一卡片内高度 */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;           /* 最大显示 2 行 */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 22px !important;                    /* 固定高度，确保所有卡片对齐 */
}

/* ==========================================================================
   5. 星级评分 (Star Rating) 样式美化
   ========================================================================== */
.products.elementor-grid li.product .star-rating {
    font-size: 12px !important;
    margin: 6px 0 !important;
    color: #ffc107 !important;                  /* 经典的金色星星 */
    float: none !important;                     /* 避免旧版浮动导致排版错乱 */
}

/* ==========================================================================
   6. 商品价格 (Price)
   ========================================================================== */
.products.elementor-grid li.product .price {
    display: block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #111111 !important;
    margin: 8px 0 16px 0 !important;
}

/* 处理打折时的原价与现价间距 */
.products.elementor-grid li.product .price del {
    font-size: 13px !important;
    color: #999999 !important;
    font-weight: 400 !important;
    margin-right: 6px !important;
}

.products.elementor-grid li.product .price ins {
    text-decoration: none !important;
    color: #ff4d4f !important;                   /* 打折现价颜色 */
}

/* ==========================================================================
   7. 加入购物车 / 选择选项 按钮美化
   ========================================================================== */
.products.elementor-grid li.product a.button {
    display: block !important;
    text-align: center !important;
    background-color: #000000 !important;       /* 高级感纯黑底色 */
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 10px 15px !important;
    border-radius: 4px !important;              /* 微圆角 */
    border: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    transition: background-color 0.2s ease, opacity 0.2s ease !important;
    margin: 0 !important;
}

/* 按钮悬停动效 */
.products.elementor-grid li.product a.button:hover {
    background-color: #333333 !important;       /* 深灰色，更柔和 */
    color: #ffffff !important;
}
/* ==========================================================================
   8. 针对多按钮（加入购物车 + 立即购买）的响应式自适应布局 (特征类名精准版)
   ========================================================================== */

/* --------------------------------------------------------------------------
   【iPad 与 移动端 (宽度 <= 1024px)】：保持上下堆叠，但拉开 10px 间距避免粘连
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    /* 当卡片内同时存在加入购物车和立即购买组件时，给第一个按钮增加 10px 的下方间距 */
    .products.elementor-grid li.product:has([class*="quick-buy"]) .add_to_cart_button,
    .products.elementor-grid li.product:has([class*="quick_buy"]) .add_to_cart_button,
    .products.elementor-grid li.product:has([class*="quickbuy"]) .add_to_cart_button,
    .products.elementor-grid li.product:has([class*="buy-now"]) .add_to_cart_button {
        margin-bottom: 10px !important;
    }
}

/* --------------------------------------------------------------------------
   【Web 电脑端 (宽度 >= 1025px)】：横向并排
   -------------------------------------------------------------------------- */
@media (min-width: 1025px) {
    /* 将电脑端的卡片容器改为 block 布局，允许内部行内元素正常横向排列 */
    .products.elementor-grid li.product {
        display: block !important;
    }

    /* 
       锁定两样东西：
       1. 当卡片内有立即购买组件时，锁定“加入购物车”按钮
       2. 直接锁定立即购买组件（或其外层包裹的 div/form 容器）
       将它们两者的宽度同时设为 calc(50% - 6px) 并排显示 
    */
    .products.elementor-grid li.product:has([class*="quick-buy"]) .add_to_cart_button,
    .products.elementor-grid li.product:has([class*="quick_buy"]) .add_to_cart_button,
    .products.elementor-grid li.product:has([class*="quickbuy"]) .add_to_cart_button,
    .products.elementor-grid li.product:has([class*="buy-now"]) .add_to_cart_button,
    .products.elementor-grid li.product [class*="quick-buy"],
    .products.elementor-grid li.product [class*="quick_buy"],
    .products.elementor-grid li.product [class*="quickbuy"],
    .products.elementor-grid li.product [class*="buy-now"] {
        display: inline-flex !important;
        width: calc(49% - 0px) !important; /* 各占一半，中间留出 12px 间隙 */
        vertical-align: middle !important;
        justify-content: center !important;
        align-items: center !important;
        box-sizing: border-box !important;
    }

    /* 
       防止立即购买插件使用了 div 或 form 包裹按钮，
       如果是包裹结构，强制其内部的实际 button 或 a 标签撑满并排容器，并消除边距 
    */
    .products.elementor-grid li.product [class*="quick-buy"] button,
    .products.elementor-grid li.product [class*="quick-buy"] a,
    .products.elementor-grid li.product [class*="quick_buy"] button,
    .products.elementor-grid li.product [class*="quick_buy"] a,
    .products.elementor-grid li.product [class*="quickbuy"] button,
    .products.elementor-grid li.product [class*="quickbuy"] a,
    .products.elementor-grid li.product [class*="buy-now"] button,
    .products.elementor-grid li.product [class*="buy-now"] a {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 !important;
        height: 100% !important;
    }

    /* 给并排的第一个按钮（左侧的“加入购物车”）增加右侧间距，并清除下边距 */
    .products.elementor-grid li.product:has([class*="quick-buy"]) .add_to_cart_button,
    .products.elementor-grid li.product:has([class*="quick_buy"]) .add_to_cart_button,
    .products.elementor-grid li.product:has([class*="quickbuy"]) .add_to_cart_button,
    .products.elementor-grid li.product:has([class*="buy-now"]) .add_to_cart_button {
        margin-right: 0px !important;
        margin-bottom: 0 !important;       /* 清除在移动端设置的下间距 */
    }
}

/* ==========================================================================
   9. WooCommerce 商品排序下拉选择框 (Sorting Dropdown) 美化
   ========================================================================== */

/* 统一最外层表单的布局与外边距 */
form.woocommerce-ordering {
    margin: 20px 0 !important;
    display: inline-block !important;
    position: relative !important;
}

/* 重新塑造下拉选择框的外观 */
form.woocommerce-ordering select.orderby {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;                /* 强制消除各大浏览器自带的原生下拉箭头 */
    
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;       /* 精细灰色边框，与过滤器框保持一致 */
    border-radius: 4px !important;              /* 轻微圆角，呼应您的商品卡片 */
    padding: 0 40px 0 16px !important;          /* 右边预留 40px 空间，防止文本和自定义箭头重叠 */
    font-size: 13px !important;                 /* 字号 */
    font-weight: 500 !important;
    color: #333333 !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    height: 40px !important;                    /* 框体高度设为 40px，与其它输入组件绝对平齐 */
    line-height: 40px !important;               /* 垂直居中对齐 */
    
    /* 引入现代化的极简 SVG 折角箭头 (Chevron Down) 保证在所有系统平台显示完全一致 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important; /* 箭头定位：靠右 14px 且垂直居中 */
    background-size: 14px 14px !important;              /* 约束箭头尺寸 */
    
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* 鼠标悬停及获得焦点时的交互样式（边框变黑） */
form.woocommerce-ordering select.orderby:hover,
form.woocommerce-ordering select.orderby:focus {
    border-color: #000000 !important;
}

/* 移动端 (宽度 <= 767px) 的自适应优化 */
@media (max-width: 767px) {
    form.woocommerce-ordering {
        width: 100% !important;
        display: block !important;
    }
    form.woocommerce-ordering select.orderby {
        width: 100% !important;                  /* 移动端占满整宽，更方便手指触摸点按 */
    }
}

/* ==========================================================================
   10. WooCommerce 商品结果计数文本 (Result Count) 美化
   ========================================================================== */

/* 美化结果计数文本的字体、颜色和高度 */
p.woocommerce-result-count {
    display: inline-block !important;
    font-size: 13px !important;                 /* 精致的小字号，避免文字过大显得廉价 */
    font-weight: 400 !important;                /* 常规字重 */
    color: #777777 !important;                  /* 柔和优雅的深灰色，削弱视觉打扰 */
    margin: 20px 0 !important;                  /* 与上下元素保持舒适的安全间距 */
    padding: 0 !important;
    line-height: 40px !important;               /* 关键：行高与右侧排序下拉框（40px）一致，确保水平方向完美对齐 */
    letter-spacing: 0.02em !important;          /* 增加极细微的字间距，提升视觉呼吸感 */
    vertical-align: middle !important;
}

/* 针对手机等小屏移动端的排版自适应优化 */
@media (max-width: 767px) {
    p.woocommerce-result-count {
        display: block !important;
        text-align: left !important;            /* 移动端恢复默认对齐 */
        line-height: 1.4 !important;            /* 移动端恢复标准行高，防止文字折行时间距过大 */
        margin-bottom: 10px !important;         /* 留出与下方下拉框的过渡距离 */
        margin-top: 10px !important;
    }
}
/* 让同一排的商品卡片高度自适应，不再等高拉伸，从而彻底消灭整张卡片底部的任何空白 */
body.woocommerce ul.products.elementor-grid {
    align-items: start !important; 
}

/* ==========================================================================
   11. 全平台响应式 CSS 瀑布流 (Masonry Column) 布局
   ========================================================================== */

/* 统一外层列表容器的基本布局属性，取消原有 Grid 限制 */
body.woocommerce ul.products.elementor-grid {
    display: block !important;             /* 强制取消 Grid，启用列布局 */
    column-gap: 20px !important;           /* 电脑和 iPad 端的左右列间距 */
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* 统一商品卡片属性，确保卡片流动时内部完好不折断 */
body.woocommerce ul.products.elementor-grid li.product {
    display: inline-block !important;      /* 设为行内块级 */
    width: 100% !important;                /* 在各自分栏下占满 100% 宽度 */
    margin-bottom: 10px !important;        /* 电脑和 iPad 端的上下行间距 */
    break-inside: avoid !important;        /* 核心：防止卡片内部内容在分栏处被意外撕裂 */
}

/* --------------------------------------------------------------------------
   【Web 电脑端 (宽度 >= 1025px)】：显示 4 列
   -------------------------------------------------------------------------- */
@media (min-width: 1025px) {
    body.woocommerce ul.products.elementor-grid {
        column-count: 4 !important;
                column-gap: 10px !important;
    }
}

/* --------------------------------------------------------------------------
   【iPad/平板端 (宽度在 768px 到 1024px 之间)】：显示 3 列
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1024px) {
    body.woocommerce ul.products.elementor-grid {
        column-count: 3 !important;
                column-gap: 10px !important;

    }
}

/* --------------------------------------------------------------------------
   【移动端/手机端 (宽度 <= 767px)】：显示 2 列
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    body.woocommerce ul.products.elementor-grid {
        column-count: 2 !important;
        column-gap: 10px !important;       /* 移动端屏幕小，收窄左右间距更显精致 */
    }
    body.woocommerce ul.products.elementor-grid li.product {
        margin-bottom: 12px !important;    /* 同步收窄手机端上下卡片的间距 */
    }
}/* End custom CSS */