#openFilterSidebar {
        padding:10px 20px;
        background-color:#444; 
        color:#fff; 
        border:none; 
        cursor:pointer;
    }
    #filterSidebarOverlay {
        display:none; 
        position:fixed; 
        top:0; 
        left:0; 
        width:100%; 
        height:100%; 
        background:rgba(0,0,0,0.5); 
        z-index:9998;
    }
    #filterSidebar {
        position: fixed;
        left: -370px; /* match the width */
        top: 0;
        width: 350px;
        height: 100%;
        background: #fff;
        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.2);
        padding: 20px;
        z-index: 9999;
        transition: left 0.3s ease-in-out;
        overflow-y: auto;
        max-width: 100%;
    }
    #closeFilterSidebar{
            background:none;
            border:none;
            font-size:24px;
            line-height:1;
            cursor:pointer;
            position:absolute;
            top:10px;
            right:15px;
            color:#333;
    }
    .h3 {
        margin-top:40px; 
        font-size:20px;
    }
   .custom-filter-button {
       margin: 20px 0;
   }
    #openFilterSidebar {
        background:#2da884;
        color:#fff;
        border:none;
        padding:12px 20px 12px 16px;
        font-size:16px;
        border-radius:5px;
        cursor:pointer;
        display:flex;
        align-items:center;
        gap:8px;
        box-shadow:0 2px 6px rgba(0,0,0,0.3);
    }

    .wpc-filters-range-max, .wpc-filters-range-min {
        min-width: 100px !important;
    }
    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: 350px !important;
    }