.single-brands .search-and-filter .title-post .toggle {
    cursor: pointer;
    width: 22.5px;
    height: 22.5px;
    text-align: center;
    position: absolute;
    top: 16px;
    right: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
}

.single-brands .search-and-filter .item .title-post a:hover {
    font-weight: 600;
}

.single-brands .search-and-filter .item.active .title-post a {
    font-weight: 600;
    line-height: 29px;
    padding: 11.5px 0;
}

.single-brands .search-and-filter .title-post a {
    font-family: Noto Sans JP;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    color: #131436B2;
    text-transform: capitalize;
    display: inline-block;
    padding: 14px 0;
    max-width: calc(100% - 20px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.single-brands .search-and-filter .title-post .toggle.open {
    transform: rotate(-180deg);
}

.single-brands .search-and-filter .item:not(:last-child) {
    border-bottom: 1px solid #D5DDE6;
}

.single-brands .search-and-filter .block-filter .item.show.remove-border,
.single-brands .search-and-filter .block-filter[length-item="2"] .item:not(:last-child),
.single-brands .search-and-filter .block-filter[length-item="1"] .item:not(:last-child) {
    border: none;
}

.single-brands .search-and-filter .item {
    padding: 0 30px 0 25px;
    position: relative;
}

.single-brands .search-and-filter .block-search .search-results {
    /* width: 27px;
    height: 27px;
    border-radius: 50%;
    background: #D00038;
    padding: 5px 6px 7px; */
    position: absolute;
    right: 25px;
    /* top: 12.5px; */
    top: 15px;
    cursor: pointer;
}

.single-brands .search-and-filter .block-search .search-results:hover svg path,
.single-brands .search-and-filter .block-search .search-results:hover svg circle{
    stroke: #D11E3B;
}

.single-brands .search-and-filter .block-search {
    position: relative;
}

.single-brands .search-and-filter .block-search input::placeholder {
    font-family: 'Noto Sans JP';
    font-size: 16px;
    font-weight: 600;
    line-height: 29px;
    text-align: left;
    color: #131436B2;
}

.single-brands .search-and-filter .block-search input {
    border: 1px solid #D5DDE6;
    background: #FFFFFF4D;
    font-family: 'Noto Sans JP';
    font-size: 16px;
    font-weight: 600;
    line-height: 29px;
    text-align: left;
    color: #131436B2;
    height: 52px;
    padding: 0 75px 0 25px;
    border-radius: 15px;
    box-shadow: none;
}

.single-brands .search-and-filter .block-filter {
    border: 1px solid #D5DDE6;
    border-radius: 15px;
    overflow: hidden;
    margin-top: 24px;
}

.single-brands .search-and-filter .section-title {
    display: none;
    padding: 20px 0 20px 10px;
}

.single-brands .search-and-filter .section-title .title a:hover,
.single-brands .search-and-filter .section-title .title a.active {
    color: #D11E3B;
}

.single-brands .search-and-filter .section-title .title {
    margin-bottom: 10px;
    border-bottom: 1px solid #1314361A;
}

.single-brands .search-and-filter .section-title .title a {
    font-family: 'Noto Sans JP';
    font-size: 16px;
    font-weight: 350;
    line-height: 29px;
    text-align: left;
    color: #131436;
    padding: 3px 0;
    display: block;
    text-transform: capitalize;
}

.single-brands .search-and-filter {
    max-width: 243px;
    width: 100%;
}

.single-brands .search-and-filter .block-filter[length-item="0"] {
    display: none;
}

.single-brands .search-and-filter .alert-empty {
    margin-top: 24px;
}

body.show-filter #feedback-button {
    z-index: 9999999 !important;
}

.single-brands .search-and-filter .item.btn-download-menu {
    background-color: var(--primary);
    color: #fff;
}

.single-brands .search-and-filter .item.btn-download-menu .title-post a {
    color: #fff;
    font-weight: 700;
    white-space: initial;
    max-width: 100%;
}

@media(min-width: 992px) {

    .single-brands .search-and-filter .block-filter.mobile,
    .single-brands .search-and-filter .btn-show-filter {
        display: none !important;
    }
    .single-brands .search-and-filter .item.btn-download-menu .title-post a {
        font-size: 12px;
    }
    
    /* .single-brands .search-and-filter{
        position: relative;
    }
    
    .single-brands .search-and-filter .border-search-and-filter {
        position: sticky;
        top: calc(var(--height) + 5px);
        width: 243px;
        max-height: 71vh;
        overflow-y: auto;
        scrollbar-width: thin;
    }

    .admin-bar .single-brands .search-and-filter .border-search-and-filter {
        top: calc(var(--height) + 37px);
    } */
}

@media(max-width: 991.98px) {
    .single-brands .search-and-filter .item {
        padding: 0 20px 0 25px;
    }

    .single-brands .search-and-filter .alert-empty {
        margin-top: 14px;
    }

    .single-brands .search-and-filter .block-filter.mobile {
        transform: translateY(-100%);
        transition: all .5s;
    }

    .single-brands .search-and-filter .block-filter.mobile.show {
        transform: translateY(0);
    }

    .single-brands .search-and-filter .block-filter.desktop {
        display: none;
    }

    .single-brands .search-and-filter .btn-show-filter .arrow {
        width: 27px;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        position: absolute;
        right: 15px;
        top: 12.5px;
        background: #D00038;
    }

    .single-brands .search-and-filter .btn-show-filter .label {
        font-family: 'Noto Sans JP';
        font-size: 16px;
        font-weight: 600;
        line-height: 29px;
        color: #131436B2;
    }

    .single-brands .search-and-filter .btn-show-filter {
        margin-top: 12px;
        border: 1px solid #D5DDE6;
        background: #FFFFFF4D;
        padding: 10.5px 25px;
        position: relative;
        border-radius: 15px;
        cursor: pointer;
    }

    .single-brands .search-and-filter {
        max-width: 100%;
    }

    .single-brands .search-and-filter .block-search .search-results {
        right: 15px;
    }

    .single-brands .search-and-filter .block-filter.mobile .close-btn {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 12px;
        top: -2.5px;
        background: #D00038;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .single-brands .search-and-filter .block-filter.mobile .content-heading {
        padding: 0 22px;
        position: relative;
        margin-bottom: 45.5px;
    }

    .single-brands .search-and-filter .block-filter.mobile .heading {
        font-family: Noto Sans JP;
        font-size: 24px;
        font-weight: 600;
        line-height: 34.75px;
        letter-spacing: 0.1em;
        text-align: left;
        text-transform: uppercase;
        max-width: calc(100% - 40px);
    }

    .single-brands .search-and-filter .block-filter.mobile .list-item .items {
        height: 100%;
        overflow-y: auto;
    }

    .single-brands .search-and-filter .block-filter.mobile .list-item {
        height: calc(100vh - 234px);
        overflow: hidden;
    }

    .single-brands .search-and-filter .block-filter.mobile .content-bottom .btn.btn-cancel {
        background: #111827;
    }

    .single-brands .search-and-filter .block-filter.mobile .content-bottom .btn {
        min-width: 145.79px;
        padding: 11px 20px 10px;
        text-align: center;
        border-radius: 100px;
        background: #D11E3B;
        height: 40px;
        font-family: Noto Sans JP;
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0.18em;
        color: #FFFFFF;
        cursor: pointer;
    }

    .single-brands .search-and-filter .block-filter.mobile .content-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0 25px;
        display: flex;
        justify-content: center;
        gap: 28px;
        padding-bottom: 34px;
        background: #ffffff;
    }

    .single-brands .search-and-filter .block-filter.mobile {
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        margin: 0;
        border-radius: 0;
        border: none;
        background: #ffffff;
        z-index: 99999999;
        padding: 34px 0 0;
    }

    .single-brands .search-and-filter .item:not(:last-child) {
        border: none;
    }

    .single-brands .search-and-filter .title-post a {
        font-size: 16px;
        line-height: 29px;
        font-weight: 600;
        padding: 11.5px 0;
    }

    .single-brands .search-and-filter .title-post .toggle {
        right: 15px;
    }

    .single-brands .search-and-filter .item .title-post a.active,
    .single-brands .search-and-filter .item.active .title-post a {
        color: #131436;
    }

    body.show-filter {
        overflow: hidden !important;
    }
}

@media(max-width: 359px) {
    .single-brands .search-and-filter .block-filter.mobile .content-bottom {
        gap: 15px;
    }

    .single-brands .search-and-filter .block-filter.mobile .content-bottom .btn {
        min-width: 135px;
    }
}