

/* Start:/local/templates/main/components/bitrix/catalog/.default/style.css?17661836981504*/
.sort-item .desc-show,
.sort-item .asc-show {
	display: none;
}
.sort-item.active.asc .desc-show,
.sort-item.active.desc .asc-show {
	display: inline;
}
.sorting-block {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}
.sorting-block a {
	color: #000;
	margin: 0 3px;
	border-bottom: 1px solid transparent;
}
.sorting-block a.active {
	color: var(--main-color);
	border-color: var(--main-color);
}
.sidebar-style {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.sidebar-widget.filter {
	height: 100%;
}
@media(max-width: 991px) {
	.sidebar-style {
		position: fixed;
		left: 0;
		top: 0;
		background: white;
		z-index: 1001;
		width: 60%;
		margin: 0 !important;
		padding: 30px 20px;
		transform: translateX(-100%);
		transition: all 0.3s;
		max-height: 100%;
		overflow-y: auto;
	}
	.sidebar-style::-webkit-scrollbar {
	  width: 4px;
	}
	.sidebar-style::-webkit-scrollbar-track {
	  background: lightgrey;        /* цвет зоны отслеживания */
	}
	.sidebar-style::-webkit-scrollbar-thumb {
	  background-color: var(--main-color); 
	}
	.catalog-head {
		justify-content: space-between;
		align-items: center;
	}
	.sidebar-style .close {
		position: absolute;
		right: 20px;
		top: 20px;
	}
	.sidebar-style.show {
		transform: translateX(0);
		transition: all 0.3s;
	}
}
@media(max-width: 550px) {
	.sidebar-style {
		width: 100%;
	}
	.sorting-block {
		gap: inherit;
	}
}
@media (min-width: 1400px) {
	.row.full-wdth {
	    --bs-gutter-x: 4.5rem;
	}
}
/* End */


/* Start:/local/templates/main/components/bitrix/catalog.section.list/.default/style.css?1766183698742*/
.section-block-item {
	overflow: hidden;
	position: relative;
}
.section-item img {
	width: 100%;
	height: clamp(250px, 13vw, 280px);
	object-fit: cover;
	object-position: center;
	-webkit-transform: scale(1);
	 transform: scale(1);
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.section-item h3 {
	word-wrap: break-word;
}
.section-item .section-image:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media(max-width: 550px){
	.section-item img {
		height: 40vw;
	}
}
@media(max-width: 350px){
	.section-item img {
		height: 35vw;
	}
}
@media(min-width: 1400px) {
	.hm4-section-padding .row {
		--bs-gutter-x: 3.5rem;
	}
	.section-item img {
		height: clamp(250px, 18vw, 380px);
	}
}
/* End */
/* /local/templates/main/components/bitrix/catalog/.default/style.css?17661836981504 */
/* /local/templates/main/components/bitrix/catalog.section.list/.default/style.css?1766183698742 */
