.ocf-mobile, .ocf-hidden, .ocf-selected-card, .ocf-active-label{
    display: none;
}

.ocf-desktop-active .tag-desc-secondary:hover.tag-desc-active .ocf-value-name {
    color: #fff;
}

.ocf-mobile-active .product-filter__item-list.ocf-value-list-body {
    flex-direction: column;
}

.ocf-value-input.ocf-value-input-checkbox {
    display: none;
}
.ocf-mobile-active  .ocf-value-input.ocf-value-input-checkbox {
    display: block;
}
.ocf-mobile-active  .product-filter__btn-search {
    display: none;
}
.ocf-mobile-active .ocf-footer{
    display: none;
}
html {
    height: 100% !important;
    min-height: 100vh;
    /*min-height: -webkit-fill-available;*/
    width: 100% !important;
}

body {
    min-height: 100% !important;
    /*height: -webkit-fill-available;*/
}



.ocf-mobile-active .ocf-mobile,
.ocf-mobile-active .ocf-is-mobile {
    display: block;
}
.ocf-mobile-active .ocf-desktop {
    display: none;
}
/*
.ocf-mobile-active #column-left-grid,
.ocf-mobile-active #column-right-grid,
.ocf-mobile-active #column-left,
.ocf-mobile-active #column-right {
    position: absolute !important;
    top: -100% !important;
    left: -100% !important;
    right: 100% !important;
    bottom: auto !important;
    display: block !important;
    visibility: visible !important;
    overflow: visible !important;
    z-index: 2147483648 !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-indent: 0 !important;
    opacity: 1 !important;
}*/
.ocf-mobile-active .extended-container {
    z-index: 100 !important;
}
.ocf-mobile-active .ocf-overflow-hidden .extended-container {
    z-index: 99999 !important;
}
.ocf-mobile-active #column-left-grid.active,
.ocf-mobile-active #column-right-grid.active,
.ocf-mobile-active #column-left.active,
.ocf-mobile-active #column-right.active {
    top: auto !important;
    left: -72% !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 1 !important;
}
.ocf-mobile-active .ocf-noUi-handle {
    border-width: 4px;
    width: 28px;
    height: 28px;
    right: -14px;
    top: -5px;
}
.ocf-mobile-active .ocf-noUi-txt-dir-rtl .ocf-noUi-handle {
    left: -14px;
    right: auto;
}
.ocf-mobile-active .ocf-noUi-base:before,
.ocf-mobile-active .ocf-noUi-connect:before {
    height: 6px;
    margin-top: -3px;
}
.ocf-mobile-active .ocf-noUi-active {
    box-shadow: 0 0 0 10px #3366d540;
}
.ocf-mobile-active .ocf-noUi-pips {
    padding-top: 20px;
}
.ocf-mobile-active.ocf-container {
    display: none;
}
.ocf-mobile-active.ocf-container.ocf-mobile-1 {
    display: block !important;
    will-change: transform, box-shadow;
}
/*
.ocf-mobile-active #column-left-grid > .ocf-container.ocf-mobile-1,
.ocf-mobile-active #column-right-grid > .ocf-container.ocf-mobile-1,
.ocf-mobile-active #column-left > .ocf-container.ocf-mobile-1,
.ocf-mobile-active #column-right > .ocf-container.ocf-mobile-1 {
    display: block !important;
}
 */
.ocf-mobile-active.ocf-container {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    transform: translateX(-100%) translate3d(0, 0, 0);
    transition: transform 300ms ease-in-out, box-shadow 150ms linear;
    z-index: 2147483648 !important;
    width: 440px;

    background-color: #fff;
    border-radius: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.ocf-mobile-active.ocf-container.ocf-mobile-open {
    transition: none;
}
.ocf-mobile-active.ocf-container.ocf-mobile-right {
    left: auto;
    right: 0;
    transform: translateX(100%);
}
.ocf-mobile-active.ocf-container.ocf-mobile-active {
    box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.8);
    transform: translateX(0);
}
@media (max-width: 450px) {
    .ocf-mobile-active.ocf-container {
        width: 100%;
        width: 100vw;
        transition: transform 300ms ease-in-out;
    }
    .ocf-mobile-active.ocf-container.ocf-mobile-active {
        box-shadow: none;
    }
}


