.fv-category-sidebar {
    width:
        190px;

    flex:
        0 0 190px;

    color:
        #42464d;
}


.fv-sidebar-category-section,
.fv-sidebar-filter-section {
    padding:
        0 0 16px;

    margin-bottom:
        14px;

    border-bottom:
        1px solid
        #e7e7e7;
}


.fv-sidebar-category-section
h3,
.fv-sidebar-filter-section
h3 {
    margin:
        0 0 9px;

    color:
        #121212;

    font-size:
        12px;

    font-weight:
        600;
}


.fv-sidebar-category-section
a {
    display:
        block;

    margin-bottom:
        7px;

    color:
        #6c717a;

    font-size:
        11px;

    line-height:
        1.35;

    text-decoration:
        none;
}


.fv-sidebar-category-section
a:hover {
    color:
        #ff587d;
}


.fv-filter-checkbox {
    min-height:
        23px;

    display:
        flex;

    align-items:
        center;

    gap:
        7px;

    color:
        #4b5058;

    font-size:
        11px;

    cursor:
        pointer;
}


.fv-filter-checkbox
input {
    width:
        15px;

    height:
        15px;

    margin: 0;

    accent-color:
        #ff587d;
}


.fv-price-values {
    display:
        flex;

    justify-content:
        space-between;

    margin:
        8px 4px
        12px;

    color:
        #111111;

    font-size:
        11px;
}


.fv-price-inputs {
    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        6px;
}


.fv-price-inputs
input {
    width:
        100%;

    height:
        32px;

    padding:
        0 7px;

    border:
        1px solid
        #d8dde3;

    border-radius:
        4px;

    outline: 0;

    font-size:
        10px;
}


.fv-price-inputs
input:focus {
    border-color:
        #ff587d;

    box-shadow:
        0 0 0 2px
        rgba(
            255,
            88,
            125,
            0.08
        );
}


.fv-clear-filter-btn {
    width:
        100%;

    min-height:
        40px;

    border:
        1px solid
        #ff587d;

    border-radius:
        4px;

    background:
        #ffffff;

    color:
        #ff587d;

    font-size:
        11px;

    cursor:
        pointer;

    transition:
        color
            0.16s ease,
        background
            0.16s ease;
}


.fv-clear-filter-btn:hover {
    background:
        #ff587d;

    color:
        #ffffff;
}


@media (
    max-width: 850px
) {

    .fv-category-sidebar {
        width:
            180px;

        flex-basis:
            180px;
    }

}


@media (
    max-width: 720px
) {

    .fv-category-sidebar {
        width:
            100%;

        flex-basis:
            auto;
    }

}