.result-facets {
    border-top: 1px solid #dfe8e9;
    background: #fbfdfd;
}

.active-facet-summary {
    margin: 5px 6px 9px;
    padding: 7px 8px;
    border-left: 3px solid #e7a948;
    color: #6f501b;
    background: #fff7e8;
    font-size: 10px;
    font-weight: 750;
}

.facet-list { display: grid; }
.facet-group { border-top: 1px solid #e8eeee; }
.facet-group:first-child { border-top: 0; }
.facet-group > button {
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 7px;
    border: 0;
    color: #27393c;
    background: transparent;
    text-align: left;
    font-size: 10px;
    font-weight: 850;
}
.facet-group > button:hover { color: var(--cadet-deep); background: #eef6f6; }
.facet-group > button i { color: #799093; font-size: 9px; transition: transform .15s ease; }
.facet-group.collapsed > button i { transform: rotate(-90deg); }
.facet-options { display: grid; gap: 1px; padding: 0 4px 8px; }
.facet-group.collapsed .facet-options { display: none; }
.facet-option {
    min-height: 29px;
    display: grid;
    grid-template-columns: 17px minmax(0,1fr) auto;
    align-items: center;
    gap: 6px;
    padding: 4px 4px;
    border-radius: 3px;
    color: #4d6064;
    font-size: 10px;
    cursor: pointer;
}
.facet-option:hover { background: #edf5f5; }
.facet-option input { width: 15px; height: 15px; margin: 0; accent-color: var(--cadet-dark); }
.facet-option span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.facet-option b {
    min-width: 22px;
    padding: 2px 4px;
    border-radius: 3px;
    color: #65777a;
    background: #edf2f2;
    font-size: 8px;
    font-weight: 800;
    text-align: center;
}
.facet-option:has(input:checked) { color: var(--cadet-deep); background: #e3f0f0; font-weight: 800; }
.facet-option:has(input:checked) b { color: #fff; background: var(--cadet-dark); }
.facet-more { margin: 1px 4px 8px; padding: 3px 4px; border: 0; color: var(--cadet-dark); background: transparent; font-size: 9px; font-weight: 800; text-align: left; }

@media (max-width: 860px) {
    .result-facets { background: white; }
    .facet-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; }
    .facet-group { border: 1px solid #e1e9ea; }
}

@media (max-width: 520px) {
    .facet-list { grid-template-columns: 1fr; }
}