@media screen and (min-width:769px){.wpc_show_bottom_widget .wpc-filters-widget-content{height:auto!important}body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-closed,body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-opened,body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened){display:block!important}}@media screen and (min-width:768px){.wpc-custom-selected-terms{clear:both;width:100%}.wpc-custom-selected-terms ul.wpc-filter-chips-list{display:flex;overflow-x:auto;padding-left:0}.wpc-filters-main-wrap .wpc-custom-selected-terms ul.wpc-filter-chips-list{display:block;overflow:visible}html.is-active .wpc-filters-overlay{top:0;opacity:.3;background:#fff}.wpc-filters-main-wrap input.wpc-label-input+label:hover{border:1px solid rgba(0,0,0,.25);border-radius:5px}.wpc-filters-main-wrap input.wpc-label-input+label:hover span.wpc-filter-label-wrapper{color:#333;background-color:rgba(0,0,0,.25)}.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input+label:hover a{color:#333}.theme-storefront #primary .storefront-sorting .wpc-custom-selected-terms{font-size:inherit}.theme-storefront #primary .wpc-custom-selected-terms{font-size:.875em}}@media screen and (max-width:768px){.wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:after,.wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:before{display:none;}.wpc_show_bottom_widget .wpc-filters-widget-top-container,.wpc_show_open_close_button .wpc-filters-widget-top-container{text-align:center}.wpc_show_bottom_widget .wpc-filters-widget-top-container{position:sticky;top:0;z-index:99999;border-bottom:1px solid #f7f7f7}.wpc-custom-selected-terms:not(.wpc-show-on-mobile),.wpc-edit-filter-set,.wpc_show_bottom_widget .widget_wpc_selected_filters_widget,.wpc_show_bottom_widget .wpc-filters-widget-content .wpc-filter-set-widget-title,.wpc_show_bottom_widget .wpc-filters-main-wrap .widget-title,.wpc_show_bottom_widget .wpc-filters-widget-wrapper .wpc-filter-layout-submit-button,.wpc_show_bottom_widget .wpc-posts-found,body.wpc_show_bottom_widget .wpc-open-close-filters-button,body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened){display:none}.wpc_show_bottom_widget .wpc-filters-widget-top-container:not(.wpc-show-on-desktop),.wpc_show_bottom_widget .wpc-spinner.is-active,.wpc_show_bottom_widget .wpc-widget-close-container,html.is-active body:not(.wpc_show_bottom_widget) .wpc-spinner{display:block}body .wpc-filters-main-wrap li.wpc-term-item{padding:2px 0}.wpc-chip-empty{width:0;display:list-item;visibility:hidden;margin-right:0!important}.wpc-overlay-visible #secondary{z-index:auto}html.is-active:not(.wpc-overlay-visible) .wpc-filters-overlay{top:0;opacity:.2;background:#fff}.wpc-custom-selected-terms.wpc-show-on-mobile ul.wpc-filter-chips-list{display:flex;overflow-x:auto;padding-left:0}html.is-active body:not(.wpc_show_bottom_widget) .wpc-filters-overlay{top:0;opacity:.3;background:#fff}body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-closed,body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-opened,body.wpc_show_bottom_widget .wpc-filters-widget-content:not(.wpc-opened){display:block!important}.wpc-open-close-filters-button{display:block;margin-bottom:20px}.wpc-overlay-visible body,html.wpc-overlay-visible{overflow:hidden!important}.wpc_show_bottom_widget .widget_wpc_filters_widget,.wpc_show_bottom_widget .wpc-filters-main-wrap{padding:0!important;margin:0!important}.wpc_show_bottom_widget .wpc-filters-range-column{width:48%;max-width:none}.wpc_show_bottom_widget .wpc-filters-toolbar{display:flex;margin:1em 0}.wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper{display:block;padding-left:20px;padding-right:20px}.wpc_show_bottom_widget .wpc-filters-main-wrap .widget-title.wpc-filter-title{display:flex}.wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list,.wpc_show_open_close_button .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list{display:flex;-webkit-box-pack:start;place-content:center flex-start;overflow-x:auto;padding-top:5px;padding-bottom:5px;margin-left:0;padding-left:0}.wpc-overlay-visible .wpc_show_bottom_widget .wpc-filters-overlay{top:0;opacity:.4}.wpc_show_bottom_widget .wpc-filters-main-wrap .wpc-spinner.is-active+.wpc-filters-widget-content .wpc-filters-scroll-container .wpc-filters-widget-wrapper{opacity:.6;pointer-events:none}.wpc_show_bottom_widget .wpc-filters-open-button-container{margin-top:1em;margin-bottom:1em}.wpc_show_bottom_widget .wpc-filters-widget-content{position:fixed;bottom:0;right:0;left:0;top:5%;z-index:999999;padding:0;background-color:#fff;margin:0;box-sizing:border-box;border-radius:7px 7px 0 0;transition:transform .25s;transform:translate3d(0,120%,0);-webkit-overflow-scrolling:touch;height:auto}.wpc_show_bottom_widget .wpc-filters-widget-containers-wrapper{padding:0;margin:0;overflow-y:scroll;box-sizing:border-box;position:fixed;top:56px;left:0;right:0;bottom:0}.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-filters-widget-opened{transform:translate3d(0,0,0)}.theme-twentyfourteen .wpc_show_bottom_widget .wpc-filters-widget-content,.theme-twentyfourteen.wpc_show_bottom_widget .wpc-filters-scroll-container{background-color:#000}.wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list,.wpc_show_open_close_button .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list{max-height:none}.wpc_show_bottom_widget .wpc-filters-scroll-container{background:#fff;min-height:100%}.wpc_show_bottom_widget .wpc-filters-widget-wrapper{padding:20px 20px 15px}.wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field,.wpc-sorting-form select,.wpc_show_bottom_widget .wpc-filters-main-wrap input[type=number],.wpc_show_bottom_widget .wpc-filters-main-wrap input[type=text],.wpc_show_bottom_widget .wpc-filters-main-wrap select,.wpc_show_bottom_widget .wpc-filters-main-wrap textarea,.wpc_show_bottom_widget .wpc-search-field,.wpc_show_open_close_button .wpc-search-field,.wpc_show_open_close_button .wpc-filter-search-field{font-size:16px}.wpc-filter-layout-dropdown .select2-container .select2-selection--single,.wpc-sorting-form .select2-container .select2-selection--single{height:auto;padding:6px}.wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list{overflow-y:visible}.theme-twentyeleven #primary,.theme-twentyeleven #secondary{margin-left:0;margin-right:0;clear:both;float:none}#main>.fusion-row{max-width:100%}.wpc_show_bottom_widget .wpc-filters-open-button-container,.wpc_show_bottom_widget .wpc-filters-widget-controls-container,.wpc_show_bottom_widget .wpc-filters-widget-top-container,.wpc_show_open_close_button .wpc-filters-open-button-container{display:block}}
.wpc-preload-img{display:none;}.wpc-filter-more-less:not(.wpc-search-active) .wpc-filters-ul-list > li:nth-child(-n+5){display: list-item;}
li.wpc-term-item label span.wpc-term-swatch,.wpc-term-swatch-wrapper{width:32px;min-width:32px;height:32px;}
.wpc-term-swatch-wrapper:after{width:12.8px;height:6.4px;left:9.1428571428571px;top:9.1428571428571px;}.wpc-term-image-wrapper{width:70px;min-width:70px;height:40px;}.wpc-filters-section:not(.wpc-filter-more-less):not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric):not(.wpc-filter-layout-dropdown):not(.wpc-filter-terms-count-0) .wpc-filter-content:not(.wpc-filter-has-hierarchy) ul.wpc-filters-ul-list{
                        max-height: 450px;
                        overflow-y: auto;
                }
.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range{
                        background-color: #0570e2;
                    }
                
.wpc-spinner:after {
                        border-top-color: #0570e2;
                    }
.theme-Avada .wpc-filter-product_visibility .star-rating:before,
                .wpc-filter-product_visibility .star-rating span:before{
                    color: #0570e2;
                }
body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{
                        background-color: #0570e2;
                }
body .wpc-filters-main-wrap input.wpc-label-input:checked+label{
                        border-color: #0570e2;
                }
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{
                        background-color: #d8d8d8;
                }
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label{
                        border-color: #d8d8d8;
                }
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input+label:hover{
                        border-color: #d8d8d8;
                }
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label span.wpc-filter-label-wrapper,
                body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item.wpc-term-disabled input:checked+label a{
                        color: #333333;
                }
body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper,
                body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input:checked+label a{
                        color: #f5f5f5;
                }
body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a{
                    border-color: #0570e2;
                }
body .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
                body .wpc-filters-main-wrap a.wpc-filters-submit-button{
                    border-color: #0570e2;
                    background-color: #0570e2;
                    color: #f5f5f5;
                }
body .wpc-filter-chips-list li.wpc-filter-chip a:hover{
                    opacity: 0.9;
                }
body .wpc-filter-chips-list li.wpc-filter-chip a:active{
                    opacity: 0.75;
                }
.star-rating span,
                .star-rating span:before{
                    color: #0570e2;
                }
body a.wpc-filters-open-widget:active, a.wpc-filters-open-widget:active, 
                .wpc-filters-open-widget:active{
                    border-color: #0570e2;
                    background-color: #0570e2;
                    color: #f5f5f5;
                }
a.wpc-filters-open-widget:active span.wpc-icon-line-1:after,
                a.wpc-filters-open-widget:active span.wpc-icon-line-2:after,
                a.wpc-filters-open-widget:active span.wpc-icon-line-3:after{
                    background-color: #0570e2;
                    border-color: #f5f5f5;
                }
a.wpc-filters-open-widget:active .wpc-icon-html-wrapper span{
                    background-color: #f5f5f5;
                }
body .wpc-filters-main-wrap input.wpc-label-input+label:hover span.wpc-filter-label-wrapper{
                        color: #f5f5f5;
                        background-color: #0570e2;
                    }
body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input+label:hover a{
                        color: #f5f5f5;
                    }
body .wpc-filters-main-wrap input.wpc-label-input+label:hover{
                        border-color: #0570e2;
                    }
#ui-datepicker-div.wpc-filter-datepicker .ui-state-active, 
            #ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-active, 
            #ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-active{
                    border-color: #0570e2;
                    background: #0570e2;
                    opacity: 0.95;
            }
