.elementor-312 .elementor-element.elementor-element-1980300a{--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-312 .elementor-element.elementor-element-2e5aee7c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.elementor-312 .elementor-element.elementor-element-2e5aee7c .woocommerce-breadcrumb{color:#222222;font-size:18px;font-weight:600;text-transform:uppercase;text-align:center;}.elementor-312 .elementor-element.elementor-element-2e5aee7c .woocommerce-breadcrumb > a{color:var( --e-global-color-text );}.elementor-312 .elementor-element.elementor-element-2f44a3ef.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-312 .elementor-element.elementor-element-2f44a3ef.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-312 .elementor-element.elementor-element-1980300a{--content-width:1240px;}}@media(max-width:1024px){.elementor-312 .elementor-element.elementor-element-2f44a3ef.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-312 .elementor-element.elementor-element-2f44a3ef.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-2e5aee7c *//* ====================================================
   面包屑 + 结果统计 + 排序下拉框：一排对齐（还原图二）
   ==================================================== */

/* 1. 父级容器开启 Flexbox 水平排布 */
div.woocommerce:has(.woocommerce-ordering),
.elementor-widget-wc-archive-products .elementor-widget-container,
.elementor-widget-woocommerce-products .elementor-widget-container {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 20px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #f1f5f9 !important; /* 底部可保留一条微弱的精致分割线 */
}

/* 3. 统计结果文字（居右，排在下拉框前面，浅灰无衬线） */
.woocommerce-result-count {
    padding: 0 !important;
    float: none !important;
    order: 2 !important;
    font-size: 13px !important;
    color: #64748b !important;                   /* 浅灰文字 */
    white-space: nowrap !important;
    line-height: 38px !important;
}

/* 4. 排序下拉框（还原图二精致微圆角浅灰方框） */
.woocommerce-ordering {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    order: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.woocommerce-ordering select.orderby {
    height: 38px !important;
    line-height: 38px !important;
    padding: 0 32px 0 12px !important;
    font-size: 13px !important;
    color: #334155 !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;        /* 干净的微浅灰线框 */
    border-radius: 4px !important;               /* 4px 微小圆角 */
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

.woocommerce-ordering select.orderby:hover,
.woocommerce-ordering select.orderby:focus {
    border-color: #94a3b8 !important;
}

/* 5. 下方的商品列表和系统通知栏：强制换到下一排满屏显示 */
ul.products {
    width: 100% !important;
    flex: 1 0 100% !important;
    order: 10 !important;
    clear: both !important;
    margin-top: 15px !important;
}

.woocommerce-notices-wrapper {
    width: 100% !important;
    flex: 1 0 100% !important;
    order: 0 !important;
}

/* 6. 移动手机端自适应（防止屏幕窄时三个元素打架挤压） */
@media (max-width: 767px) {
    .woocommerce-breadcrumb {
        width: 100% !important;
        margin-bottom: 8px !important;
    }
    .woocommerce-result-count {
        margin-left: 0 !important;
        font-size: 12px !important;
    }
    .woocommerce-ordering select.orderby {
        height: 34px !important;
        font-size: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-2f44a3ef *//* ====================================================
   1. 隐藏「加入购物车」按钮，只留「立即购买」
   ==================================================== */
ul.products li.product .add_to_cart_button,
ul.products li.product a.ajax_add_to_cart {
    display: none !important;
}

/* ====================================================
   2. 卡片容器：开启容器查询，作为图片高度定位基准
   ==================================================== */
ul.products li.product {
    text-align: left !important;
    position: relative !important;
    container-type: inline-size;        /* 关键：启用容器宽度查询 */
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

ul.products li.product .woocommerce-LoopProduct-link {
    display: block !important;
    text-align: left !important;
    width: 100% !important;
}

/* 统一图片为正方形（高宽恒等），紧贴顶部 */
ul.products li.product .woocommerce-LoopProduct-link img {
    display: block !important;
    width: 100% !important;
    height: 100cqw !important;          /* 高度严格等于宽度（正方形） */
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    margin-bottom: 10px !important;
}

/* ====================================================
   3. 修复标题排版
   ==================================================== */
ul.products li.product .woocommerce-loop-product__title {
    color: #2b3e51 !important;          /* 图一的高级灰蓝墨色 */
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    margin: 6px 0 4px 0 !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;   /* 最多显示两行 */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-height: 38px !important;
}

/* ====================================================
   4. 【核心修复】：价格符号与数字强制同行，绝不换行
   ==================================================== */
ul.products li.product .price {
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    color: #222222 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
    text-align: left !important;
    white-space: nowrap !important;     /* 强制同行 */
}

/* 强制让 $ 符号和后面的数字内联同排 */
ul.products li.product .price *,
ul.products li.product .price .woocommerce-Price-currencySymbol,
ul.products li.product .price .woocommerce-Price-amount {
    display: inline !important;
    color: #222222 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* ====================================================
   5. 底部「BUY NOW」按钮（还原图一样式）
   ==================================================== */
ul.products li.product .wc-buy-now-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #456184 !important; /* 图一的专属蓝灰色 */
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important; /* 强制大写 BUY NOW */
    letter-spacing: 0.5px !important;
    padding: 14px 24px !important;
    border-radius: 2px !important;
    border: none !important;
    width: fit-content !important;
    margin-top: 4px !important;
    text-decoration: none !important;
    transition: background-color 0.25s ease !important;
}

ul.products li.product .wc-buy-now-btn:hover {
    background-color: #344961 !important;
    color: #ffffff !important;
}

/* ====================================================
   6. 【核心修复】：鼠标悬停时，QUICK VIEW 精准贴在图片底边
   ==================================================== */
ul.products li.product .woosq-btn {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    /* 核心定位：刚好贴在正方形图片(高度100cqw)的底部 */
    top: calc(100cqw - 36px) !important;
    height: 36px !important;
    line-height: 36px !important;
    background-color: #456184 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-align: center !important;
    border-radius: 0 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    z-index: 5 !important;

    /* 默认透明隐藏，鼠标移入卡片时滑入 */
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(8px) !important;
    transition: all 0.25s ease-in-out !important;
}

/* 鼠标悬停卡片时展现 */
ul.products li.product:hover .woosq-btn {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

ul.products li.product .woosq-btn:hover {
    background-color: #344961 !important;
}/* End custom CSS */