.search_wrapper .search_panel {padding: 25px 0;}
/*search_panel*/
.search_panel_container {background-color: #F4F6F7;}

.search_panel {overflow: hidden;}
.search_panel .header {font-size: 28px; font-weight: 500; margin-bottom: 40px;}
.search_panel .header span {color: var(--OPTION_BASE_COLOR)}

.search_panel .search_params {margin: 10px 0; }
.search_panel .search_params > div {margin-right: 30px; margin-bottom: 10px;} 


.search_panel .house_select.icon_btn {opacity: 1;}
.search_panel .house_select.icon_btn.active {opacity: 1;}

.search_panel .flat_labels {margin-top: 10px;}
.search_panel .flat_labels .item {color: #949499; font-size: 16px; margin-top: 7px; border-radius: 50px; border: 1px solid #E1E2E3; margin-right: 8px; cursor: pointer;}
.search_panel .flat_labels .item .img {margin-right: 10px; display: none;}
.search_panel .flat_labels .item .name {padding: 11px 12px; white-space: nowrap;}
.search_panel .flat_labels .item:hover {border: 1px solid var(--OPTION_BASE_COLOR); color: var(--OPTION_BASE_COLOR)}
.search_panel .flat_labels .item:hover .img path {stroke: var(--OPTION_BASE_COLOR);}
.search_panel .flat_labels .item:hover .img.fill path {fill: var(--OPTION_BASE_COLOR); stroke: none;}
.search_panel .flat_labels .item.active {color: #FFF; background-color: var(--OPTION_BASE_COLOR); border: 1px solid var(--OPTION_BASE_COLOR);}
.search_panel .flat_labels .item.active .img path {stroke: #FFF;}
.search_panel .flat_labels .item.active .img.fill path {fill: #FFF;}
//.search_panel .flat_labels .owl-stage {width: 10000px!important}
.flat_labels.owl-theme .owl-nav button.owl-next, .flat_labels.owl-theme .owl-nav button.owl-prev {margin-top: -16px !important;}


.search_panel .room_kol .item {padding: 18px 10px; display: inline-block; border: 1px solid #E1E2E3; border-radius: 50px; text-decoration: none; min-width: 55px; text-align: center;}
.search_panel .room_kol .item:hover {background-color: #FFF;}
.search_panel .room_kol .item.active {border: 1px solid var(--OPTION_BASE_COLOR); background-color: #FFF;}

.btn_filters:hover {background: var(--OPTION_BASE_COLOR); color: #FFF!important;}
.btn_filters img {vertical-align: middle; margin-right: 10px; margin-top: -2px;}
.btn_filters .kol {background-color: #FFF; color: var(--OPTION_BASE_COLOR); border-radius: 30px; width: 24px; height: 24px; display: inline-block; text-align: center; line-height: 23px;margin-left: 5px; vertical-align: middle; margin-top: -6px;}

.search_panel .filter_param_clear {}
.search_panel .filter_param_clear .item {border: 1px solid #F0F1EB; color: var(--OPTION_BASE_COLOR); font-weight: 500; text-decoration: none; padding: 7px 12px; border-radius: 50px; display: inline-block; margin: 10px 10px 10px 0; background: #FFF url("/include/svg/filter_clear_btn.svg") right 10px top 8px no-repeat; padding-right: 30px;}
.search_panel .filter_param_clear .item:hover {background-color: var(--OPTION_BASE_COLOR); color: #FFF; border: 1px solid var(--OPTION_BASE_COLOR);}

/*Панель поиска моб.*/
.search_mobile_panel {background-color: #F4F6F7; padding: 20px 10px;}
.search_mobile_panel .header  {font-size: 25px; font-weight: 500;}
.search_mobile_panel .header span {color: var(--OPTION_BASE_COLOR)}



/*sort_panel*/
.sort_panel {margin-top: 25px}
.sort_panel .search_sort {width: 300px;}
.clear_filter .kol {background-color: var(--OPTION_BASE_COLOR); color: #FFF; border-radius: 30px; width: 24px; height: 24px; display: inline-block; text-align: center; line-height: 23px;margin-left: 5px; vertical-align: middle; margin-top: -3px;}
.clear_filter:hover .kol {color: var(--OPTION_BASE_COLOR); background-color: #FFF;}

.bottom_buttons {margin-top: 10px;}
.bottom_buttons .btn.clear_filter {margin-left: 8px;}


/*UI слайдер*/
.search_panel .slider_container {
    width: 260px; height: 56px; background-color: #FFFFFF; border: 1px solid #F0F1EB; border-radius: 12px; padding: 5px 20px;
    display: flex; flex-direction: column; position: relative;
}
.search_panel .slider_container label {order: 1; color: #949499; font-size: 12px;}
.search_panel .slider_container .slider_data {order: 2; display: flex; margin-top: 4px;}
.search_panel .slider_container .slider_data > div {flex: 0 0 50%; max-width: 50%; position: relative;}
.search_panel .slider_container .slider_data > div:first-child:after {content: ''; position: absolute; right: 0; top: 0; width: 1px; height:16px; display: block; background-color: #E1E2E3}
.search_panel .slider_container .slider_data .slider_to {text-align: right;}
.search_panel .slider_container  .ui-slider {order: 3; position: absolute; width: calc(100% - 60px); bottom: -15px;}
.search_panel .slider_container  .slider_data input[type="text"] {border: none; background-color: transparent; padding: 0; box-shadow: none; border-radius: 0; outline: none; margin: 0; color: #4E4F54;}

.paging_container {text-align: center;}


/*Popup карта с домами*/
#houses_map_popup {background: transparent}
#houses_map_popup .content {background: transparent; border: none;}
#houses_map_popup .popup_content {padding: 0;}
#houses_map_popup .fancybox-close-small svg > * {stroke: var(--OPTION_BASE_COLOR); fill: #FFF;}

/* Стили для кнопки Фильтры на новой строке */
.filters-button-row {
    width: 100%;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #e8ecf0;
}

.filters-button-row .btn_filters_container {
    text-align: center;
}

/* Убедитесь что контейнер фильтров занимает всю ширину */
.search_params {
    width: 100%;
}

/* Адаптивность для мобильных устройств */
@media screen and (max-width: 1200px) {
    .filters-button-row {
        margin-top: 15px;
        padding-top: 10px;
    }
    
    .search_wrapper .filters-button-row {
        padding: 0 30px 20px 30px;
    }
}

@media screen and (max-width: 767px) {
    .filters-button-row {
        margin-top: 10px;
        padding-top: 10px;
    }
}

/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
       
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{
    .search_mobile_panel {display: block!important;}    
    
    /*Фильтры для мобильного*/
    .search_wrapper {
        background-color: #F4F6F7;
        border: 1px solid #F0F1EB;
        padding-bottom: 20px;
        position: sticky;
        z-index: 1;
        max-width: 94%;
        margin: 0 auto;
        top: 20px;
        left: 0;
        right: 0;
        border-radius: 12px;
        display: block;
        z-index: 99999;
        visibility: hidden;
        opacity: 0;
        height: 0;
    }
    .search_wrapper.active {visibility: visible; opacity: 1; height: auto;}
    
    .search_wrapper .search_panel_container {background: none; padding: 30px 30px 0 30px;}
    .search_wrapper .search_panel {padding: 0;}
    .search_wrapper .search_panel .header_container {display: none!important;}
    .search_wrapper .smart_help_container {display: none;}
    .search_wrapper .search_panel .search_params > div {margin: 0 0 30px 0; display: flex; justify-content: center;}
    .search_wrapper .btn_filters_container {display: none!important;}
    .search_wrapper .clear_filter_container {display: none;}
    .search_wrapper .sort_panel {margin-top: 25px; padding: 0 30px;}
    
    .search_wrapper .popup_close {display: block!important;}
}
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
    
}
/*.col-*/
@media screen and (max-width: 575px)
{
    
}