.section-search-result {
    padding-bottom: 120px;
    padding-top: 24px;
}

.search-result__layout {
    display: grid;
    grid-template-columns: 1fr 392px;
    gap: 24px;
}

.search-result_form {
    position: relative;
    margin-bottom: var(--space-6);
}

.search-result_form .search-box__input {
    border-bottom: 1px solid var(--text-main);
    height: 80px;
    width: 100%;
    font-size: 24px;
    line-height: 1.4;
    transition: all .3s;
    padding-right: 136px;
}

.search-result_form .search-box__input::placeholder {
    font-size: 24px;
    font-style: italic;
    font-weight: 400;
}

.flex-button-action__search {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    z-index: 1;
}

.flex-button-action__search .search-box__icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    margin-top: -4px;
}

.flex-button-action__search .search-box__close {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    margin-right: 48px;
    position: relative;
}

.flex-button-action__search .search-box__close svg {
    width: 24px;
    height: 24px;
}

.flex-button-action__search .search-box__icon svg {
    width: 28px;
    height: 28px;
}

.flex-button-action__search .search-box__close:before {
    content: '';
    position: absolute;
    top: 0;
    right: -24px;
    width: 1px;
    height: 100%;
    background: var(    --border-1);
}

.flex-button-action__search .search-box__icon:hover svg path {
    fill: rgba(227, 27, 33, 1);
}

.flex-button-action__search .search-box__icon svg path {
    transition: all .3s;
}

.search-result_form .search-box__input:focus {
    border-color: var(--text-title);
}

.search-result__inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.search-result__count {
    flex: 1;
    color: var(--text-main);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

.search-result__count strong {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-title);
    margin-right: 2px;
}
.search-result__sort {display: flex;gap: 4px 12px;}


.search-result__sort-btn {padding: 2px 12px;font-size: 14px;border-radius: 8px;background: transparent;cursor: pointer;height: 36px;border: 1px solid rgba(245, 245, 245, 1);color: rgba(77, 77, 77, 1);transition: all .3s;font-family: "VNBText";}


.search-result__sort-btn.is-active {background: #f2e7dd;color: #3a2f25;font-weight: 700;border-color: #f2e7dd;}

.search-result__sort-btn:hover {
    background: #f2e7dd;
    border-color: #f2e7dd;
}

.search-result {
    padding-bottom: var(--space-6);
    border-bottom: 1px solid rgba(228, 223, 217, 1);
    margin-bottom: var(--space-6);
}

.search-result__layout__main .news-item.news-item-horizontal .news-card__meta {
    display: inline-flex;
}
.filter {
    width: 100%;
    margin-bottom: 48px;
}

.filter__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    gap: 8px;
    border-bottom: 1px solid var(--text-main);
    padding-top: 43px;
    padding-bottom: 8px;
}

.filter__title {
    font-family: 'VNBSerif';
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--text-main);
    flex: 1;
}

.filter__reset {
    font-size: 14px;
    color: var(--text-title);
    background: none;
    border: none;
    cursor: pointer;
    transition: all .3s;
    line-height: 1.4;
}

