

/* Start:/local/templates/theme/components/bitrix/catalog/catalog_theme/style.css?17703802446377*/
.catalog-category__wrapper {
	position: relative;
	
	display: flex;
	align-items: stretch;
	gap: var(--Gap-20);
}

.catalog-catagory__sidebar {
	position: relative;
	/* width: clamp(220px, 7.391vw + 146.087px, 288px); */
	width: 288px;
	height: auto;

	& .catalog-catagory__sidebar-content__wrapper {
		position: sticky;
		top: var(--Sticky);
		width: 100%;
		height: fit-content;
		z-index: 20;
	}

	& .catalog-catagory__sidebar-content {
		position: relative;
		width: 100%;
		height: fit-content;
		display: flex;
		flex-direction: column;
		gap: 20px;

		max-height: calc(100vh - var(--Sticky) - 20px);
		overflow: hidden;
		overflow-y: auto;
	}
}

.catalog-section-products-sorts {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	gap: 10px;

	margin-bottom: 20px;
}
.catalog-section-products-sorts__views {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;

	& input[type="radio"] {
		display: none;
	}

	& label {
		position: relative;
		width: 0%;
		min-width: 44px;
		height: 44px;
		border-radius: 10px;
		border: solid 1px #ffffff00;
		background: none;

		transition: var(--transition);

		display: flex;
		align-items: center;
		justify-content: center;

		cursor: pointer;

		& svg {
			position: relative;
			width: 16px;
			height: 16px;

			& path {
				stroke: var(--text-primary-main);
				transition: var(--transition);
			}
		}

		&:hover {
			border-color: var(--colors-main) !important;
			background: var(--colors-main);

			& svg {
				& path {
					stroke: var(--text-primary-head);
				}
			}
		}
	}

	& input[type="radio"]:checked + label {
		border-color: var(--bg-primary-stroke);

		& svg {
			& path {
				stroke: var(--text-primary-head);
			}
		}
	}
}

.catalog-section-products-sorts__statuses {
	position: relative;
	margin-right: auto;

	display: flex;
	align-items: center;

	gap: 10px;
}

.catalog-section-products-sorts__statuses-select {
	position: relative;
	width: fit-content;
	height: fit-content;

	& select {
		position: relative;
		width: clamp(260px, 4.348vw + 216.522px, 300px);
		height: fit-content;

		padding: 14px 15px;
		padding-right: 30px;
		border: solid 1px var(--bg-primary-stroke);
		border-radius: 10px;
		outline: none;

		color: var(--text-primary-main);
		font-weight: 600;
		font-size: clamp(12px, 0.065vw + 11.757px, 13px);
		line-height: 120%;

		cursor: pointer;

		-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
	}

	&::after {
		content: '';
		position: absolute;
		display: block;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);

		width: 12px;
		height: 12px;

		background-image: url(/local/templates/theme/components/bitrix/catalog/catalog_theme/./imgs/arrow.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}

	&.first {
		& select {
			padding-left: 32px;
		}

		&::before {
			content: '';
			position: absolute;
			display: block;
			top: 50%;
			left: 15px;
			transform: translateY(-50%);

			width: 12px;
			height: 12px;

			z-index: 5;

			background-image: url(/local/templates/theme/components/bitrix/catalog/catalog_theme/./imgs/filter.svg);
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
		}
	}
}

.catalog-category__content {
	position: relative;
	width: 0%;
	flex-grow: 1;
}

.catalog-section-products-sorts__filters {
	position: relative;

	width: fit-content;
	flex-grow: 1;

	padding: 16px;

	background: var(--bg-primary-main);
	border: solid 1px var(--bg-primary-stroke);
	border-radius: 10px;

	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;

	color: var(--text-primary-main);
	font-weight: 600;
	font-size: 12px;
	line-height: 100%;

	& svg {
		position: relative;
		width: 12px;
		height: 12px;

		& path {
			stroke: var(--text-primary-main);
		}
	}
}

.catalog-catagory__sidebar-head {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;

	margin-bottom: 20px;
}
.catalog-catagory__sidebar-head__title {
	position: relative;
	width: fit-content;

	color: var(--text-primary-head);
	font-weight: 700;
	font-size: 20px;
	line-height: 120%;
}

.catalog-catagory__sidebar-head__close {
	position: relative;
	width: 0%;
	min-width: 44px;
	height: 44px;
	border: solid 1px var(--bg-primary-stroke);
	border-radius: 10px;
	background: var(--bg-primary-main);

	display: flex;
	align-items: center;
	justify-content: center;

	& svg {
		position: relative;
		width: 24px;
		height: 24px;

		& path {
			stroke: var(--text-primary-second);
		}
	}
}

@media(min-width: 1001px) {
	.catalog-section-products-sorts__filters {
		display: none;
	}
	.catalog-catagory__sidebar-head {
		display: none;
	}
}


@media(max-width: 1000px) {
	.catalog-category__wrapper {
		flex-direction: column;
	}

	.catalog-catagory__sidebar,
	.catalog-category__content {
		width: 100%;
	}

	.catalog-catagory__sidebar {
		& .mega-menu.catalog {
			display: none;
		}
	}


	.catalog-section-products-sorts {
		flex-direction: column;
		gap: 20px;
	}
	.catalog-section-products-sorts__statuses {
		width: 100%;
		max-width: 100%;
	}
	.catalog-section-products-sorts__statuses-select {
		width: 0%;
		flex-grow: 1;

		& select {
			width: 100%;
		}
	}

	.catalog-section-products-sorts__views {
		width: 100%;
	}


	.catalog-catagory__sidebar {
		position: fixed;
		top: 0px;
		left: 0px;

		padding: 20px 15px;

		background: var(--bg-primary-main);

		width: 100%;
		height: 100%;
		max-height: 100%;

		z-index: 200;

		transition: var(--transition);

		&:not(.open) {
			transform: translateX(-100%);
		}

		& .mega-menu.catalog,
		& .mega-menu.catalog-content {
			display: none !important;
		}

		& .catalog-catagory__sidebar-content__wrapper {
			max-height: 100%;
			overflow: hidden;
			top: 0px;
		}

		& .catalog-filter--wrapper .catalog-filter.bx-filter {
			& .bx-filter-section {
				padding: 0px;
				border: none;
			}

			& .catalog-filter--params {
				gap: 0px;
			}

			& .bx-filter-parameters-box {
				padding: 20px 0px;

				border-bottom: dashed 1px var(--bg-primary-stroke);
			}
		}

		& .catalog-filter--wrapper .catalog-filter.bx-filter {
			& .bx-ui-slider-range {
				& .bx-ui-slider-handle {
					width: 24px;
					height: 24px;
				}
			}
		}
	}
}

@media(max-width: 340px) {
	.catalog-section-products-sorts__statuses {
		flex-direction: column;
	}

	.catalog-section-products-sorts__statuses-select {
		width: 100%;
	}
}
/* End */


/* Start:/local/components/bitrix/catalog.search/templates/.default/style.css?1770380248163*/
a.search-page-params {
	border-bottom: 1px dashed blue;
	text-decoration: none;
}
div.search-page-params {
	margin-top: 6px;
}
.search-item-rate {font-size: 11px;}
/* End */
/* /local/templates/theme/components/bitrix/catalog/catalog_theme/style.css?17703802446377 */
/* /local/components/bitrix/catalog.search/templates/.default/style.css?1770380248163 */
