.elementor-467 .elementor-element.elementor-element-e6cbc3d{--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:120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-467 .elementor-element.elementor-element-ee938bd.elementor-wc-products ul.products li.product{text-align:center;}.elementor-467 .elementor-element.elementor-element-ee938bd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-467 .elementor-element.elementor-element-ee938bd.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:0px 0px 0px 0px;margin-bottom:0px;}.elementor-467 .elementor-element.elementor-element-ee938bd.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{margin-bottom:0px;}.elementor-467 .elementor-element.elementor-element-ee938bd.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{margin-bottom:0px;}.elementor-467 .elementor-element.elementor-element-ee938bd.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-467 .elementor-element.elementor-element-ee938bd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-467 .elementor-element.elementor-element-e6cbc3d{--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-467 .elementor-element.elementor-element-ee938bd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-ee938bd */.woocommerce nav.woocommerce-pagination ul li {
    padding: 5px;
}



/* 1. 整体容器间距：增加上下外边距，与产品列表拉开距离 */
.woocommerce-pagination {
    text-align: center;
    margin: 60px 0 40px; /* 上边距 60px，下边距 40px */
}

/* 2. 按钮之间的间距：通过 gap 属性实现 */
.woocommerce-pagination ul.page-numbers {
    display: inline-flex;
    list-style: none;
    padding: 0;
    margin: 0 5px 0 5px;
    gap: 5px; /* 页码之间的水平间距，从 8px 增加到 15px */
    flex-wrap: wrap; /* 适配手机端，自动换行 */
    justify-content: center;
}

/* 3. 按钮内部的间距：调整 padding 和尺寸 */
.woocommerce-pagination ul.page-numbers li .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 45px;      /* 稍微加宽一点 */
    height: 45px;         /* 稍微加高一点 */
    padding: 0 12px;      /* 增加左右内边距 */
    text-decoration: none;
    color: #444;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 6px;   /* 稍微圆润一点点 */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* 增加灵动的弹性动画 */
    font-size: 15px;
    font-weight: 500;
}

/* 悬停时的视觉反馈：稍微往上跳一下 */
.woocommerce-pagination ul.page-numbers li a.page-numbers:hover {
    background-color: #f9f9f9;
    border-color: #333;
    color: #000;
    transform: translateY(-3px); /* 悬停时向上位移 3px，很有质感 */
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); /* 增加一点点阴影 */
}

/* 当前选中页码 */
.woocommerce-pagination ul.page-numbers li .page-numbers.current {
    background-color: #333;
    border-color: #333;
    color: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}/* End custom CSS */