.ocf-mobile-active .ocf-content {
    background-color: #fff;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}
.ocf-mobile-active .ocf-header {
    padding: 24px 24px 0;
    margin-bottom: 24px;
    line-height: 1.5;
    position: relative;
    z-index: 1;
    font-size: 18px;
    font-weight: 500;
}

/*
.ocf-mobile-active .ocf-header .ocf-close-mobile {
    margin-left: auto;
    padding: 0;
    line-height: 1;
}*/
.ocf-mobile-active .ocf-header .ocf-close-mobile {
    position: absolute;
    top: 20px;
    right: 500px;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00023 5.586L11.9502 0.636002L13.3642 2.05L8.41423 7L13.3642 11.95L11.9502 13.364L7.00023 8.414L2.05023 13.364L0.63623 11.95L5.58623 7L0.63623 2.05L2.05023 0.636002L7.00023 5.586Z' fill='white'/%3E%3C/svg%3E%0A");
    cursor: pointer;
    border: 0;
    background-color: transparent;
}

@media (max-width: 450px) {
    .ocf-mobile-active .ocf-header .ocf-close-mobile {
        right: 25px;
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00023 5.586L11.9502 0.636002L13.3642 2.05L8.41423 7L13.3642 11.95L11.9502 13.364L7.00023 8.414L2.05023 13.364L0.63623 11.95L5.58623 7L0.63623 2.05L2.05023 0.636002L7.00023 5.586Z' fill='black'/%3E%3C/svg%3E%0A");
    }
}

.ocf-mobile-active .ocf-body {
    position: absolute;
    top: 75px;
    width: 100%;
    bottom: 52px;
    z-index: 3;
}
/*.ocf-mobile-active .ocf-body > .ocf-filter-list {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
    padding-bottom: 20px;
}*/
.ocf-mobile-active .ocf-btn-show-filters {
    margin-top: 15px;
    width: calc(100% - 40px);
    margin-right: 24px;
    margin-left: 24px;
}

.ocf-mobile-active .ocf-filter {
    margin: 0 24px;
    margin-bottom: 16px;
    padding: 15px;
    color: var(--color-gray-500);
    font-size: 16px;
    line-height: 24px;
    border: 1px solid var(--color-gray-200);
    border-radius: 4px;
    cursor: pointer;
}
.ocf-mobile-active .ocf-filter:hover {
    border-color: var(--color-green-500);
}
/*
.ocf-mobile-active .ocf-filter.ocf-active {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
}
*/

.ocf-mobile-active .ocf-filter-header,
.ocf-mobile-active .ocf-module-page-header {

    font-size: 16px;
    display: flex;

}
.ocf-mobile-active .ocf-open .ocf-filter-header {
    flex-wrap: nowrap;
    position: absolute;
    bottom: 100%;
    left: 0;
    padding: 24px 24px 0;
    background-color: #fff;
    width: 100%;
    height: 75px;
}

.ocf-mobile-active .filter-arrow-bottom {
    margin-right: 0px;
}

.ocf-mobile-active .ocf-open .ocf-filter-header .filter-arrow-bottom {
display: none;
}

.ocf-mobile-active .ocf-filter-name,
.ocf-mobile-active .ocf-active-label {
    font-weight: normal;
}
.ocf-mobile-active .ocf-active-label {
    display: none;
    font-size: 80%;
}
.ocf-mobile-active .ocf-active .ocf-active-label {
    display: block;
    flex-basis: 100%;
    margin-top: 5px;
    order: 10;
}
.ocf-mobile-active .ocf-open .ocf-active-label {
    display: none;
}
.ocf-mobile-active .ocf-open:not(.ocf-has-input).ocf-slider .ocf-active-label {
    display: block;
    flex-basis: auto;
    order: 2;
    white-space: nowrap;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 0;
    font-size: inherit;
}
.ocf-mobile-active .ocf-filter-name {
    flex-basis: 90%;
}
.ocf-mobile-active .ocf-open .ocf-filter-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-basis: auto;
    font-size: 18px;
}
.ocf-mobile-active .ocf-active .ocf-filter-discard {
    display: block;
}
.ocf-mobile-active .ocf-active .ocf-filter-header .ocf-angle-right {
    display: none;
}
.ocf-mobile-active .ocf-open .ocf-filter-discard {
    width: 22px;
    height: 22px;
}
.ocf-mobile-active .ocf-filter-header .ocf-arrow-left {
    display: none;
    order: -2;
    margin-right: 5px;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
}
/*
.ocf-mobile-active .ocf-open .ocf-filter-header .ocf-arrow-left {
    display: block;
}*/
.ocf-mobile-active .ocf-open .ocf-filter-header .ocf-angle-right {
    display: none;
}
.ocf-mobile-active .ocf-filter-body > .ocf-value-list {
    display: block !important;
    position: absolute !important;
    top: 0;
    left: 0 !important;
    right: auto !important;
    height: 100%;
    width: 100%;
    min-width: 160px !important;
    box-shadow: none !important;
    padding: 0 24px !important;
    margin: 0 !important;
    overflow: auto !important;
    transform: translateX(-100%) translate3d(0, 0, 0);
    transition: transform 300ms ease-in-out;
    z-index: 2 !important;
    background-color: #fff !important;
    will-change: transform;
    overscroll-behavior: contain;
}
.ocf-mobile-active.ocf-mobile-right .ocf-filter-body > .ocf-value-list {
    left: auto !important;
    right: 0 !important;
    transform: translateX(100%);
}
.ocf-mobile-active .ocf-open .ocf-filter-body > .ocf-value-list {
    transform: translateX(0) !important;
}
.ocf-mobile-active .ocf-collapse-value .ocf-value-list {
    margin-top: 12px;
}
.ocf-mobile-active .ocf-slider-input-group {
    margin-bottom: 30px;
}
.ocf-mobile-active .ocf-value-slider {
    padding: 0 20px;
}
.ocf-mobile-active .ocf-btn-search-slider {
    padding-top: 25px;
}
.ocf-mobile-active .ocf-btn-show-values {
    margin-top: 20px;
    font-size: 16px;
    padding: 0;
}
.ocf-mobile-active .ocf-value,
.ocf-mobile-active .ocf-value:active,
.ocf-mobile-active .ocf-value:focus,
.ocf-mobile-active .ocf-value:visited,
.ocf-mobile-active .ocf-value:hover {
    font-size: 16px;
    margin-bottom: 12px;
}
.ocf-mobile-active .ocf-value-image,
.ocf-mobile-active .ocf-value-color {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
}
.ocf-mobile-active .ocf-value-input {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    margin-top: 1px;
}
.ocf-mobile-active .ocf-value .ocf-value-input::after {
    background-size: 12px;
    background-position: center;
}
.ocf-mobile-active .ocf-value-count {
    font-size: 12px;
}
.ocf-mobile-active .ocf-footer {
    position: absolute;
    padding: 10px 24px 510px 24px;
    margin: 0 0 -500px;
    z-index: 5;
    width: 100%;
    bottom: 0;
}
.ocf-mobile-active .ocf-btn-mobile-fixed {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: rotate(-90deg) translate(-40%, 50%);
    transform-origin: left center;
    transition: transform 200ms ease-in-out 400ms;
    z-index: 1;
}
.ocf-mobile-active.ocf-mobile-right .ocf-btn-mobile-fixed {
    left: 0;
    transform: rotate(-90deg) translate(-40%, -50%);
    transform-origin: left center;
}
.ocf-mobile-active .ocf-btn-mobile-fixed {
    transform: rotate(-90deg) translate(-40%, -50%);
    z-index: 0;
}
.ocf-mobile-active.ocf-mobile-right .ocf-btn-mobile-fixed {
    transform: rotate(-90deg) translate(-40%, 50%);
}
.ocf-mobile-active .ocf-btn-mobile-static {
    text-align: right;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
.ocf-mobile-active .ocf-btn-mobile-fixed .ocf-btn {
    background-color: #c31929d9;
    color: #fff;
    display: flex;
    align-items: center;
}
.ocf-mobile-active .ocf-mobile-left .ocf-btn-mobile-fixed .ocf-btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.ocf-mobile-active.ocf-mobile-right .ocf-btn-mobile-fixed .ocf-btn {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.ocf-mobile-active .ocf-btn-mobile-fixed .ocf-btn-name {
    order: 1;
}
.ocf-mobile-active .ocf-btn-mobile-fixed .ocf-icon {
    margin-right: 5px;
    filter: brightness(3);
}
.ocf-mobile-active .ocf-btn-mobile-fixed .ocf-btn-name:empty + .ocf-icon {
    margin-right: 0;
}
.ocf-mobile-active .ocf-page-group {
    flex-wrap: wrap;
}
.ocf-mobile-active .ocf-page-group-name {
    width: 100%;
    flex: 0 0 100%;
    padding-left: 0;
    margin-bottom: 8px;
}
.ocf-mobile-active .ocf-category-page-list {
    max-height: 120px;
}
.ocf-mobile-active .ocf-category-page-list li {
    margin-bottom: 5px;
}
.ocf-mobile-active .ocf-module-page-list {
    list-style-type: none;
    margin: 0 -24px 0 0;
    padding: 0 24px 0 0;
    max-height: 140px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.ocf-mobile-active .ocf-module-page-header {
    margin-bottom: 10px;
}
.ocf-mobile-active .ocf-module-page-list li + li {
    margin-top: 6px;
}
.ocf-mobile-active .ocf-module-page-list a {
    display: block;
    line-height: 1.3;
    font-size: 14px;
}
.ocf-mobile-active .ocf-module-page-list a:hover {
    color: #353A40;
    text-decoration: underline;
}
.ocf-mobile-active .ocf-module-page-list a.ocf-page-selected {
    font-weight: bold;
    color: #000;
}
.ocf-mobile-active.ocf-theme-light .ocf-module-page {
    padding: 10px 20px 20px;
    margin: 0 0 10px;
    background-color: #f1f2f5;
}
.ocf-mobile-active.ocf-theme-light .ocf-module-page-list a {
    color: #4A5057;
}
/*
.ocf-mobile-active.ocf-theme-light .ocf-filter + .ocf-filter {
    border-top: 1px solid #ebebeb;
}

.ocf-mobile-active.ocf-theme-light .ocf-filter.ocf-active {

    border-top-color: transparent;
}

.ocf-mobile-active.ocf-theme-light .ocf-filter.ocf-active + .ocf-filter {
    border-top-color: transparent;
}
.ocf-mobile-active.ocf-theme-light .ocf-filter.ocf-active + .ocf-filter.ocf-active {
    border-top-color: #f3e2cd;
}
*/
/*
.ocf-mobile-active.ocf-theme-light .ocf-dropdown.ocf-open .ocf-filter-header,
.ocf-mobile-active.ocf-theme-light .ocf-open .ocf-filter-header {
    background-color: #eceef2;
    color: #000;
}*/
.ocf-mobile-active.ocf-theme-light .ocf-footer {
    box-shadow: -10px -10px 10px 0px #ffffff;
}
.ocf-mobile-active.ocf-theme-light.ocf-mobile-right .ocf-footer {
    box-shadow: 10px -10px 10px 0px #ffffff;
}
.ocf-mobile-active .ocf-theme-light-block .ocf-filter {
    background-color: #f0f2f5;
    padding: 0 10px;
    margin: 0 20px 10px;
    border-radius: 10px;
}
.ocf-mobile-active .ocf-theme-light-block .ocf-module-page {
    padding: 0 20px 20px;
    margin: 0 0 20px;
    background-image: linear-gradient(0deg, #f0f2f5, #ffffff);
}
.ocf-mobile-active .ocf-theme-light-block .ocf-module-page-list a {
    color: #102D67;
}
.ocf-mobile-active .ocf-theme-light-block .ocf-active {
    background-color: #fff0e2;
}
.ocf-mobile-active .ocf-theme-light-block .ocf-active .ocf-filter-header {
    color: #613101;
}
.ocf-mobile-active .ocf-theme-light-block .ocf-open .ocf-filter-header {
    background-color: #eceef2;
    color: #000;
}
.ocf-mobile-active .ocf-btn-show-filters {
    border-radius: 10px;
}
.ocf-mobile-active .ocf-theme-light-block .ocf-value-count {
    background-color: #eceef2;
    border-radius: 3px;
}
.ocf-mobile-active .ocf-theme-light-block .ocf-footer {
    box-shadow: -10px -10px 10px 0px #ffffff;
}
.ocf-mobile-active .ocf-theme-light-block.ocf-mobile-right .ocf-footer {
    box-shadow: 10px -10px 10px 0px #ffffff;
}

.ocf-mobile-active .ocf-open .product-filter__item-title-arrow  {
    display: block;
    margin-right: 16px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.52301 6.16689H13.6663V7.83355H3.52301L7.99301 12.3036L6.81467 13.4819L0.333008 7.00022L6.81467 0.518555L7.99301 1.69689L3.52301 6.16689Z' fill='%238E9694'/%3E%3C/svg%3E%0A");
    margin-top: 3px;
}


.ocf-desktop-active .ocf-filter-header .filter-arrow-bottom {
    display: none;
}

.ocf-desktop-active .product-filter__title {
    margin-bottom: 24px;
    color: var(--color-gray-900);
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}
.ocf-desktop-active .product-filter__title span {
    color: var(--color-gray-500);
}
.ocf-desktop-active .product-filter__item-title {
    margin-bottom: 8px;
    color: var(--color-gray-500);
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 992px) {
    .ocf-desktop-active .product-filter__item-title {
        min-width: 188px;
        margin-bottom: 0;
        margin-right: 24px;
        max-width: 185px;
    }
}
.ocf-desktop-active .product-filter__list {
    margin-bottom: 24px;
}
@media (min-width: 992px) {
    .ocf-desktop-active .product-filter__list {
        margin-bottom: 40px;
    }
}
.ocf-desktop-active .product-filter__list.hide-more .product-filter__item:not(:nth-child(-n+5)) {
    display: none;
}
.ocf-desktop-active .product-filter__item {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}
@media (min-width: 992px) {
    .ocf-desktop-active .product-filter__item {
        flex-direction: row;
        align-items: center;
        margin-bottom: 11px;
    }
}
.ocf-desktop-active .product-filter__item-list {
    display: flex;
    gap: 8px;
    overflow: auto;
    flex-wrap: wrap;
}
.ocf-desktop-active .product-filter__item-list::-webkit-scrollbar {
    display: none;
}
.ocf-desktop-active .product-filter__item-list .tag-desc:not(:nth-child(-n+5)) {
    display: none;
}
.ocf-desktop-active .product-filter__item-list .tag-desc-active.ocf-selected {
    display: flex;
}
.ocf-desktop-active .product-filter__item-list .tag-desc:last-child {
    display: flex;
}
.ocf-desktop-active .product-filter__list-all {
    display: inline-block;
    padding: 0;
    background-color: transparent;
    color: var(--color-green-500);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    border: none;
}
.ocf-desktop-active .product-filter__list-all:hover {
    color: var(--color-green-600);
}
.ocf-desktop-active .product-filter__buttons {
    margin-bottom: 24px;
}
@media (min-width: 992px) {
    .ocf-desktop-active .product-filter__buttons {
        margin-bottom: 16px;
        display: flex;
        align-items: center;
    }
}
.ocf-desktop-active .product-filter__btn {
    position: relative;
    width: 100%;
    margin-bottom: 8px;
    padding: 0;
    line-height: 40px;
    border: none;
}
@media (min-width: 992px) {
    .ocf-desktop-active .product-filter__btn {
        width: 188px;
        min-width: 188px;
        margin-right: 24px;
        margin-bottom: 0;
    }
}
.ocf-desktop-active .product-filter__btn-filter {
    background: var(--color-green-500);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    padding-left: 0;
    padding-right: 0;
    background: var(--color-green-500);
}
.ocf-desktop-active .product-filter__btn-filter::before {
    content: "";
    margin-right: 8px;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.66667 8H7.33333V6.66667H4.66667V8ZM0 0V1.33333H12V0H0ZM2 4.66667H10V3.33333H2V4.66667Z' fill='white'/%3E%3C/svg%3E%0A");
}
.ocf-desktop-active .product-filter__btn-filter:hover, .ocf-desktop-active .product-filter__btn-filter:focus {
    background: var(--color-green-600);
}
.ocf-desktop-active .product-filter__btn-count {
    width: 30px;
    height: 24px;
    margin-left: 8px;
    margin-right: 40px;
    padding: 4px 8px;
    background-color: #fff;
    color: var(--color-success);
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    border-radius: 32px;
}
.ocf-desktop-active .product-filter__btn-reset {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-color: var(--color-gray-800);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3567 12.0448C10.147 13.0931 8.59937 13.6691 6.9987 13.6668C3.3167 13.6668 0.332031 10.6822 0.332031 7.00016C0.332031 3.31816 3.3167 0.333496 6.9987 0.333496C10.6807 0.333496 13.6654 3.31816 13.6654 7.00016C13.6654 8.42416 13.2187 9.74416 12.4587 10.8268L10.332 7.00016H12.332C12.3319 5.77097 11.9072 4.57954 11.1298 3.62742C10.3524 2.67531 9.26994 2.02096 8.06559 1.77507C6.86124 1.52918 5.60892 1.70684 4.52048 2.27801C3.43205 2.84917 2.57431 3.77877 2.09238 4.90955C1.61045 6.04033 1.5339 7.30287 1.87569 8.48359C2.21748 9.66431 2.95663 10.6907 3.96809 11.3892C4.97955 12.0877 6.20123 12.4153 7.42646 12.3168C8.6517 12.2182 9.80527 11.6994 10.692 10.8482L11.3567 12.0448Z' fill='white'/%3E%3C/svg%3E%0A");
}
.ocf-desktop-active .product-filter__btn-reset:hover {
    background-color: var(--color-gray-900);
}
.ocf-desktop-active .product-filter__btn-reset.hide,
.ocf-desktop-active .product-filter__btn-count.hide {
    display: none;
}
.ocf-desktop-active .product-filter__btn-search {
    width: 100%;
}
.ocf-desktop-active .product-filter__btn-search input {
    width: 100%;
}

.ocf-desktop-active .tag-desc {
    display: flex;
    padding: 0 11px;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    border-radius: 4px;
    border: none;
    white-space: nowrap;
}
.ocf-desktop-active .tag-desc:disabled {
    background-color: var(--color-gray-150) !important;
    color: var(--color-gray-400) !important;
    border: none !important;
}
.ocf-desktop-active .tag-desc-primary {
    background-color: var(--color-green-500);
    color: #fff;
}
.ocf-desktop-active .tag-desc-primary:hover {
    background-color: var(--color-green-600);
}
.ocf-desktop-active .tag-desc-primary.tag-desc-inactive {
    background-color: var(--color-green-100);
    color: var(--color-green-600);
}
.ocf-desktop-active .tag-desc-primary.tag-desc-inactive:hover {
    background-color: var(--color-green-100);
    color: var(--color-green-500);
}
.ocf-desktop-active .tag-desc-secondary {
    background-color: transparent;
    border: 1px solid var(--color-green-500);
    color: var(--color-green-500);
}
.ocf-desktop-active .tag-desc-secondary:hover {
    background-color: var(--color-green-500);
    color: #fff;
}
.ocf-desktop-active .tag-desc-secondary.tag-desc-inactive {
    border-color: var(--color-gray-150);
    color: var(--color-gray-700);
}
.ocf-desktop-active .tag-desc-secondary.tag-desc-inactive:hover {
    background-color: var(--color-gray-150);
    color: var(--color-green-900);
}
.ocf-desktop-active .tag-desc-secondary.tag-desc-active::after {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='%2321A869' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 4.05732L8.3 0.757324L9.24267 1.69999L5.94266 4.99999L9.24267 8.29999L8.3 9.24266L5 5.94266L1.7 9.24266L0.757332 8.29999L4.05733 4.99999L0.757332 1.69999L1.7 0.757324L5 4.05732Z' fill='%2321A869'/%3E%3C/svg%3E%0A");
}
.ocf-desktop-active .tag-desc-secondary.tag-desc-active:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 4.05732L8.3 0.757324L9.24267 1.69999L5.94266 4.99999L9.24267 8.29999L8.3 9.24266L5 5.94266L1.7 9.24266L0.757332 8.29999L4.05733 4.99999L0.757332 1.69999L1.7 0.757324L5 4.05732Z' fill='white'/%3E%3C/svg%3E%0A");
}
.ocf-desktop-active .tag-desc-secondary.tag-desc-active:disabled::after {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 4.05732L8.3 0.757324L9.24267 1.69999L5.94266 4.99999L9.24267 8.29999L8.3 9.24266L5 5.94266L1.7 9.24266L0.757332 8.29999L4.05733 4.99999L0.757332 1.69999L1.7 0.757324L5 4.05732Z' fill='%238E9694'/%3E%3C/svg%3E%0A");
}
.ocf-desktop-active .tag-desc-all {
    background-color: transparent;
    border: 1px solid var(--color-gray-150);
}
.ocf-desktop-active .tag-desc-all:hover {
    background-color: var(--color-gray-150);
}
.ocf-desktop-active .tag-desc-active {
    align-items: center;
}
.ocf-desktop-active .tag-desc-active::after {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 4.05732L8.3 0.757324L9.24267 1.69999L5.94266 4.99999L9.24267 8.29999L8.3 9.24266L5 5.94266L1.7 9.24266L0.757332 8.29999L4.05733 4.99999L0.757332 1.69999L1.7 0.757324L5 4.05732Z' fill='white'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 4px;
}
.ocf-desktop-active .tag-desc-active:disabled::after {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 4.05732L8.3 0.757324L9.24267 1.69999L5.94266 4.99999L9.24267 8.29999L8.3 9.24266L5 5.94266L1.7 9.24266L0.757332 8.29999L4.05733 4.99999L0.757332 1.69999L1.7 0.757324L5 4.05732Z' fill='%238E9694'/%3E%3C/svg%3E%0A");
}

.ocf-mobile-active {
    /* FILTER VALUE ITEM */
    /* Image, Color */
}
.ocf-mobile-active .ocf-value,
.ocf-mobile-active .ocf-value:active,
.ocf-mobile-active .ocf-value:focus,
.ocf-mobile-active .ocf-value:visited,
.ocf-mobile-active .ocf-value:hover {
    cursor: pointer;
    font-weight: normal;
    font-style: normal;
    display: flex;
    font-size: 14px;
    width: 100% !important;
    color: #353535;
    flex-wrap: nowrap;
    align-items: flex-start;
    text-decoration: none;
    text-transform: none;
    padding: 0;
    line-height: 1.5;
    margin-bottom: 6px;
    text-transform: none;
    background: transparent;
    box-shadow: none;
    border: none;
    outline: none;
    justify-content: space-between;
}
.ocf-mobile-active .ocf-value:last-child {
    margin-bottom: 0;
}
.ocf-mobile-active .ocf-value.ocf-disabled,
.ocf-mobile-active .ocf-value[disabled],
.ocf-mobile-active .ocf-value:disabled {
    color: #AEB5BD;
    cursor: not-allowed;
}
.ocf-mobile-active .ocf-value-image,
.ocf-mobile-active .ocf-value-color {
    position: relative;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    margin-right: 10px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity 200ms;
}
.ocf-mobile-active .ocf-selected .ocf-value-image,
.ocf-mobile-active .ocf-selected .ocf-value-color {
    box-shadow: inset 0 0 0 2px #fff;
    border-color: #65A2C7;
}
.ocf-mobile-active .ocf-disabled .ocf-value-image,
.ocf-mobile-active .ocf-disabled .ocf-value-color {
    opacity: 0.25;
    filter: saturate(0.5);
}
.ocf-mobile-active .ocf-value-image + .ocf-value-name,
.ocf-mobile-active .ocf-value-color + .ocf-value-name {
    align-self: center;
}



.ocf-mobile-active {
    /* Input */
    /* Checkbox */
}
.ocf-mobile-active .ocf-value-input {
    position: relative;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin-right: 10px;
    margin-top: 2px;
}
.ocf-mobile-active .ocf-value-input::before,
.ocf-mobile-active .ocf-value-input::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.ocf-mobile-active .ocf-value-input::before {
    pointer-events: none;
    background-color: #fff;
    border: #adb5bd solid 1px;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .ocf-mobile-active .ocf-value-input::before {
        transition: none;
    }
}
.ocf-mobile-active .ocf-value:active .ocf-value-input::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.ocf-mobile-active .ocf-value:focus:not(:active) .ocf-value-input::before {
    border-color: #328ca7;
}
.ocf-mobile-active .ocf-value:not(.ocf-disabled):active .ocf-value-input::before {
    color: #fff;
    background-color: #4fa6d966;
    border-color: transparent;
}
.ocf-mobile-active .ocf-value.ocf-disabled .ocf-value-input::before,
.ocf-mobile-active .ocf-value[disabled] .ocf-value-input::before,
.ocf-mobile-active .ocf-value:disabled .ocf-value-input::before {
    background-color: #eceef2;
}
.ocf-mobile-active .ocf-selected .ocf-value-input::before {
    color: #fff;
    border-color: var(--color-green-500);
    background-color: var(--color-green-500);
}
.ocf-mobile-active .ocf-value .ocf-value-input::after {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px;
}
.ocf-mobile-active .ocf-value-input-checkbox::before {
    border-radius: 2px;
}
.ocf-mobile-active .ocf-value:active .ocf-value-input-checkbox::before {
    border-color: #328ca7;
    background-color: #219ac7;
}
.ocf-mobile-active .ocf-value.ocf-selected.ocf-disabled .ocf-value-input-checkbox::before,
.ocf-mobile-active .ocf-value.ocf-disabled:active .ocf-value-input-checkbox::before {
    background-color: rgba(33, 154, 200, 0.5);
}
.ocf-mobile-active .ocf-selected .ocf-value-input-checkbox::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.ocf-mobile-active .ocf-value.ocf-selected:active .ocf-value-input-checkbox::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.ocf-mobile-active .ocf-active .ocf-active-label  {display: none}

.ocf-mobile-active .tag.tag-all {display: none}

.ocf-desktop-active .tag-desc {
    font-size: 13px;
}

.input-search.product-filter__btn-search input {
    border-color: var(--color-green-500);
    outline: none;
}