.meta-field-filters{ border: 0px !important}
.meta-field-filters-wrapper { width:90%; margin: 0 auto; margin-top: 5vh; font-size: 16px; }
.selected-filters { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:10px; }
.selected-filters .filter-pill { background:#111; color:#fff; padding:5px 10px; border-radius:3px; cursor:pointer; display:flex; align-items:center; font-size:13px; }
.selected-filters .filter-pill span { margin-left:5px; font-weight:bold; }
.meta-field-filters { border:1px solid #eee; border-radius:5px; background:#fff; }
.meta-field-filters .filter-group { border-bottom:1px solid #eee; }
.meta-field-filters .filter-title { cursor:pointer; padding:20px 10px; letter-spacing: 3.4px; display:flex; justify-content:space-between; align-items:center; font-weight:400; text-transform:uppercase; font-size:13px; line-height: 16.8px; color: rgb(28, 29, 29); }
.meta-field-filters .filter-values { list-style:none; padding:0 10px 10px 10px; display:none; margin:0; font-size: 15px;  color: rgb(28, 29, 29); font-weight:300; }
.meta-field-filters .filter-values li { margin-bottom:5px; }
.custom-checkbox { position: relative; padding-left:25px; cursor: pointer; display: inline-block; }
.custom-checkbox input { position: absolute; opacity: 0; cursor: pointer; height:0; width:0; }
.custom-checkbox .checkmark { position: absolute; left:0; top:3px; height:18px; width:18px; border : 1px solid black }
.custom-checkbox input:checked ~ .checkmark { background-color:#111; }
.custom-checkbox .checkmark:after { content:''; position:absolute; display:none; }
.custom-checkbox input:checked ~ .checkmark:after { display:block; }
.custom-checkbox .checkmark:after { left:6px; top:2px; width:4px; height:9px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.selected-filters .filter-pill { 
background:#111; 
color:#fff; 
text-transform: uppercase;
padding:8px 14px; 
border-radius:0px; 
cursor:pointer; 
display:flex; 
font-size: 0.875rem;
font-weight: 400;
justify-content: space-between; /* make X go to right */
align-items:center; 
width: 100%; /* full width */
box-sizing: border-box; /* ensure padding fits inside full width */
}
.selected-filters .filter-pill span { 
margin-left:0; /* remove spacing since X is on the right now */
font-weight:bold; 
}
.meta-field-filters .toggle-icon svg {
transition: transform 0.2s ease;
}

.meta-field-filters .filter-title.active .toggle-icon svg {
transform: rotate(180deg); /* points up when expanded */
}
@media (max-width: 1024px) {
.mobile-nav .meta-field-filters-wrapper {
    max-width: 100%;
    padding: 15px;
}
}
