/*! =============== Custom Select =============== */

.custom-select-container {
    --cs-bg: var(--color-bg); --cs-border: var(--color-bg); --cs-hover: var(--color-accent); --cs-active: var(--color-accent);
    --cs-text: var(--color-text-primary); --cs-disabled: var(--color-disabled);
    --cs-radius: var(--radius-default); --cs-shadow: none; max-width: 460px;
}
/*
.select-selected:not(.btn_filter) {border: none; padding: 15px 24px; padding-right: 50px; height: 56px; display: flex; align-items: center;}
.smart-filter .select-selected:not(.btn_filter) {height: 72px;}
*/
.select-selected {border: none; padding: 15px 24px; padding-right: 50px; height: 56px;}
.smart-filter .select-selected {height: 72px; display: flex; align-items: center;}
.select-selected::after {width: 24px; height: 24px; background-image: var(--icon-chevron-down-24); right: 24px; border: none;}
.select-items {top: calc(100% + 12px); padding: 12px; border: none; border-top: 3px solid var(--color-accent); max-height: 300px; z-index: var(--z-dropdown);}
.select-items {top: calc(100% + 12px); padding: 12px; border: none; border-top: 3px solid var(--color-accent); max-height: 300px; z-index: var(--z-dropdown);}
.select-items__title {display: none;}
.select-items__button {display: none;}
.select-item {padding: 12px; border-radius: var(--radius-default); font-size: 18px;}
@media (min-width: 769px) {
    .select-item:hover {background: var(--color-accent); color: #fff;}
}

.select-item {display: flex; gap: 12px; align-items: center;}
.select-item input {width: 20px; height: 20px; position: relative; left: auto; top: auto; transform: none; flex-shrink: 0;
    appearance: none; -webkit-appearance: none; border: 1px solid var(--color-stroke-divider); background-color: var(--color-stroke-divider);
}
@media (min-width: 769px) {
    .select-item:hover input {border: 1px solid #C5C5C5;}
}
.select-item input[type="checkbox"] {border-radius: 4px;}
.select-item input[type="checkbox"]:checked {background: var(--color-accent) var(--icon-checkbox-active) no-repeat center / contain; border-color: var(--color-accent);}
.select-item input[type="checkbox"]:disabled {background: var(--color-disabled); border-color: var(--color-disabled);}
.select-item input[type="checkbox"]:disabled:checked {background: var(--color-disabled) var(--icon-checkbox-active-disabled) no-repeat center / contain; border-color: var(--color-disabled);}

.select-item input[type="radio"] {border-radius: 50%;}
.select-item input[type="radio"]:checked {background: #fff; border: 5px solid var(--color-accent);}
.select-item input[type="radio"]:disabled {background: var(--color-disabled); border-color: var(--color-disabled);}
.select-item input[type="radio"]:disabled:checked {background: #ccc; border-color: var(--color-disabled);}




/*! =============== Filter =============== */

div[id^="wait_comp_"] {display: none;}

.hides {display: none !important;}

.smart-filter .smart-filter-parameters-box .num {display: none !important;}
.smart-filter .slider_container .min-price, .smart-filter .slider_container .max-price {display: none;}
.smart-filter .smart-filter-parameters-box-title {display: none;}
.expand_filter {display: none !important;}

.smart-filter .smart-filter-parameters-box .slider_container input[type=text] {
    padding: 8px 30px;
    box-sizing: border-box;
    display: block;
    border: 1px solid var(--color-stroke-divider);
    border-radius: 8px;
    max-width: 100%;
    min-height: 42px;
    width: 100%;
    background-color: var(--color-bg);
}

.smart-filter .bx-active input.min-price1 {
    background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ctext x='2' y='12' fill='%23999999' font-family='Arial' font-size='14'%3E%D0%BE%D1%82%3C/text%3E%3C/svg%3E"),
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ctext x='2' y='12' fill='%23101010' font-family='Arial' font-size='14'%3E%E2%82%BD%3C/text%3E%3C/svg%3E")
            !important;
    background-repeat: no-repeat;
    background-position: 10px center, right 10px center;
    padding-left: 32px !important;
    padding-right: 35px !important;
}

.smart-filter .bx-active input.max-price1 {
    background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16'%3E%3Ctext x='2' y='12' fill='%23999999' font-family='Arial' font-size='14'%3E%D0%B4%D0%BE%3C/text%3E%3C/svg%3E"),
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ctext x='2' y='12' fill='%23101010' font-family='Arial' font-size='14'%3E%E2%82%BD%3C/text%3E%3C/svg%3E")
            !important;
    background-repeat: no-repeat;
    background-position: 10px center, right 10px center;
    padding-left: 35px !important;
    padding-right: 35px !important;
}

.smart-filter #arrFilter_4_MIN {
    background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ctext x='2' y='12' fill='%23999999' font-family='Arial' font-size='14'%3E%D0%BE%D1%82%3C/text%3E%3C/svg%3E"),
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16'%3E%3Ctext x='1' y='12' fill='%23101010' font-family='Arial' font-size='14'%3E%D0%BC%3C/text%3E%3C/svg%3E")
            !important;
    background-position: 10px center, right center;
    background-repeat: no-repeat;
    padding-left: 32px !important;
    padding-right: 35px !important;
}
.smart-filter #arrFilter_4_MAX {
    background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16'%3E%3Ctext x='2' y='12' fill='%23999999' font-family='Arial' font-size='14'%3E%D0%B4%D0%BE%3C/text%3E%3C/svg%3E"),
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16'%3E%3Ctext x='1' y='12' fill='%23101010' font-family='Arial' font-size='14'%3E%D0%BC%3C/text%3E%3C/svg%3E")
            !important;
    background-position: 10px center, right center;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    padding-right: 35px !important;
}



.smart-filter-block {height: 72px;}
.smart-filter-parameters-box-container {position: relative; z-index: var(--z-dropdown);}
.smart-filter-block .slider_container {padding: 24px; border: none; border-top: 3px solid var(--color-accent); max-height: 300px;
    position: absolute; left: 0; top: calc(100% + 12px); background: var(--color-bg); border-radius: var(--radius-default); width: 380px;
    display: flex; gap: 12px;
}
.smart-filter-parameters-box.bx-active.active .slider_container {display: flex!important;}

/*.smart-filter {display: flex; gap: 32px; margin-bottom: 32px; flex-wrap: wrap;}*/
/*.catalog-filter {display: flex; gap: 16px 0; width: 100%;}*/
/*.catalog-filter__title {display: none; text-align: center; font-size: 16px; font-weight: 700;}*/
/*.catalog-filter__close {display: none; position: absolute; top: 20px; right: 20px;}*/
/*.catalog-filter__button {display: none;}*/
/*.catalog-filter .smart-filter-parameters-box {flex: 1;}*/
/*.catalog-filter .smart-filter-parameters-box.bx-active {height: auto; margin-bottom: 0; gap: 0; z-index: 1;}*/
/*.catalog-filter .smart-filter-parameters-box.bx-active.active {z-index: var(--z-dropdown);}*/
/*.catalog-filter .select-selected {border-radius: 0; border: 1px solid var(--color-stroke-divider); border-width: 1px 1px 1px 0; padding-right: 42px;
    transition: var(--anim-duration-fast) var(--anim-easing-default);}*/
/*.catalog-filter .select-selected::after {right: 16px;}*/

.catalog-filter__mob-wrapper {width: 100%; max-height: 100%;}
.smart-filter .row {display: flex; gap: 16px 0; width: 100%; margin-bottom: 32px; position: relative;}
.smart-filter .smart-filter-parameters-box.bx-active {flex: 1; height: auto; margin-bottom: 0; gap: 0; z-index: 1;}
.smart-filter .smart-filter-parameters-box.bx-active.active {z-index: var(--z-dropdown);}
.smart-filter .smart-filter-parameters-box.bx-active:first-child .select-selected {border-radius: var(--radius-default) 0 0 var(--radius-default); border-left-width: 1px;}
.smart-filter .smart-filter-parameters-box.bx-active[data-code="STATUS"] .select-selected {border-radius: 0 var(--radius-default) var(--radius-default) 0;}
@media (min-width: 769px) {
    .smart-filter .smart-filter-parameters-box.bx-active:hover .select-selected,
    .smart-filter .smart-filter-parameters-box.bx-active.active .select-selected {background: var(--color-stroke-divider);}
}

.smart-filter .select-selected {border-radius: 0; border: 1px solid var(--color-stroke-divider); border-width: 1px 1px 1px 0; padding-right: 42px;
    transition: background-color var(--anim-duration-fast) var(--anim-easing-default);
}
.smart-filter .select-selected::after {right: 16px;}
.smart-filter .select-item {color: var(--color-text-secondary);}
.sort_by .select-item {color: var(--color-text-secondary);}
@media (min-width: 769px) {
    .smart-filter .select-item:hover {background: unset; color: var(--color-text-secondary);}
    .sort_by .select-item:hover {color: #fff;}
}
.smart-filter .smart-filter-block {height: auto;}

.smart-filter .smart-filter-parameters-box.bx-active[data-code="SHOW"] {position: absolute; right: 0; bottom: -68px; min-width: 0;}
.smart-filter .btn-more-filter {background: transparent; color: var(--color-text-secondary); border: 1px solid var(--color-stroke-divider); height: 36px; padding: 6px 12px;
    font-size: 14px; font-weight: 500; white-space: nowrap; gap: 4px;
    transition: background-color var(--anim-duration-fast) var(--anim-easing-default),
                border-color var(--anim-duration-fast) var(--anim-easing-default),
                color var(--anim-duration-fast) var(--anim-easing-default);
}
@media (min-width: 769px) {
    .smart-filter .btn-more-filter:hover {background: var(--color-bg); border-color: var(--color-bg); color: var(--color-text-primary);}
}
.smart-filter .btn-more-filter.expand_filter {display: inline-flex !important;}
.smart-filter .btn-more-filter:active {background: var(--color-accent); border-color: var(--color-accent); color: #fff;}
.smart-filter .btn-more-filter:before {content: ''; display: inline-block; width: 24px; height: 24px; background: var(--icon-sliders) no-repeat center / contain;
    -webkit-mask: var(--icon-sliders) no-repeat center / contain; mask: var(--icon-sliders) no-repeat center / contain; background: currentColor; flex: none;
}

.smart-filter .custom-select-container {max-width: none;}

.smart-filter .btn-more-realty {display: none;}

.sort_by .select-selected {background: transparent; color: var(--color-text-secondary); border: 1px solid var(--color-stroke-divider); height: 36px; padding: 6px 12px;
    font-size: 14px; font-weight: 500; white-space: nowrap; width: 138px; display: flex; align-items: center; gap: 4px;
    transition: background-color var(--anim-duration-fast) var(--anim-easing-default),
                border-color var(--anim-duration-fast) var(--anim-easing-default),
                color var(--anim-duration-fast) var(--anim-easing-default);
}
.sort_by .select-selected:before {content: ''; width: 24px; height: 24px; flex: none; background: var(--icon-sort-pop) no-repeat center / contain;
    -webkit-mask: var(--icon-sort-pop) no-repeat center / contain;
    mask: var(--icon-sort-pop) no-repeat center / contain;
    background: currentColor;
}
@media (min-width: 769px) {
    .sort_by .select-selected:hover {background: var(--color-bg); border-color: var(--color-bg); color: var(--color-text-primary);}
}
.sort_by .select-selected:after {content: none;}
.sort_by .select-selected:active {background: var(--color-accent); border-color: var(--color-accent); color: #fff;}
.sort_by .select-items {width: 205px;}


/******/

/*.catalog-filter-sub__buttons {gap: 12px; display: flex;}*/
/*.catalog-filter-sub__tags {gap: 12px; display: flex; flex-wrap: wrap;}*/
/*.catalog-filter__tags {gap: 8px; flex-wrap: wrap; display: none;}*/

/*.smart-filter .btn_filter ~ .select-items {width: 205px;}*/

/*
.smart-filter-tag {padding: 8px 12px; border-radius: var(--radius-default); background: var(--color-stroke-divider); font-size: 14px; font-weight: 500;
    display: flex; align-items: center; gap: 4px; white-space: nowrap;
}
.smart-filter-tag__close {cursor: pointer;}

.catalog-filter__tags .smart-filter-tag {height: 28px; padding: 4px 8px;}
.catalog-filter__tags .smart-filter-tag:not(.smart-filter-tag_clear) {background: var(--color-accent); color: #fff;}
.catalog-filter__tags .smart-filter-tag__close .icon--tag-close {width: 16px; height: 16px;}
.catalog-filter__tags .smart-filter-tag:not(.smart-filter-tag_clear) .smart-filter-tag__close .icon--tag-close {background-image: var(--icon-tag-close-mob);}
*/
/*
.smart-filter__currency-wrapper {display: flex; gap: 8px; margin-bottom: 16px;}
.smart-filter__sum-wrapper {display: flex; gap: 12px;}
.smart-filter__sum {position: relative;}
.smart-filter__sum:before {content: ''; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); font-size: 12px; color: var(--color-text-secondary);}
.smart-filter__sum_from:before {content: 'от';}
.smart-filter__sum_to:before {content: 'до';}
*/
.button-check__wrapper {position: relative;}
.button-check__input {-webkit-appearance: none; position: absolute; left: 0; top: 0;}

.smart-filter__cur-btn {background: transparent; border: 1px solid var(--color-stroke-divider); width: 43px; height: 28px; padding: 2px 16px; font-size: 16px;
    border-radius: var(--radius-default); max-width: 100%; position: relative; cursor: pointer; user-select: none; text-align: center; text-decoration: none;
    display: flex; align-items: center; justify-content: center;
}
input:checked + .smart-filter__cur-btn,
.smart-filter__cur-btn:active {background: var(--color-accent); border: 1px solid var(--color-accent); color: #fff;}

.section_sort {margin-bottom: 32px;}





@media (max-width: 1439px) {
    .smart-filter .row {flex-wrap: wrap;}
    .smart-filter .smart-filter-parameters-box.bx-active {min-width: 200px;}
    .smart-filter .smart-filter-parameters-box.bx-active:nth-child(1) {width: 100%; flex: auto;}
    .smart-filter .smart-filter-parameters-box.bx-active:nth-child(1) .select-selected {border-radius: var(--radius-default); border-left-width: 1px;}
    .smart-filter .smart-filter-parameters-box.bx-active:nth-child(2) .select-selected {border-radius: var(--radius-default) 0 0 var(--radius-default); border-left-width: 1px;}

    .select-items {box-shadow: 0 4px 16px rgba(0 0 0 / .15);}
    .smart-filter-block .slider_container {box-shadow: 0 4px 16px rgba(0 0 0 / .15);}
}

@media (max-width: 1349px) {
    .smart-filter .smart-filter-parameters-box.bx-active:nth-child(2) {width: 100%; flex: auto;}
    .smart-filter .smart-filter-parameters-box.bx-active:nth-child(2) .select-selected {border-radius: var(--radius-default);}
    .smart-filter .smart-filter-parameters-box.bx-active:nth-child(3) .select-selected {border-radius: var(--radius-default) 0 0 var(--radius-default); border-left-width: 1px;}
}

@media (max-width: 1149px) {
    .smart-filter .smart-filter-parameters-box.bx-active:nth-child(3) {width: 100%; flex: auto;}
    .smart-filter .smart-filter-parameters-box.bx-active:nth-child(3) .select-selected {border-radius: var(--radius-default);}
    .smart-filter .smart-filter-parameters-box.bx-active:nth-child(4) .select-selected {border-radius: var(--radius-default) 0 0 var(--radius-default); border-left-width: 1px;}
}

@media (max-width: 899px) {
    .smart-filter .smart-filter-parameters-box.bx-active:nth-child(4) {width: 100%; flex: auto;}
    .smart-filter .smart-filter-parameters-box.bx-active:nth-child(4) .select-selected {border-radius: var(--radius-default);}
    .smart-filter .smart-filter-parameters-box.bx-active:nth-child(5) .select-selected {border-radius: var(--radius-default) 0 0 var(--radius-default); border-left-width: 1px;}
}


@media (max-width: 768px) {
    /*.smart-filter {flex-wrap: nowrap; align-items: flex-start; gap: 8px;}*/

    /*.catalog-filter__mob-wrapper {flex-direction: column; gap: 24px; background: #fff; border-radius: var(--radius-default); padding: 20px 20px 32px;
        position: fixed; left: 0; bottom: 0; width: 100vw; display: none; overflow-y: auto; z-index: var(--z-dropdown); box-shadow: 0 -4px 16px rgba(0 0 0 / .15);
    }
    .catalog-filter__mob-wrapper.active {display: flex;}*/

    .smart-filter .row {gap: 12px;}

    .smart-filter-parameters-box.bx-active[data-code="BRANDS"].bx-active,
    .smart-filter .select-selected { height: 56px;}

    .smart-filter .smart-filter-parameters-box.bx-active:nth-child(n) {width: 100%; flex: auto;}
    .smart-filter .smart-filter-parameters-box.bx-active:nth-child(n) .select-selected {border-radius: var(--radius-default); border-left-width: 1px;}

    .smart-filter .smart-filter-parameters-box.bx-active[data-code="SHOW"] {width: auto;}

    .catalog-filter .smart-filter-parameters-box.bx-active:nth-child(n) .select-selected {border-width: 0 0 1px 0; border-radius: 0;}
    .catalog-filter .smart-filter-parameters-box.bx-active {flex: auto; width: 100%;}
    .catalog-filter .select-selected {font-weight: 700;}
    .catalog-filter .smart-filter-parameters-box.bx-active.bx-active:first-child .select-selected {border-radius: var(--radius-default) var(--radius-default) 0 0; border-left-width: 0;}
    .catalog-filter .smart-filter-parameters-box.bx-active:last-child .select-selected {border-radius: 0 0 var(--radius-default) var(--radius-default); border: 0;}

    .smart-filter-block .slider_container {width: 100%;}

    .smart-filter .select-item {font-size: 16px;}
    .sort_by .select-item {font-size: 16px;}

    /*.catalog-filter-sub__buttons {gap: 8px;}

    .btn_filter {width: 40px; height: 36px; padding: 6px 7px; gap: 10px;}
    .btn_filter-text {display: none;}

    .catalog-filter-sub__tags {flex-wrap: nowrap; overflow-x: auto;}
    .catalog-filter-sub__tags::-webkit-scrollbar {display: none;}

    .catalog-filter__title {display: block;}
    .catalog-filter__close {display: block;}
    .catalog-filter__button {display: flex; flex: none; font-weight: 700;}
    .catalog-filter__tags {display: flex;}
    .catalog-filter__tags:not(:has(*)) {display: none;}
    */

    /*
    .smart-filter-block .slider_container,
    .smart-filter .select-items {position: fixed; top: auto; left: 0; bottom: 0; width: 100%; max-height: 100%; overflow-y: auto; padding: 24px 20px 32px; background: #fff; border: 0;
        box-shadow: 0 -4px 16px rgba(0 0 0 / .15); border-radius: var(--radius-default) var(--radius-default) 0 0; z-index: var(--z-dropdown);
    }
    .smart-filter-block .slider_container:before,
    .smart-filter .select-items:before {content: ''; width: 40px; height: 3px; border-radius: 3px; background: var(--color-stroke-divider);
        position: absolute; top: 8px; left: 50%; transform: translateX(-50%);
    }
    .smart-filter .btn_filter ~ .select-items {width: 100%;}
    .smart-filter .btn_popular ~ .select-items .select-items__button {display: none;}
    .smart-filter .select-items__title {display: block; font-size: 20px; font-weight: 700; margin-bottom: 24px;}
    .smart-filter .select-items__button {display: flex; margin-top: 24px; width: 100%;}
    .smart-filter .select-item {font-size: 16px; font-weight: 700; color: var(--color-text-primary); padding: 0; margin-top: 12px;}
    */


    /*.smart-filter__cur-btn {width: 59px; height: 40px; font-weight: 700;}*/

    .smart-filter .smart-filter-parameters-box.bx-active .slider_container input[type=text] {font-weight: 700; color: var(--color-text-primary); /*background-color: #fff;*/}

    .catalog-filter .smart-filter-parameters-box.bx-active.active .select-backdrop {
        width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0 0 0 / 0.3); z-index: 1;
    }

    .catalog_sort_section {margin-bottom: 24px;}
}

.smart-filter-parameters-box.bx-active[data-code="SHOW"].bx-active { display: none; }

.smart-filter-parameters-box.bx-active[data-code="TYPE"].bx-active { min-width: 210px !important; }

.select-items { padding: 12px 0; }

.smart-filter-block .slider_container > :last-child {
    margin-right: -12px; /* Если flex-direction: row (по умолчанию) */
}

@media (max-width: 768px) {
	.smart-filter-parameters-box.bx-active:not([data-code="SHOW"]) { display: none; }
	.smart-filter-parameters-box.bx-active[data-code="SHOW"].bx-active { display: block; }
	.smart-filter-parameters-box.bx-active[data-show="true"] { 
		display: flex;
	}
}