.filterProductBtn:after { content: 'Найдено: ' attr(data-cnt) }
.filterProductBtn {
    background: rgb(226,147,3);color: #fff;padding: 5px;
    text-align: center;border-radius: 6px;font-size: 14px;position: sticky;bottom: 10px;display: none;top: 10px;z-index: 5;margin-bottom: 15px;cursor: pointer
}
/* @media (width >= 850px) { .filterProductBtn { bottom: 10px; } } */
@media (width < 850px) {
    .filterProductBtn {padding: 8px 5px}
}

.SELECTED_CHARS {display: flex;flex-wrap: wrap;gap: 5px;margin-bottom: 12px}
.SELECTED_CHARS > div {
    background: rgb(238,157,9);color: #fff;font-size: 13px;line-height: 13px;white-space: nowrap;padding: 5px 10px;border-radius: 6px;cursor: pointer;font-weight: 400
}
.SELECTED_CHARS > div span {font-weight: 500}

.categoryFilterWrap {background: #fff;margin-bottom: 8px;padding: 15px 15px 25px 18px;box-shadow: 0 0 0px 1px rgba(0,0,0,0.1);border-radius: 12px; color: #333}
.categoryFilterWrap h3 {font-size: 15px;margin-bottom: 12px;color: #000}
.jso-filter-parent.is_checked h3 {color: orange}
.filterCharVarsBody:not(:last-child) {border-bottom: solid 1px #eeeeee;padding-bottom: 12px;margin-bottom: 12px}


.filterCharVarsArea {margin: 8px 0 0 0;max-height: 180px;overflow: auto}
.filterVariableRow {position: relative}
.filterVariableRow label {display: flex;align-items: center;padding: 3px 0;cursor: pointer}
.filterVariableRow label input {margin-right: 10px}
.filterVariableRow label > div {display: flex;align-items: center;font-size: 15px;line-height: 16px}
.filterVariableRow label > span {color: #a0a2a5;margin-left: 4px;font-size: 14px}
.filterCharRowBg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none}
.filterVariableRow[data-cnt="0"] {opacity: 0.5}
.filterVariableRow[data-cnt="0"] .filterCharRowBg {display: block;cursor: not-allowed}

.filterCharSearchVar {border: 1px solid #d9d9d9;border-radius: 8px;display: block;width: calc(100% + 3px);padding: 8px 15px;margin: 10px 0;margin-left: -3px;margin-right: -3px;outline: none}

.filterCharVarsAreaPrice {display: flex;gap: 6px}
.filterCharVarsAreaPrice > div {display: flex;align-items: center;width: calc(50% - 3px);border: solid 1px #d9d9d9;border-radius: 8px;padding: 8px 10px}
.filterCharVarsAreaPrice input {display: block;max-width: 100%;border: solid 0;outline: none}

.filterCharVarsArea::-webkit-scrollbar {
    width: 4px;/* ширина scrollbar */
}
.filterCharVarsArea::-webkit-scrollbar-track {
    background: #fff;/* цвет дорожки */
}
.filterCharVarsArea::-webkit-scrollbar-thumb {
    background-color: #eee;    /* цвет плашки */
    border-radius: 20px;          /* закругления плашки */
    border: 0px solid;            /* padding вокруг плашки */
}
/*firefox*/
.filterCharVarsArea {
    scrollbar-width: thin;              /* "auto" или "thin"  */
    scrollbar-color: #eee #fff;     /* плашка скролла и дорожка */ 
}