.ocf-container .ocf-filter.ocf-slider .ocf-value-list {
    overflow: visible !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group {
    display: grid !important;
    grid-template-columns: minmax(72px, 82px) 26px minmax(72px, 82px) 42px !important;
    justify-content: center !important;
    align-items: center !important;
    column-gap: 5px !important;
    row-gap: 0 !important;
    width: 100% !important;
    max-width: 292px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 14px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group .ocf-form-control,
.ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group .ocf-form-control[type="number"] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 32px !important;
    box-sizing: border-box !important;
    padding: 0 6px !important;
    text-align: center !important;
    text-align-last: center !important;
    text-indent: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 32px !important;
    font-variant-numeric: tabular-nums !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group .ocf-form-control[type="number"]::-webkit-outer-spin-button,
.ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group .ocf-form-control[type="number"]::-webkit-inner-spin-button {
    margin: 0 !important;
    -webkit-appearance: none !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group .ocf-input-group-addon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    min-width: 26px !important;
    width: 26px !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
    position: relative !important;
    color: transparent !important;
    font-size: 0 !important;
    font-weight: 600 !important;
    line-height: 32px !important;
    box-sizing: border-box !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group .ocf-input-group-addon:before {
    content: "-" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #222 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group .ocf-input-group-addon:empty {
    display: none !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group .ocf-search-btn-static {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group .ocf-search-btn-static > * {
    display: none !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group .ocf-search-btn-static:after {
    content: "OK" !important;
    display: block !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-value-slider {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 292px !important;
    margin: 0 0 12px !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group.zm-ocf-price-tight {
    grid-template-columns: minmax(68px, 76px) 18px minmax(68px, 76px) 40px !important;
    justify-content: center !important;
    column-gap: 4px !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group.zm-ocf-price-tight .ocf-input-group-addon {
    width: 18px !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group.zm-ocf-price-tight .ocf-search-btn-static {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group.zm-ocf-price-narrow {
    grid-template-columns: minmax(60px, 68px) 16px minmax(60px, 68px) 36px !important;
    justify-content: center !important;
    column-gap: 3px !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group.zm-ocf-price-narrow .ocf-form-control,
.ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group.zm-ocf-price-narrow .ocf-form-control[type="number"] {
    padding-left: 3px !important;
    padding-right: 3px !important;
    font-size: 11px !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group.zm-ocf-price-narrow .ocf-input-group-addon {
    width: 16px !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group.zm-ocf-price-narrow .ocf-search-btn-static {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-value-scale {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-value-scale .noUi-base,
.ocf-container .ocf-filter.ocf-slider .ocf-value-scale .noUi-connects {
    width: 100% !important;
    min-width: 0 !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-value-scale.zm-ocf-handles-close .ocf-noUi-handle-lower {
    transform: translateX(-10px) !important;
    z-index: 6 !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-value-scale.zm-ocf-handles-close .ocf-noUi-handle-upper {
    transform: translateX(10px) !important;
    z-index: 7 !important;
}

.ocf-container .ocf-filter.ocf-slider .ocf-value-scale.zm-ocf-handles-close .ocf-noUi-connect:before {
    min-width: 20px !important;
}

@media (max-width: 1199px) {
    .ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group {
        grid-template-columns: minmax(68px, 76px) 18px minmax(68px, 76px) 40px !important;
        justify-content: center !important;
        column-gap: 4px !important;
        width: 100% !important;
        max-width: 250px !important;
    }

    .ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group .ocf-input-group-addon {
        width: 18px !important;
        min-height: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
    }

    .ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group .ocf-search-btn-static {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 30px !important;
        min-height: 30px !important;
    }

    .ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group .ocf-form-control,
    .ocf-container .ocf-filter.ocf-slider .ocf-slider-input-group .ocf-form-control[type="number"] {
        height: 30px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        font-size: 12px !important;
        line-height: 30px !important;
    }

    .ocf-container .ocf-filter.ocf-slider .ocf-value-slider {
        width: 100% !important;
        max-width: 250px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

@media (max-width: 767px) {
    .ocf-container.ocf-mobile-active .ocf-content {
        background: #fff !important;
        box-shadow: 18px 0 44px rgba(39, 35, 35, .16) !important;
    }

    .ocf-container.ocf-mobile-active .ocf-header {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        height: 60px !important;
        min-height: 60px !important;
        padding: 10px 18px !important;
        color: #272323 !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        border-bottom: 1px solid #f1f2f4 !important;
        box-sizing: border-box !important;
    }

    .ocf-container.ocf-mobile-active .ocf-header > .ocf-sliders,
    .ocf-container.ocf-mobile-active .ocf-filter.ocf-open .ocf-arrow-left {
        display: block !important;
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        border: 1px solid #edf3df !important;
        border-radius: 50% !important;
        background-color: #fff !important;
        background-position: center !important;
        background-size: 16px 16px !important;
        box-shadow: 0 4px 14px rgba(127, 130, 51, .12) !important;
        box-sizing: border-box !important;
    }

    .ocf-container.ocf-mobile-active .ocf-close-mobile {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        margin-left: auto !important;
        padding: 0 !important;
        border: 1px solid #edf3df !important;
        border-radius: 50% !important;
        background: #fff !important;
        box-shadow: 0 4px 14px rgba(127, 130, 51, .12) !important;
        box-sizing: border-box !important;
    }

    .ocf-container.ocf-mobile-active .ocf-close-mobile .ocf-times {
        width: 14px !important;
        height: 14px !important;
        background-position: center !important;
        background-size: 14px 14px !important;
    }

    .ocf-container.ocf-mobile-active .ocf-body,
    .ocf-container.ocf-mobile-active .ocf-filter-list {
        background: #d6edb8 !important;
    }

    .ocf-container.ocf-mobile-active .ocf-body {
        padding: 14px 0 18px !important;
        box-sizing: border-box !important;
    }

    .ocf-container.ocf-mobile-active .ocf-filter-list {
        padding: 0 !important;
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }

    .ocf-container.ocf-mobile-active .ocf-filter-list::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
    }

    .ocf-container.ocf-mobile-active .ocf-filter:not(.ocf-open) {
        width: calc(100% - 32px) !important;
        min-height: 40px !important;
        margin: 0 16px 10px !important;
        border: 1px solid #edf3df !important;
        border-radius: 999px !important;
        background: #fff !important;
        box-shadow: 0 3px 10px rgba(39, 35, 35, .05) !important;
        box-sizing: border-box !important;
    }

    .ocf-container.ocf-mobile-active .ocf-filter:not(.ocf-open) .ocf-filter-body {
        width: 100% !important;
        height: auto !important;
        min-height: 40px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .ocf-container.ocf-mobile-active .ocf-filter:not(.ocf-open) .ocf-filter-header {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 7px 0 14px !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    .ocf-container.ocf-mobile-active .ocf-filter:not(.ocf-open) .ocf-filter-name {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        color: #272323 !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .ocf-container.ocf-mobile-active .ocf-filter:not(.ocf-open) .ocf-filter-header-append {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 28px !important;
        width: 28px !important;
        height: 28px !important;
        margin-left: 10px !important;
        border: 1px solid #dcefc8 !important;
        border-radius: 50% !important;
        background: #f5faec !important;
        box-sizing: border-box !important;
    }

    .ocf-container.ocf-mobile-active .ocf-filter:not(.ocf-open) .ocf-angle-right {
        width: 14px !important;
        height: 14px !important;
        background-position: center !important;
        background-size: 12px 12px !important;
        opacity: .9 !important;
    }

    .ocf-container.ocf-mobile-active .ocf-filter.ocf-open .ocf-filter-header {
        display: flex !important;
        align-items: center !important;
        height: 60px !important;
        min-height: 60px !important;
        padding: 10px 18px !important;
        background: #fff !important;
        border-bottom: 1px solid #f1f2f4 !important;
        box-sizing: border-box !important;
    }

    .ocf-container.ocf-mobile-active .ocf-filter.ocf-open .ocf-filter-name {
        margin-left: 10px !important;
        color: #272323 !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
    }
}