#ui-datepicker-div.wpc-filter-datepicker .ui-state-hover, 
            #ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-hover, 
            #ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-hover, 
            #ui-datepicker-div.wpc-filter-datepicker .ui-state-focus, 
            #ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-focus, 
            #ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-focus{
                border-color: #0570e2;
                background: #0570e2;
                opacity: 0.6;
            }#ui-datepicker-div.wpc-filter-datepicker .ui-datepicker-close.ui-state-default{
                background: #0570e2;
                color: #f5f5f5;
            }
.flrt-star-label svg{
                    stroke: #0570e2;
            }
.flrt-star-label-hover svg, .wpc-chip-stars svg{
                    fill: #0570e2;
            }
.wpc-filter-label-stars-wrapper{
                   padding: 4px 5px !important;
            }
.wpc-filter-label-stars-wrapper .flrt-star-label svg{
                    height: 17px;
                    width: 17px;
            }
body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-stars-wrapper .flrt-star-label svg, 
            span.wpc-filter-label-stars-wrapper:hover .flrt-star-label svg{
                        fill: #f5f5f5;
                }
@media screen and (min-width: 768px) {
html.is-active .wpc-spinner{
                                display: block;
                            }}
@media screen and (min-width: 768px) {
html.is-active .wpc-filters-overlay{
                            opacity: .15;
                            background: #000000;
                        }}
