@charset "UTF-8";
@media only screen and (max-width: 767px) {
		.page-catalog-links {
				background: var(--input-bg);
		}
		.page-catalog-links .breadcrumbs {
				display: none;
		}
		.page-catalog-links .main-title {
				margin-bottom: 26px;
				padding-top: 30px;
				padding-bottom: 20px;
				position: relative;
		}
		.page-catalog-links .main-title:after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				height: 0.5px;
				background: var(--sec-dark);
				margin: 0 15px 0 35px;
		}
		.page-catalog-links .main-title .container {
				padding-right: 15px;
				padding-left: 35px;
		}
		.page-catalog-links .main-title h1, .page-catalog-links .main-title .h1 {
				font-weight: bold;
				font-size: 24px;
				line-height: 24px;
				color: var(--grey700);
		}
		.page-catalog-links .recent {
				display: none;
		}
}
.catalog-page-menu {
		margin: 0 -17px;
}
.catalog-page-menu .head {
		position: relative;
		text-decoration: none;
		font: 600 17px/20px var(--fontg);
		letter-spacing: -0.015em;
		color: var(--grey700);
		transition-property: color, background, border;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		display: block;
}
.catalog-page-menu .head svg {
		width: 36px;
		height: 36px;
		position: absolute;
		margin: -18px;
		top: 50%;
		left: 48px;
		fill: var(--grey700);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.catalog-page-menu .head svg + svg {
		display: none;
}
.catalog-page-menu .head .num {
		font-size: 14px;
		color: var(--grey500);
		margin: 2px 0 0 0;
		display: none;
}
.catalog-page-menu .links {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		font: 500 14px/18px var(--fontg);
		letter-spacing: -0.01em;
}
.catalog-page-menu:not(.open) .folded {
		display: none;
}
.catalog-page-menu .links > * {
		position: relative;
		padding: 5px 10px 5px 33px;
		margin: 0 -10px 0 0;
		text-decoration: none;
		color: var(--grey600);
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.catalog-page-menu .links > *:before {
		content: '—';
		position: absolute;
		top: 5px;
		left: 0;
		color: var(--grey400);
}
@media (pointer:fine) {
		.catalog-page-menu .links > a:hover {
				color: var(--blue);
		}
}
.catalog-side-menu {
		background: var(--input-bg);
		border-radius: 16px;
		padding: 15px;
		float: left;
		display: none;
}
.catalog-side-menu .bg {
		background: var(--white);
		box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 10px 16px rgba(20, 37, 63, 0.1);
		border-radius: 12px;
		padding: 25px 15px;
}
.catalog-side-menu-link {
		display: flex;
		align-items: center;
		position: relative;
		text-decoration: none;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		font-weight: normal;
		font-size: 15px;
		line-height: 20px;
		letter-spacing: -0.02em;
		padding: 10px 10px 10px 37px;
		color: var(--grey800);
		gap: 8px;
}
@media (pointer:fine) {
		.catalog-side-menu-link:hover {
				color: var(--blue);
		}
}
.catalog-side-menu-link:before {
		content: '—';
		font-weight: 100;
		font-size: 12px;
		position: absolute;
		top: 10px;
		left: 10px;
		color: var(--grey600);
}
.catalog-side-menu-link .num {
		flex: 0 0 auto;
		margin-left: auto;
		font-weight: 300;
		font-size: 14px;
		color: var(--grey500);
}
.page-catalog-links-container:after {
		content: ' ';
		clear: both;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		font-size: 0;
}
@media only screen and (max-width: 767px) {
		.catalog-page-menu .col {
				border-style: solid;
				border-width: 0 0 0 3px;
				border-color: transparent;
				transition-property: height, background, border, padding, margin;
				transition-duration: 0.2s;
				transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
				overflow: hidden;
				--height0: 52px;
				--height1: 400px;
				height: var(--height0);
		}
		@media (pointer:fine) {
				.catalog-page-menu .col:hover {
						background-color: var(--white);
						border-color: var(--yellow);
				}
		}
		.catalog-page-menu .col.open-mob {
				background-color: var(--white);
				border-color: var(--yellow);
				height: calc(var(--height1) + 20px);
				margin-top: 10px;
				margin-bottom: 10px;
		}
		.catalog-page-menu .col.open-mob .head {
				color: var(--blue);
		}
		.catalog-page-menu .col.open-mob .head:before, .catalog-page-menu .col.open-mob .head:after {
				transform: rotate(-180deg);
		}
		.catalog-page-menu .col.open-mob .head:before {
				opacity: 1;
		}
		.catalog-page-menu .col.open-mob .head:after {
				opacity: 0;
		}
		.catalog-page-menu .head {
				padding: 16px 40px 16px 91px;
		}
		.catalog-page-menu .head:before, .catalog-page-menu .head:after {
				content: '';
				position: absolute;
				top: 50%;
				right: 20px;
				width: 12px;
				height: 8px;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: contain;
				backface-visibility: hidden;
				transition-property: transform, opacity;
				transition-duration: 0.2s;
				transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
				margin: -4px 0;
				transform: rotate(0deg);
		}
		.catalog-page-menu .head:before {
				background-image: url("../img/icons/chevron-down-blue.svg");
				opacity: 0;
		}
		.catalog-page-menu .head:after {
				background-image: url("../img/icons/chevron-down-grey600.svg");
		}
		.catalog-page-menu .show-more {
				display: none !important;
		}
		.catalog-page-menu .folded {
				display: block !important;
				height: auto !important;
		}
		.catalog-page-menu .links {
				padding-left: 91px;
				padding-right: 15px;
		}
		.catalog-page-menu .links > * {
				padding-left: 27px;
		}
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {
		.catalog-page-menu {
				margin: 75px 0 0 0;
				display: grid;
				gap: 98px 13px;
				grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
		}
		.catalog-page-menu.inner {
				gap: 20px 13px;
		}
		.catalog-page-menu .head {
				font-size: 18px;
				line-height: 25px;
				text-align: center;
				letter-spacing: -0.01em;
				color: var(--grey800);
				transition-property: color;
				padding: 20px 0;
		}
		.catalog-page-menu .head:before {
				content: '';
				position: absolute;
				top: 128px;
				left: 50%;
				width: 25px;
				height: 1.67px;
				transform: translate3d(-50%, 0, 0);
				background: var(--grey400);
				transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		@media (pointer:fine) {
				.catalog-page-menu a.head:hover {
						color: var(--hover);
						background-color: transparent;
				}
				.catalog-page-menu a.head:hover svg {
						fill: var(--hover);
				}
				.catalog-page-menu a.head:hover:before {
						background: var(--yellow);
				}
		}
		.catalog-page-menu .head svg {
				position: static;
				height: 76px;
				width: auto;
				margin: 0 auto 53px auto;
				fill: var(--grey800);
		}
		.catalog-page-menu .more .head svg {
				fill: var(--grey400);
		}
		.catalog-page-menu .head svg + svg {
				display: block;
		}
		.catalog-page-menu .head svg:first-child {
				display: none;
		}
		.catalog-page-menu .head .num {
				display: block;
		}
		.catalog-page-menu .links {
				font-weight: 500;
				font-size: 16px;
				line-height: 20px;
				padding: 0 10px;
		}
		.catalog-page-menu:not(.open) .folded {
				display: none;
		}
		.catalog-page-menu .links > * {
				padding-left: 33px;
		}
		.catalog-page-menu .show-more {
				vertical-align: top;
				padding: 5px 10px;
				margin: 11px -10px 0 33px;
				font: 500 14px/20px var(--fontg);
				letter-spacing: -0.01em;
				color: var(--blue);
				transition-property: color, opacity;
				transition-duration: 0.2s;
				transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
				cursor: pointer;
				user-select: none;
				display: inline-block;
		}
		.catalog-page-menu .col:not(.open) .show-more .for-close, .catalog-page-menu .col.open .show-more .for-open {
				display: none;
		}
		@media (pointer:fine) {
				.catalog-page-menu .show-more:hover {
						color: var(--hover);
				}
		}
}
/*tablet end*/
/*tablet-big start*/
@media only screen and (min-width: 1024px) {
		.catalog-side-menu {
				display: block;
				float: left;
				position: sticky;
				top: 110px;
				width: 365px;
				margin: -5px 0 0 0;
		}
		.catalog-side-menu ~ .catalog-page-menu {
				margin-left: 390px;
				margin-top: -15px;
		}
}
/*tablet-big end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {
		.catalog-side-menu {
				top: 120px;
		}
}