

/* Start:/local/templates/main/components/bitrix/catalog/template/bitrix/catalog.smart.filter/vertical/style.css?17900806526085*/
.bx-ui-slider-handle {
	position: absolute;
	z-index: 2;
	top: -4px;
	background: var(--color-red, #FE3D3D);
	border-radius: 50%;
	width: 10px;
	height: 10px;
	cursor: pointer;
}
.bx-ui-slider-range {
	position: absolute;
	height: 2px;
	z-index: 1;
	display: block;
	background: var(--color-red, #FE3D3D);
	border-radius: 3px;
	margin-right: 20px;
}


.d-grid {
    display: grid;
    grid-template-columns: minmax(330px, 1fr) repeat(4, minmax(0, 1fr));
    /* grid-template-columns: repeat(5, minmax(0, 1fr)); */
    /* column-gap: 0; */
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.d-grid > .row__blocks {
    grid-column: span 4;
    /* margin-left: auto; */
    /* margin-right: auto; */
    margin-right: 0;
	margin-left: 0;
}
.d-grid > .bx-filter { min-width: initial }

.bx-filter .hidden {
    display: none !important;
    visibility: hidden !important;
}
.bx-filter .filter__checkboxes {
    display: flex;
	flex-direction: column;
}
.bx-filter .filter__checkbox { display: inline-flex; }
.bx-filter .filter__checkbox input { display: initial }
.bx-filter .filter__checkbox.disabled { color: var(--color-gray) }
.bx-filter .filter__checkbox.disabled:not(.bx-active) .filter__checkbox_label { pointer-events: none }
.bx-filter .filter__checkbox .filter__checkbox_label {
    display: flex;
    align-items: center;
}
.bx-filter .element_count {
    color: var(--color-gray, #999999);
}
.bx-filter .seourl {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    margin: 0;
}
.bx-filter .filter__checkbox.bx-active .seourl { font-weight: bold }
.bx-filter .showmore-filter-vars {
    color: var(--default-color);
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    text-decoration-line: underline;
    margin-bottom: 12px;
}
.bx-filter .showmore-filter-vars { order: 999 }
.bx-filter .filter__block.filter__price .smart-filter-popup-result { top: 10px }
.catalog .row__blocks  { margin: 0 }
.catalog .row__blocks .desc_text { margin: 0 15px }

.d-grid.filter-hide {
    display: block;
}
.d-grid.filter-hide > [id^="comp_"]:not(.row__blocks),
.d-grid.filter-hide .bx-filter {
    display: none;
}

@media screen and (max-width: 1820px) {
	/* .d-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) } */
	/* .d-grid > .row__blocks { grid-column: span 3 } */
	.catalog .row__blocks .card { width: calc(33% - 30px) }
}
@media screen and (max-width: 1380px) {
	.catalog .row__blocks .card { width: calc(50% - 30px) }
}
@media screen and (max-width: 991px) {
	.catalog .row__blocks .card { width: 100% }
}
@media screen and (min-width: 768px) and (max-width: 1820px) {
	.bx-filter { padding-left: 16px }
}
@media screen and (min-width: 768px) {
	.sections__button.sections__filter-button,
	.bx-filter .filter__top,
	.bx-filter #set_filter { display: none }
	.bx-filter { width: 330px }
	.bx-filter .filter__popup {
		background: initial;
		position: static;
		padding: 0;
	}
	.bx-filter .filter__body {
		overflow: auto !important;
		padding: 0 !important;
		margin-bottom: 0;
		position: relative;
	}
	.bx-filter .btn.filter__button-clear { margin-top: 0 }
}
@media screen and (max-width: 767px) {
	.sections__head > .justify-content-end { justify-content: space-between }
	.sections__head .sections__sort  { width: auto }
	.d-grid { grid-template-columns: 1fr }
	.catalog .row__blocks .card { width: calc(50% - 30px) }
	.catalog .row__blocks .desc_text { margin: 0 auto }
	.bx-filter .filter__body { padding-right: 20px !important }
	.bx-filter .filter__block-container-modef { display: none }
}
@media screen and (max-width: 400px) {
	.catalog .row__blocks .card { width: 100% }
}


/*
* 	Result Popup
*
*/

.smart-filter-popup-result {
	position: absolute;
	z-index: 915;
	display: none;
	margin-top: -9px;
	margin-left: 10px;
	padding: 0 10px;
	min-height: 37px;
	border: 1px solid #c6dce7;
	color: #3f3f3f;
	white-space: nowrap;
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
}

.smart-filter-popup-result.left {
	border-width: 2px 10px 2px 2px;
	-webkit-border-image: url(/local/templates/main/components/bitrix/catalog/template/bitrix/catalog.smart.filter/vertical/images/result_popup_left.png) 4 20 4 4 repeat;
	-moz-border-image: url(/local/templates/main/components/bitrix/catalog/template/bitrix/catalog.smart.filter/vertical/images/result_popup_left.png) 4 20 4 4 repeat;
	-o-border-image: url(/local/templates/main/components/bitrix/catalog/template/bitrix/catalog.smart.filter/vertical/images/result_popup_left.png) 4 20 4 4 repeat;
	border-image: url(/local/templates/main/components/bitrix/catalog/template/bitrix/catalog.smart.filter/vertical/images/result_popup_left.png) 4 20 4 4 fill repeat;
}

.smart-filter-popup-result.right {
	border-width: 2px 2px 2px 10px;
	-webkit-border-image: url(/local/templates/main/components/bitrix/catalog/template/bitrix/catalog.smart.filter/vertical/images/result_popup_right.png) 4 4 4 20 repeat;
	-moz-border-image: url(/local/templates/main/components/bitrix/catalog/template/bitrix/catalog.smart.filter/vertical/images/result_popup_right.png) 4 4 4 20 repeat;
	-o-border-image: url(/local/templates/main/components/bitrix/catalog/template/bitrix/catalog.smart.filter/vertical/images/result_popup_right.png) 4 4 4 20 repeat;
	border-image: url(/local/templates/main/components/bitrix/catalog/template/bitrix/catalog.smart.filter/vertical/images/result_popup_right.png) 4 4 4 20 fill repeat;
}

.smart-filter-popup-result.right {
	left: 97%;
	transform: translateX(-100%);
}

.smart-filter-popup-result.left { right: 103%; }

.smart-filter-horizontal .smart-filter-popup-result {
	position: relative;
	right: auto;
	bottom: -7px;
	left: auto;
	display: inline-block;
}

.smart-filter-popup-result a {
	color: #0073a3;
	line-height: 10px;
}

.smart-filter-popup-result a:hover { text-decoration: none; }

.smart-filter-popup-result-close { display: none; }

.filter__checkboxes.need-scroll.scroll-wrapper {
    /* height: 205px; */
	height: calc(36px * var(--prop-var-count) + 35px);
}

@media (max-width: 767px) {
	.bx-touch .smart-filter-popup-result {
		position: fixed !important;
		top: auto !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		z-index: 1001;
		margin-top: 0;
		margin-left: 0;
		padding: 10px;
		width: auto;
		height: auto;
		border: 1px solid #c6dae7;
		border-radius: 2px;
		background: rgba(255, 255, 255, .9);
		font-size: 12px;
		line-height: 14px;
	}

	.bx-touch .smart-filter-popup-result br { display: none; }

	.smart-filter-popup-result .arrow { display: none; }
}
/* End */
/* /local/templates/main/components/bitrix/catalog/template/bitrix/catalog.smart.filter/vertical/style.css?17900806526085 */