/* =========================
   YCSTX FILTER UI - GROUPED CARD STYLE
   WITH BORDERED ATTRIBUTE BLOCKS
========================= */

/* ===== 全局字体 ===== */
.wpc-filters-widget-containers-wrapper,
.wpc-filters-widget-containers-wrapper *{
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial !important;
}

/* ===== 外层容器 ===== */
.wpc-filters-widget-containers-wrapper{
    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:8px;
    padding:10px !important;
    box-sizing:border-box;
}

/* =========================
   每个筛选模块 → 卡片分组
========================= */

.wpc-filters-section{
    margin-bottom:10px !important;
    border:1px solid #e5e5e5;   /* 灰色边框 */
    border-radius:8px;
    padding:8px 8px 6px 8px !important;
    background:#fff;
}

/* ===== 标题 ===== */
.wpc-filter-set-widget-title .widgettitle{
    font-size:16px !important;
    font-weight:600 !important;
    margin:0 0 6px 0 !important;
    padding-bottom:6px !important;
    border-bottom:1px solid #f2f2f2;
    color:#111;
}
/* 模块标题 */
.wpc-filter-title{
    font-size:14px !important;
    font-weight:600 !important;
    margin:0 0 6px 0 !important;
    padding-bottom:6px;
    border-bottom:1px solid #f2f2f2;
    color:#222 !important;
}