.filter__group {
    border-bottom: 1px solid rgba(228, 223, 217, 1);
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.filter__group-header {
    width: 100%;
    background: none;
    border: none;
    display: flex;
    align-items: center;
}

.filter__arrow {
    width: 8px;
    height: 8px;
}

.filter__list {
    margin-top: 8px;
    max-height: 200px;
    overflow-y: auto;
    padding-right: 4px;
    margin-right: -4px;
}
.filter__list::-webkit-scrollbar {
    width: 6px;
}
.filter__list::-webkit-scrollbar-track {
    background: transparent;
}
.filter__list::-webkit-scrollbar-thumb {
    background-color:rgba(230, 230, 230, 1);
    border-radius: 10px;
}
.filter__item {
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    line-height: 1.4;
    transition: all .3s;
    background: transparent;
    margin-bottom: 4px;
    color: var(--text-main);
}

.filter__item:hover {
    background: rgba(0,0,0,.04);
}

.filter__item.is-active {
    background: rgba(0,0,0,.06);
    font-weight: 700;
}

.filter__item--calendar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter__calendar {
    width: 14px;
    height: 14px;
}
.filter__list {
    display: none;
}

.icon-filter__arrow {
    transition: transform .25s ease;
}
.section-name__search {
    display: none;
}
.filter__group.is-open .icon-filter__arrow {
    transform: rotate(180deg);
}
.filter__group.is-open .filter__list {
   display:block;
}

.filter__reset:hover {
    text-decoration: underline;
    color: var(--text-title);
}

.search-result__sidebar {
    padding: 0 24px;
}

.filter__group-header .name {
    color: rgba(128, 128, 128, 1);
    font-size: 14px;
    flex: 1;
    margin: 0;
    font-weight: 700;
    line-height: 1.4;
}

.icon-filter__arrow {width: var(--space-9);height: var(--space-9);display: flex;align-items: center;justify-content: center;cursor: pointer;border-radius: 8px;}

.icon-filter__arrow img {
    transform: rotate(90deg);
    transition: all .3s;
}

.icon-filter__arrow:hover {
    background: rgba(242, 231, 221, 1);
}

.filter-date {
    display: flex;
    padding: 8px 12px;
    border-radius: 6px;
    align-items: center;
}

.filter-date__text {
    font-size: 14px;
    line-height: 1.4;
    transition: all .3s;
    background: transparent;
    color: var(--text-main);
    flex: 1;
}

.filter-date__icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.filter__group:last-child {
    margin: 0;
    padding: 0;
    border: none;
}
.button-filter__mobile {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 0 5px;
    height: 24px;
}

.button-filter__mobile .text {
    color: rgba(128, 128, 128, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}
.button-filter__mobile .icon {
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.filter__close {
    display:none;
}


@media (max-width:575px){
    .search-result__layout__main .block-topic {
        padding-top: 12px;
    }
    .search-result__layout__main .news-item.news-item-horizontal {
        flex-direction: row;
        gap: 0 12px;
    }


    .search-result__layout__main .topic-list__news .news-item.news-item-horizontal .news-item__image-wrapper {
        width: 120px;
        margin: 0;
    }

    .search-result__layout__main .topic-list__news .news-item.news-item-horizontal .news-item__description {
        display: none;
    }

    .search-result__layout__main .topic-list__news .news-item.news-item-horizontal .news-item__title {
        font-size: 17px;
        font-weight: 400;
        margin: 0;
    }

    .search-result__layout__main .topic-list__news .news-item.news-item-horizontal .news-card__meta {
        display: none;
        margin: 0;
    }

    .search-result__layout__main .topic-list__news .news-item.news-item-horizontal+.news-item-horizontal {
        margin-top: var(--space-3);
        padding-top: var(--space-3);
    }
}
@media (min-width: 576px) and (max-width:767px)  { 
    
}
@media (min-width: 768px) and (max-width:991px)  { 
    .search-result_form .search-box__input {
        height: 60px;
    }
}
@media (max-width:991px)  { 

    .filter {
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
}
.filter__header {padding-top: 0;}


.filter__layout {
    width: 320px;
    margin-left: auto;
    background: rgba(250, 240, 228, 1);
    border-left: 1px solid rgba(228, 223, 217, 1);
    padding: 12px;
    position: relative;
    z-index: 2;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    transform: translateX(100%);
    transition: all .4s;
}
.filter.is-open {
    opacity: 1;
    visibility: visible;
}
.filter.is-open .filter__layout {
    transform: translateX(0);
}
.filter__close {
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
}

.filter__close svg {
    width: 16px;
    height: 16px;
}

.filter__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 20%);
    z-index: 1;
}




    .section-name__search {
        display: block;
        background: rgba(238, 228, 217, 1);
        padding: 14px 0;
    }
    .text-name__page h2 {
        font-size: 20px;
        font-family: 'VNBSerif';
        font-weight: 700;
        line-height: 1.4;
    }
    .section-search-result {
        padding-bottom: 32px;
    }
    .search-result__sidebar {
        padding: 0;
    }
    .search-result__layout {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .search-result_form .search-box__input {
        height: 40px;
        font-size: 18px;
    }

    .search-result_form .search-box__input::placeholder {
        font-size: 18px;
        font-style: normal;
    }

    .flex-button-action__search .search-box__close {
        width: 24px;
        height: 24px;
        margin-right: 24px;
    }

    .flex-button-action__search .search-box__close:before {
        right: -12px;
        height: 24px;
    }

    .flex-button-action__search .search-box__close svg {
        width: 16px;
        height: 16px;
    }

    .flex-button-action__search .search-box__icon {
        width: 24px;
        height: 24px;
    }

    .flex-button-action__search .search-box__icon svg {
        width: 18px;
        height: 18px;
    }

    .search-result_form {
        margin-bottom: 12px;
    }

    .search-result {
        padding-bottom: 12px;
        margin-bottom: 12px;
    }

    .button-filter__mobile {
        display: flex;
        margin-left: auto;
    }
    .search-result__count {
        flex: none;
        order: 3;
        width: 100%;
        padding-top: 12px;
        border-top: 1px solid rgba(228, 223, 217, 1);
    }

    .search-result__inner {
        flex-wrap: wrap;
        gap: 8px;
}
}
@media (min-width: 992px) and (max-width:1199px)  { 
    .search-result__layout {
        grid-template-columns: 1fr 300px;
    }
    .search-result__sidebar {
        padding: 0;
    }
}
@media (min-width: 1200px) and (max-width:1399px)  { 

}
@media (min-width: 1400px) and (max-width:1599px)  { 

}