/* =========================
   选项两列布局（全局）
========================= */

.wpc-filters-ul-list{
    display:grid !important;
    grid-template-columns:repeat(2, 1fr);
    gap:4px 10px;
    margin:0 !important;
    padding:0 !important;
}

/* 每个选项 */
.wpc-term-item{
    list-style:none;
    margin:0 !important;
}

/* label */
.wpc-term-item label{
    display:flex;
    align-items:center;
    font-size:11.5px !important;
    color:#444 !important;
    padding:2px 0 !important;
    line-height:1.1 !important;
    cursor:pointer;
    transition:.2s;
}

/* checkbox + 文本间距（2px） */
.wpc-term-item input[type="checkbox"]{
    width:12px !important;
    height:12px !important;
    margin:0 !important;
    margin-right:2px !important;
    accent-color:#FF8427;
}

/* hover */
.wpc-term-item label:hover{
    color:#FF8427 !important;
}

/* 链接 */
.wpc-filter-link{
    text-decoration:none !important;
    color:inherit;
}

/* count */
.wpc-term-count{
    margin-left:auto;
    font-size:10px !important;
    color:#999;
}

/* 选中状态 */
.wpc-term-selected label{
    color:#FF8427 !important;
    font-weight:500;
}

/* disabled */
.wpc-term-disabled{
    opacity:.5;
}

/* =========================
   搜索框
========================= */

.wpc-search-field{
    width:100%;
    height:32px !important;
    border:1px solid #ddd;
    border-radius:6px;
    padding:0 8px !important;
    font-size:12px !important;
}

/* =========================
   chips
========================= */

.wpc-filter-chips-list li{
    display:inline-block;
    font-size:10px !important;
    padding:2px 6px !important;
    border:1px solid #ddd;
    border-radius:20px;
    margin:2px;
}

/* =========================
   按钮区域
========================= */

.wpc-sticky-buttons{
    display:flex;
    gap:6px;
}

/* Apply */
.wpc-filters-submit-button{
    flex:1;
    background:#FF8427;
    color:#fff !important;
    border-radius:6px;
    height:34px !important;
    line-height:34px !important;
    font-size:11.5px !important;
    text-align:center;
    text-decoration:none !important;
    white-space:nowrap;
}

/* Reset */
.wpc-filters-reset-button{
    flex:1;
    background:#f5f5f5;
    color:#555 !important;
    border-radius:6px;
    height:34px !important;
    line-height:34px !important;
    font-size:11.5px !important;
    text-align:center;
    text-decoration:none !important;
}

/* sticky修复 */
.wpc-is-fixed-apply-button{
    width:100% !important;
    left:0 !important;
    box-sizing:border-box;
    box-shadow:0 6px 18px rgba(0,0,0,.08);
}

/* =========================
   产品区
========================= */

.ycstx-products ul.products{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}

.ycstx-products ul.products li.product{
    border:1px solid #eee;
    border-radius:10px;
    padding:12px;
    background:#fff;
    transition:.2s;
}

.ycstx-products ul.products li.product:hover{
    border-color:#FF8427;
    transform:translateY(-2px);
}

.ycstx-products ul.products li.product h2{
    font-size:13px;
    margin:8px 0 0;
    color:#111;
}

/* =========================
   响应式
========================= */

@media(max-width:1024px){
    .ycstx-products ul.products{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){
    .ycstx-products ul.products{
        grid-template-columns:1fr;
    }

    .wpc-filters-widget-containers-wrapper{
        padding:8px !important;
    }
}
