@charset "UTF-8";
@import url("/assets/fonts/stylesheet.css");
:root {
	--primary: #02466f;
	--hover: #1a5885;
	--lightgrey: #F0F2F5;
	--accent: #ED8200;
	--textcolor: #1B1D1F;
	
	--font: 'Gilroy', Helvetica, Arial, sans-serif;
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	margin: 0;
	padding: 0;
}
body, html {
    height: 100%;
	scroll-behavior: smooth;
	}
body {
    font: 400 16px/20px var(--font);
    color: var(--textcolor);
	-webkit-font-smoothing: antialiased;
	min-width: 360px;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	overflow-x: hidden;
}
img {
    max-width: 100%;
	height: auto;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ol {
	margin: 20px 0;
	padding: 0 0 0 15px;
}
p {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	transition: all 0.2s ease;
}
h1 {
	font-size: 32px;
	line-height: 36px;
	font-weight: 700;
	margin-bottom: 30px;
}
h2 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 30px 0 20px;
}
.svg {
	& .icon {
		fill: var(--primary);
	}
}
button, input, select {
	-webkit-appearance: none;
	&:focus{
		outline: none;
	}
}
fieldset {
	border: none;
}
& table {
	width: 100%;
	& tr {
		& th, & td {
			padding: 7px 10px 7px 0px;
			border-bottom: 1px solid var(--lightgrey);
			text-align: left;
			&.label {
				color: #788496;
			}
			& a {
				color: #000;
				font-weight: 600;
				text-decoration: underline;
				&:hover {
					text-decoration: none;
				}
			}
		}
		& th {
			color: #788496;
			font-weight: 600;
		}
	}
}
	
.flexbox {
	display: flex;
	flex-wrap: wrap;
}
.btn {
	border: 1px solid var(--primary);
	border-radius: 4px;
	padding: 10px 14px;
	background-color: var(--primary);
	color: #fff;
	text-decoration: none;
	font: 500 16px/20px var(--font);
	cursor: pointer;
	transition: all 0.3s;
	min-height: 40px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 8px;
	&:hover, &:focus {
		background-color: var(--hover);
		border: 1px solid var(--hover);
		border-radius: 4px;
		color: #fff;
		text-decoration: none;
	}
}
.btn_outline {
	border: 2px solid var(--primary);
	border-radius: 4px;
	padding: 10px 14px;
	background-color: transparent;
	color: var(--primary);
	text-decoration: none;
	font: 600 16px/20px var(--font);
	cursor: pointer;
	transition: all 0.3s;
	min-height: 40px;
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 8px;
	&:hover, &:focus {
		background-color: var(--hover);
		border: 2px solid var(--hover);
		border-radius: 4px;
		color: #fff;
		text-decoration: none;
	}
}
.grey_btn {
	border: 1px solid var(--lightgrey);
	border-radius: 4px;
	padding: 10px 14px;
	background-color: var(--lightgrey);
	color: #2F2F2F;
	text-decoration: none;
	font: 700 16px/20px var(--font);
	cursor: pointer;
	transition: all 0.3s;
	min-height: 40px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 8px;
	&:hover, &:focus {
		background-color: #D3D8DF;
		border: 1px solid #D3D8DF;
		border-radius: 4px;
		color: #2F2F2F;
		text-decoration: none;
	}
}
.dashed-blue__link {
	color: var(--primary);
	border-bottom: 1px dashed var(--primary);
	cursor: pointer;
}
.custom-scroll {
	scrollbar-face-color: #f4f4f4;
    scrollbar-shadow-color: #cfcfcf;
    scrollbar-highlight-color: #cfcfcf;
    scrollbar-3dlight-color: #f4f4f4;
    scrollbar-darkshadow-color: #f4f4f4;
    scrollbar-track-color: #f8f8f8;
    scrollbar-arrow-color: #000;
	scrollbar-color: #D3D8DF var(--lightgrey);
    scrollbar-width: thin;
    overscroll-behavior: contain;
	&::webkit-scrollbar {
		border-radius: 2px;
	}
	&::-webkit-scrollbar-thumb {
		border-radius: 2px;
	}
}
.clearfix {
	&:after {
		content: '';
		display: block; 
		clear: both;
	}
}
.main-wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
}
/*header*/
.header {
	position: relative;
}
.header-menu__container {
	border-bottom: 1px solid #E5E5E5;
	font-size: 14px;
	font-weight: 500;
	@media (width < 1024px) {
		display: none;
	}
	& .header-menu__city-content {
		display: flex;
		justify-content: space-between;
		align-content: center;
		gap: 70px;
		& .city-link {
			display: flex;
			align-content: center;
			gap: 8px;
			margin: 17px 0 13px;
			& span {
				display: flex;
				align-content: center;
				cursor: pointer;
				&:after {
					content: '';
					background: url(../img/down.svg) no-repeat;
					width: 20px;
					height: 20px;
				}
				&:hover {
				color: #57595b;	
				}
			}
		}
		& .city-link__wrap {
			position: relative;
			& .confirm-city-block {
				display: inline-block;
				visibility: visible;
				opacity: 1;
				top: 50px;
				left: 0;
				z-index: 1;
				transition: 0.4s;
				&.close {
					display:none;
				}
				& .confirm-city-close-btn {
					width: 16px;
					height: 16px;
					position: absolute;
					top: 5px;
					right: 5px;
					cursor: pointer;
					background-image: url(../img/close.svg);
					background-repeat: no-repeat;
					background-size: contain;
					background-position: 50%;
				}
				& .confirm-city-block-inner {
					padding: 25px 30px;
					position: relative;
					background: #fff;
					&:after {
						content: "";
						top: 0;
						margin-top: -7px;
						left: 50%;
						margin-left: -7px;
						width: 12px;
						height: 12px;
						z-index: -1;
						transform: rotate(45deg);
					}
					& .link-center-block {
						margin-top: 20px;
						text-align: center;
					}
				}
			}
			& .confirm-city-block, .confirm-city-block .confirm-city-block-inner::after {
				position: absolute;
				background: #fff;
				border: 1px solid #e1e1e1;
				box-shadow: 0 0 16px -2px #cecece;
			}
		}
	}
	.header-menu__content {
		flex: 1;
		& ul {
			display: flex;
			gap: 20px;
			justify-content: space-between;
			& li {
				margin: 17px 0 13px;
				& a {
					color: #7B7B7B;
					font-size: 14px;
					font-weight: 500;
					&:hover {
						text-decoration: underline;
					}
				}
				&.active {
					& a {
						color: var(--hover);
					}
				}
			}
		}
	}
}
.header-wrapper {
	& .header-bottom {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
		& .header-logo {
			display: flex;
			gap: 30px;
			align-items: center;
			margin-right: auto;
			@media (width < 768px) {
				gap: 20px;
			}
			& .logo_header img {
				height: 46px;
				object-fit: contain;
				margin: 11px 0;
				@media (width < 768px) {
					width: 100px;
					height: 30px;
				}
			}
			& .header-official_dealer {
				display: flex;
				gap: 10px;
				align-items: center;
				@media (width < 768px) {
					flex: 0 1 0;
				}
				& .svg {
					flex: 0 0 auto;
				}
				& .header-official_dealer__slogan {
					font-size: 13px;
					font-weight: 500;
					color: #858585;
					@media (width < 768px) {
						font-size: 10px;
						line-height: 9px;
						text-align: center;
					}
				}
			}
		}
		& .header-search__container {
			flex: 1;
			& .header-search__content {
				max-width: 500px;
				margin: 0 auto;
				& .search-form {
					position: relative;
					& .header-search__value {
						width: 100%;
						height: 40px;
						padding: 0 50px 0 0;
						border: 1px solid #B9B7BC;
						border-width: 0 0 1px 0;
						opacity: 0.6;
						&:placeholder-shown {
							color: #6C6C6C;
							font-family: var(--font);
							font-size: 14px;
							line-height: 16px;
						}
						&:hover {
							opacity: 0.8;
						}
						&:focus {
							opacity: 1;
							border-color: var(--primary);
						}
					}
					& .header-search__value:hover + .header-search__btn, & .header-search__value:focus + .header-search__btn {
						opacity: 0.8;
						&:hover {
							opacity: 1;
						}
					}
					& .header-search__btn {
						width: 40px;
						height: 40px;
						position: absolute;
						right: 0;
						top: 0;
						border: none;
						background: none;
						cursor: pointer;
						opacity: 0.5;
						&:after {
							content: '';
							background: url(../img/search.svg) center center no-repeat;
							width: 21px;
							height: 21px;
							position: absolute;
							top: 10px;
							right: 2px;
						}
						&:hover {
							opacity: 1;
						}
					}
				}
			}
		}
		& .header-callback {
			text-align: center;
			& .header-phone {
				display: flex;
				align-items: center;
				gap: 4px;
				& a {
					font-size: 18px;
					font-weight: 700;
					color: var(--textcolor);
				}
			}
			& .header-call {
				display: inline-block;
				font-size: 11px;
				line-height: 13px;
				font-weight: 600;
				color: var(--primary);
				border-bottom: 1px dashed transparent;
				cursor: pointer;
				&:hover {
					border-bottom: 1px dashed var(--primary);
				}
			}
		}
		& .header-burger {
			& .icon-burger {
				display: block;
				background: url(../img/icon_burger.svg) center center no-repeat;
				width: 30px;
				height: 30px;
			}
		}
	}
	& .header-main__menu-container {
		border-top: 1px solid #E5E5E5;
		padding-top: 10px;
		padding-bottom: 10px;
		box-shadow: 0px 3.86px 44.7px 0px rgba(0, 0, 0, 0.07);
		& .header-main__menu-content {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 10px;
			@media (width < 1024px) {
				gap: 30px;
			}
			@media (width < 768px) {
				position: initial;
			}
			& .btn.header-main__menu-button {
				flex: 0 0;
				text-wrap: nowrap;
				flex-shrink: 0;
				flex-wrap: nowrap;
				& .header-main__menu-button--lines {
					background: url('/assets/img/icon_catalog_btn.svg') center center no-repeat;
					width: 20px;
					height: 20px;
				}
				&>a {
					color: #fff;	
				}
			}
			& .header-main__menu {
				& ul {
					display: flex;
					gap: 10px;
					& li {
						position: relative;
						& a {
							display: block;
							width: 100%;
							text-align: center;
							text-decoration: none;
							color: var(--textcolor);
							padding: 10px 14px 8px;
							border-radius: 4px;
							font-size: 16px;
							font-weight: 500;
						}
						& .sub-menu {
							display: block;
							visibility: hidden;
							width: 100%;
							position: absolute;
							background: #f2f3f5;
							border-radius: 0px;
							transition: opacity 0.15s,visibility 0.15s;
							transition-delay: 0.2s;
							z-index: 10;
							top: calc(100% + 10px);
							& .sub-menu__item {
								&:last-of-type {
									& > a {
										border-bottom: none;
									}
								}
								& a {
									font-size: 13px;
									text-align: left;
									border-radius: 0;
									border-bottom: 1px solid #fff;
									&:hover {
										background-color: #D3D8DF;
									}
								}
								& .sub-menu {
									width: 100%;
									position: absolute;
									visibility: hidden;
									opacity: 0;
									z-index: 10;
									transition: opacity .15s,visibility .15s;
									transition-delay: .2s;
									display: block;
									top: 0;
									left: 100%;
								}
							}
						}
						&.active {
							& a {
								background: #f2f3f5;
							}
						}
						&:hover {
							& a {
								background: #f2f3f5;
							}
							& .sub-menu {
								visibility: visible;
								opacity: 1;
								& .sub-menu__item:hover {
									& .sub-menu {
										visibility: visible;
										opacity: 1;
									}
								}
							}
						}
					}
				}
			}
			& .minicart-container {
				position: relative;
				@media (width < 768px) {
					position: absolute;
					top: 7px;
					right: 15px;
				}
				& #msMiniCart {
					& .empty {
						display: block;
						& .mc-title {
							border: 2px solid #D3D8DF;
							border-radius: 4px;
							padding: 9px 13px;
							background-color: #F4F5F6;
							color: var(--textcolor);
							text-decoration: none;
							font: 500 15px/20px var(--font);
							cursor: pointer;
							transition: all 0.3s;
							min-height: 40px;
							display: flex;
							flex-wrap: nowrap;
							align-items: center;
							width: 145px;
							gap: 8px;
							@media (width < 768px) {
								width: auto;
								border: none;
								background-color: transparent;
								padding: 9px 0px;
								gap: 4px;
							}
							&:hover, &:focus {
								background-color: #D3D8DF;
								border: 2px solid #D3D8DF;
								border-radius: 4px;
								color: var(--textcolor);
								text-decoration: none;
							}
						}
					}
					.not_empty {
						display: none;
						& .minicart-header {
							& .mc-total {
								border: 2px solid #D3D8DF;
								border-radius: 4px;
								padding: 9px 13px;
								background-color: #F4F5F6;
								color: var(--textcolor);
								text-decoration: none;
								font: 500 15px/20px var(--font);
								cursor: pointer;
								transition: all 0.3s;
								min-height: 40px;
								display: flex;
								flex-wrap: nowrap;
								align-items: center;
								width: 145px;
								gap: 8px;	
								@media (width < 768px) {
									width: auto;
									border: none;
									background-color: transparent;
									padding: 9px 0px;
									gap: 4px;
								}
								& .svg {
									flex-shrink: 0;
								}
								& .ms2_total_count {
									border-radius: 50%;
									background-color: #CA2F0D;
									color: #fff;
									display: flex;
									justify-content: center;
									align-items: center;
									min-width: 19px;
									height: 19px;
									flex-shrink: 0;
									font-size: 13px;
									font-weight: 500;
									@media (width < 768px) {
										width: 16px;
										height: 16px;
										font-size: 10px;
										margin-top: 6px;
									}
								}
							}
						}
						& .mc-prod-container {
							min-width: 300px;
							padding: 15px;
							position: absolute;
							right: 0;
							top: 0;
							background: #fff;
							border: 2px solid #D3D8DF;
							border-radius: 4px;
							z-index: 99;
							white-space: normal;
							opacity: 0;
							display:none;
							transition: all .15s;
							& .mc-hover-title {
								color: var(--textcolor);
								font-size: 14px;
								font-weight: 500;
								margin-bottom: 10px;
							}
							& .basket-block-wrapper {
								& .basket-block {
									& .goods-list {
										max-height: 500px;
										overflow-y: auto;
										& .goods-list-content {
											& .minicart-product-row {
												padding: 5px 0;
												position: relative;
												&::after, &::before {
													clear: both;
													content: " ";
													display: table;
												}
												& .mc-product-container {
													padding-bottom: 15px;
													width: 100%;
													float: left;
													& .mc-product-content {
														padding: 0 25px 0 55px;
														min-height: 1px;
														& .mc-prod-title {
															display: block;
															text-decoration: none;
															min-height: 22px;
															padding-bottom: 5px;
															font-weight: 500;
															font-size: 11px;
															line-height: 12px;
															color: var(--textcolor);
														}
														& .mc-prod-count-cost {
															display: flex;
															align-items: center;
															& .product-number-container {
																display: flex;
																& .product-number-control {
																	display: flex;
																	align-items: center;
																	justify-content: center;
																	padding: 10px 8px;
																	height: 24px;
																	background: var(--lightgrey);
																	border: 1px solid #CBD1D9;
																	transition: all 0.3s;
																	&:hover, &:focus {
																		background: #D3D8DF;
																		cursor: pointer;
																	}
																	&.product-number-less {
																		border-right: none;
																		border-radius: 5px 0px 0px 5px;
																		position: relative;
																		&::before {
																			content: "";
																			width: 12px;
																			height: 2px;
																			background: #404040;
																			border-radius: 2px;
																		}
																	}
																	&.product-number-more {
																		border-left: none;
																		border-radius: 0px 5px 5px 0px;
																		position: relative;
																		&::before {
																			content: "";
																			width: 12px;
																			height: 2px;
																			background: #404040;
																			border-radius: 2px;
																		}
																		&::after {
																			content: "";
																			height: 12px;
																			width: 2px;
																			background: #000;
																			position: absolute;
																			left: calc(50% - 1px);
																			border-radius: 2px;
																		}
																	}
																}
																& .kol-input {
																	border: 1px solid #CBD1D9;
																	border-width: 1px 0;
																	max-width: 4ch;
																	height: 24px;
																	text-align: center;
																	font-family: var(--font);
																	font-size: 13px;
																	&:focus {
																		outline: none;
																		border: 1px solid var(--primary);
																	}
																}
																& .btn {
																	padding: 0;
																	border: 0;
																	min-height: 24px;
																}
															}
														}
														& .mc-prod-cost {
															font-weight: 500;
															font-size: 16px;
															line-height: 14px;
															text-wrap: nowrap;
															& .mc-prod-cost-title {
																padding: 0 2px 0 7px;
																position: relative;
																top: -2px;
																font-size: 11px;
																color: #919191;
																text-transform: lowercase;
															}
														}
													}
												}
												& .mc-prod-photo {
													width: 45px;
													margin-left: -100%;
													float: left;
													& a {
														display: block;
														& img {
															width: 45px;
															height: 45px;
															object-fit: cover;
														}
													}
												}
												& .mc-prod-del {
													width: 16px;
													margin: 0 -3px 0 -16px;
													float: left;
													& .mc-prod-del-link {
														width: 16px;
														height: 16px;
														position: relative;
														background: none;
														border: none;
														cursor: pointer;
														outline: none;
														&::after {
															content: "";
															width: 16px;
															height: 16px;
															position: absolute;
															top: 0px;
															left: 0px;
															background: url(/assets/img/close.svg) center center no-repeat;
															background-size: contain;
														}			
													}
												}
											}
										}
									}
								}
							}
							& .mc-total-cost-content {
								padding: 5px 0;
								font-weight: 400;
								font-size: 13px;
								text-transform: lowercase;
								& .ms2_total_cost, & .rur-currency {
									color: var(--primary);
									padding: 0 0 0 3px;
									font-weight: 500;
									font-size: 20px;
								}
							}
							& .mc-order-content {
								& .mc-order-but {
									justify-content: center;
								}
							}
						}
					}
					&.full {
						& .empty {
							display: none;
						}
						.not_empty {
							display: block;
						}
					}
				}
			}
			& .header-search {
				flex-grow: 1;
				height: 40px;
				& .header-search__block {
					& form {
						position: relative;
						& .seach-input {
							width: 100%;
							height: 36px;
							padding: 0 30px 0 0;
							border: 2px solid #B9B7BC;
							border-width: 0 0 2px 0;
							opacity: 0.6;
							&:placeholder-shown {
								color: #6C6C6C;
								font-family: var(--font);
								font-size: 14px;
								line-height: 16px;
							}
							&:focus {
								opacity: 1;
								border-color: var(--primary);
							}
						}
						& .header-serach__btn {
							width: 40px;
							height: 36px;
							position: absolute;
							right: 0;
							top: 0;
							border: none;
							background: none;
							cursor: pointer;
							opacity: 0.5;
							&:after {
								content: '';
								background: url(../img/search.svg) center center no-repeat;
								width: 16px;
								height: 16px;
								background-size: 16px;
								position: absolute;
								top: 10px;
								right: 2px;
							}
							&:focus {
								opacity: 1;
							}
						}
					}
				}
			}
			& .search-overlay {
				position: fixed;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				background-color: #000;
				z-index: 5;
				opacity: 0;
				visibility: hidden;
				transition: all .3s;
				&.visible {
					opacity: 0.4;
					visibility: visible;
				}
			}
		}
	}
	& .mobile-menu {
		&.active {
			& .menu-btn {
				& .icon-menu {
					background-image: url(/assets/img/catalog_btn_close.svg);
				}
			}
		}
		& .menu-btn {
			border-radius: 8px;
			padding: 7px;
			& .icon-menu {
				background-image: url(/assets/img/catalog_btn.svg);
				width: 24px;
				height: 24px;
			}
		}
		& .menu {
			display: none;
			background-color: var(--lightgrey);
			width: 100vw;
			height: 200vh;
			position: absolute;
			z-index: 10;
			left: 0;
			top: 100%;
			& .menu-item {
				position: relative;
				padding-right: 40px;
				border-bottom: 1px solid #fff;
				&:not(.without-submenu)::after {
					content: url(/assets/img/chevron_right.svg);
					position: absolute;
					top: 13px;
					right: 12px;
					width: 20px;
					height: 20px;
					transition: transform .3s;
					transform: rotate(90deg);
				}
				&.open::after {
					transform: rotate(-90deg);
				}
				& .menu-item::after {
					display:none;
				}
				& .menu-link {
					display: block;
					padding: 15px 0 15px 15px;
					font-size: 16px;
					font-weight: 500;
					color: var(--textcolor);
				}
				& .sub-menu {
					display: none;
					width: calc(100% + 40px);
					& .sub-menu__item {
						border-top: 1px solid #fff;
						& .sub-menu__link {
							display: block;
							padding: 15px 0 15px 25px;
							font-size: 14px;
							font-weight: 400;
							color: var(--textcolor);
						}
					}
				}
			}
		}
	}
}
/*end header*/

/* breadcrumbs */
.crumbs-container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 25px 0;
	@media (width <= 1280px) {
		padding: 14px 15px;
	}
	@media (width <= 1200px) {
		max-width: 100%;
		position: relative;
	}
	& .breadcrumb {
		& li {
			display: inline-block;
			font-weight: 500;
			font-size: 12px;
			color: #788496;
			&:not(:last-child)::after {
				content: '';
				display: inline-block;
				width: 15px;
				height: 1px;
				background-color: #CBD1D9;
				margin: 3px;
			}
			& a {
				color: #788496;
				&:hover {
					text-decoration: underline;
				}
			}
		}
	}
}
/* end breadcrumbs */

/* side-menu */
.side-menu {
	&.open {
		& .side-menu__overlay, & .side-menu__close {
			opacity: 1;
			visibility: visible;
		}
		& .side-menu__wrapper {
			transform: translateX(0);
		}
	}
	& .side-menu__overlay {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: rgba(0,0,0,.4);
		z-index: 101;
		position: fixed;
		opacity: 0;
		visibility: hidden;
		transition: opacity .4s;
	}
	& .side-menu__close {
		top: 10px;
		right: 11px;
		z-index: 103;
		cursor: pointer;
		position: fixed;
		opacity: 0;
		visibility: hidden;
		transition: opacity .4s;
		& .icon-close::after {
			content: url(/assets/img/close.svg);
		}
	}
	& .side-menu__wrapper {
		position: fixed;
		top: 0;
		left: 0;
		right: 34px;
		z-index: 102;
		transform: translateX(-100%);
		overflow-y: auto;
		height: 100%;
		background-color: #fff;
		transition: transform .4s;
		width: 320px;
		& .side-menu__head {
			padding: 15px;
			& .side-menu__head-logo {
				& img {
					max-width: 100px;
					max-height: 30px;
				}
			}
		}
		& .side-menu__body {
			padding: 0 15px;
			margin-bottom: 15px;
			& .side-menu__body-box {
				& .menu-btn {
					position: relative;
					& .icon-menu {
						background-image: url(/assets/img/catalog_btn.svg);
						width: 24px;
						height: 24px;
					}
					&::after {
						content: url(/assets/img/chevron_right.svg);
						position: absolute;
						width: 20px;
						height: 20px;
						top: 13px;
						right: 12px;
						transition: transform .3s;
						filter: brightness(1000%);
						transform: rotate(90deg);
					}
					&.open::after {
						transform: rotate(-180deg);
					}
				}
				& .menu {
					display: none;
					background: var(--lightgrey);
					& .menu-item {
						position: relative;
						padding-right: 40px;
						&::before {
							content: '';
							display: block;
							position: absolute;
							width: 100%;
							border-bottom: 1px solid #fff;
							bottom: 0;
						}
						&:not(.without-submenu)::after {
							/*content: url(/assets/img/chevron_right.svg);
							position: absolute;
							top: 13px;
							right: 12px;
							width: 20px;
							height: 20px;
							transition: transform .3s;
							transform: rotate(90deg);*/
						}
						&.open::after {
							transform: rotate(-90deg);
						}
						& .menu-link {
							display: block;
							padding: 15px 0 15px 15px;
							font-size: 16px;
							font-weight: 500;
							color: var(--textcolor);
						}
						& .sub-menu {
							display: none;
							width: calc(100% + 40px);
							& .sub-menu__item {
								border-top: 1px solid #fff;
								& .sub-menu__link {
									display: block;
									padding: 10px 0 10px 25px;
									font-size: 14px;
									font-weight: 400;
									color: var(--textcolor);
								}
							}
						}
					}
				}
			}
		}
		& .side-menu__footer {
			padding: 0 0 55px;
			& .general-menu {
				margin-bottom: 15px;
				& .general-menu__item {
					& .general-menu__link {
						font-size: 16px;
						font-weight: 500;
						color: var(--textcolor);
						padding: 5px 15px;
						display: block;
					}
				}
			}
			& .side-menu__footer-caption {
				margin-bottom: 15px;
				padding: 15px 38px 15px 15px;
				background-color: var(--lightgrey);
				position: relative;
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				gap: 10px;
				&::after {
					content: url(/assets/img/chevron_right.svg);
					position: absolute;
					right: 15px;
					bottom: 14px;
					width: 20px;
					height: 20px;
				}
				& .city-link {
					color: var(--primary);
					font-weight: 600;
				}
			}
			& .side-menu__phone {
				display: block;
				color: var(--textcolor);
				font-size: 20px;
				font-weight: 700;
				line-height: 32px;
				text-align: center;
			}
			& .side-menu__call button {
				background: none;
				outline: none;
				text-align: center;
				display: block;
				font: 600 14px/14px var(--font);
				color: var(--primary);
				border: none;
				border-bottom: 1px dashed var(--primary);
				margin: 10px auto;
			}
			& .side-menu__email {
				text-align: center;
				font-size: 16px;
				line-height: 32px;
				font-weight: 600;
				& .side-menu__email-link {
					color: var(--primary);
				}
			}
		}
	}
}
/* end side-menu */

/* main */
.main {
	& .banner-gallery {
		max-width: 1200px;
		margin: 0 auto;
		margin-bottom: 95px;
		padding-top: 30px;
		& .banner-gallery__container {
			display: flex;
			box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 20px 0px;
			& .banner-gallery__menu {
				& ul.series-menu {
					height: 100%;
					display: flex;
					flex: 1;
					flex-direction: column;
					justify-content: space-between;
					background: #f2f3f5;
					border-radius: 4px 0 0 4px;
					& li {
						flex-grow: 1;
						& a {
							display: flex;
							justify-content: space-between;
							align-items: center;
							height: 100%;
							padding: 7px 14px 7px 25px;
							font-size: 16px;
							font-weight: 500;
							color: var(--textcolor);
							border-bottom: 1px solid #fff;
							& .svg {
								opacity: 1;
								display:flex;
								& .icon {
									fill: #7E7E7E;
								}
							}
						}
						&.hover, &:hover {
							& a {
								border-bottom: 1px solid var(--lightgrey);
								background-color: #fff;
								color: var(--hover);
								& .svg {
									& .icon {
										fill: var(--hover);
									}
								}
							}
						}
						&.last {
							display: none;
						}
						&.all-series {
							& a {
								border-bottom: none;
								color: #788496;
								opacity: 0.8;
								&:hover, &:focus {
									background: #D3D8DF;
								}
							}
						}
					}
				}
			}
			& .banner-gallery__content {
				@media (width > 768px) {
					width: calc(100% - 240px);
				}
				@media (width <= 768px) {
					width: 100%;
				}
				& .swiper-wrapper {
					& .banner-gallery__item {
						@media (width >= 768px) {
							display: flex;
							/*justify-content: space-between;*/
						}
						& .banner-gallery__texture {
							position: absolute;
							background-size: cover;
							z-index: -1;
							width: 100%;
							height: 100%;
							border-radius: 4px;
							@media (width >= 1024px) {
								border-radius: 0 4px 4px 0;
							}
							@media (width < 768px) {
								height: 50%;
							}
						}
						& .banner-gallery__item-image {
							display: flex;
							justify-content: center;
							align-items: center;
							/*padding: 0 40px;*/
							max-width: 465px;
							height: auto;
							flex-basis: 50%;
							& img {
								max-width: 90%;
							}
							@media (width < 768px) {
								max-width: 100%;
								padding: 20px;
								height: 380px;
								& img {
									max-height: 90%;
									object-fit: cover;
								}
							}
							@media (width < 460px) {
								height: 275px;
								& img {
									max-height: 230px;
								}
							}
						}
						& .banner-gallery__item-info {
							margin-top: 40px;
							margin-bottom: 40px;
							background: #fff;
							border: 1px solid #DADADA;
							flex-basis: 45%;
							height: min-content;
							@media (width < 768px) {
								margin: 0 0 1px 0;
								position: relative;
								width: 100%;
								height: 100%;
							}
							& .banner-gallery__item-wrap {
								display: flex;
								flex-direction: column;
								gap: 20px;
								padding: 21px;
								position: relative;
								width: 100%;
								& .banner-gallery__item-title {
									font-size: 32px;
									line-height: 38px;
									font-weight: 700;
								}
								& .banner-gallery__item-text {
									font-size: 16px;
									font-weight: 500;
									line-height: 20px;
									color: #383838;
									padding-bottom: 20px;
									position: relative;
									&:after {
										content: '';
										display: block;
										position: absolute;
										bottom: 0;
										left: 0;
										height: 1px;
										width: calc(100% + 42px);
										margin: 0 -21px;
										border-bottom: 1px solid #F0F2F5;
									}
								}
								& .banner-gallery__item-num--container {
									position: relative;
									display: grid;
									grid-auto-flow: column;
									grid-template-rows: repeat(2, 1fr);
									row-gap: 10px;
									padding-bottom: 20px;
									@media (width < 1280px) {
										display: flex;
										flex-direction: column;
										gap: 10px;
									}
									&:after {
										content: '';
										display: block;
										position: absolute;
										bottom: 0;
										left: 0;
										height: 1px;
										width: calc(100% + 42px);
										margin: 0 -21px;
										border-bottom: 1px solid #F0F2F5;
									}
									& .banner-gallery__item-num--row {
										display: block;
										font-size: 14px;
										font-weight: 500;
										position: relative;
										&:before {
											content: '';
											width: 20px;
											height: 20px;
											border-radius: 50%;
											background-color: var(--lightgrey);
											display: block;
											float: left;
											margin-right: 10px;
										}
										&:after {
											content: '';
											position: absolute;
											left: 0;
											top: 0;
											width: 20px;
											height: 20px;
											background-color: var(--primary);
											display: block;
											mask-image: url('/assets/img/marker.svg');
											-webkit-mask-image: url('/assets/img/marker.svg');
										}
									}
								}
								& .banner-gallery__item-colors--container {
									position: relative;
									padding-bottom: 10px;
									&:after {
										content: '';
										display: block;
										position: absolute;
										bottom: 0;
										left: 0;
										height: 1px;
										width: calc(100% + 42px);
										margin: 0 -20px;
										border-bottom: 1px solid #F0F2F5;
									}
									& .banner-gallery__item-colors {
										display: flex;
										gap: 8px;
										& .banner-gallery__item-colors--title {
											font-size: 13px;
											font-weight: 400;
											margin-bottom: 10px;
											flex: 0 0 32%;
										}
										& .banner-gallery__item-colors--box {
											display: flex;
											flex-wrap: wrap;
											& a {
												& img {
													width: 25px;
													margin: 0 10px 5px 0;
												}
											}
										}
									}
								}
								& .banner-gallery__item-link--container {
									& .banner-gallery__item-btn {
										justify-content: center;
									}
								}
							}
						}
					}
				}
			}
		}
		& .swiper-button-next, & .swiper-button-prev {
			content: '';
			position: absolute;
			top: calc(50% - 20px);
			display: block;
			width: 40px;
			height: 40px;
			background-color: #fff;
			background-position: center;
			background-repeat: no-repeat;
			cursor: pointer;
			border: 1px solid #F4F5F7;
			border-radius: 10px;
			background-image: url("data:image/svg+xml,%3Csvg width='5.502930' height='9.505859' viewBox='0 0 5.50293 9.50586' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M0.75 8.75L4.75 4.75L0.75 0.75' stroke='%23505255' stroke-opacity='1.000000' stroke-width='1.500000' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E%0A");
			background-size: initial;
			opacity: 0.9;
			&:hover {
				opacity: 1;
			}
			&.swiper-button-disabled {
				display: none;
			}
			@media (width >= 1024px) {
				display: none;	
			}
			@media (width < 768px) {
				top: 25%;
			}
			@media (width < 460px) {
				top: 148px;
			}
		}
		& .swiper-button-prev {
			left: 2px;
			transform: rotate(180deg);
			box-shadow: 0px -4px 10px 0px rgba(46, 16, 102, 0.25);
		}
		& .swiper-button-next {
			right: 2px;
			box-shadow: 0px 4px 10px 0px rgba(46, 16, 102, 0.25);
		}
	}
	& .triggers-content {
		max-width: 1200px;
		margin: 100px auto;
		& .triggers-content__title {
			font-size: 24px;
			font-weight: 700;
			text-transform: uppercase;
			padding: 0px 0px 30px;
		}
		& .triggers-content__container {
			display: flex;
			justify-content: space-between;
			align-items: start;
			gap: 30px;
			@media (width < 768px) {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
			}
			& .trigger-content {
				display: flex;
				gap: 10px;
				align-items: center;
				& .trigger-img {
					border: 1px solid #ECECEC;
					border-radius: 2px;
					width: 55px;
					height: 55px;
					display: flex;
					justify-content: center;
					align-items: center;
					flex: 0 0 55px;
					margin-bottom: auto;
				}
				& .trigger-text {
					@media (width >= 1024px) {
						font-size: 21px;
						line-height: 26px;
					}
					& strong {
						font-weight: 700;
						@media (width >= 768px) {
							display: block;
						}
					}
				}
			}
		}
	}
	& .series {
		& .series-title {
			display: flex;
			align-items: center;
			gap: 16px;
			flex-wrap: wrap;
			& .grey_btn {
				margin-left: auto;
			}
		}
		& .accordeon-container {
			margin-bottom: 100px;
		}
		& .series-list {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
			grid-gap: 30px;
			& .series-list__content {
				padding: 30px 25px;
				border: 1px solid #F4F5F7;
				border-radius: 5px;
				box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.08);
				transition: all 0.2s ease;
				&:hover {
					box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
				}
				& .series-list__wrap {
					height: 100%;
					display: flex;
					flex-direction: column;
					& .series-list__content-image {
						height: 170px;
						margin-bottom: 30px;
						position: relative;
						display: inline-flex;
						align-items: center;
						& img {
							position: absolute;
							max-width: 52%;
							max-height: 170px;
							object-fit: cover;
							left: 0;
							&:nth-child(2) {
								left: 16%;
							}
							&:nth-child(3) {
								left: 32%;
							}
							&:nth-child(4) {
								left: 48%;
							}
							&:nth-child(n+5) {
								display: none;
							}
						}
					}
					& .series-list__content-title {
						font-size: 20px;
						font-weight: 700;
						margin-bottom: 15px;
					}
					& .series-list__content-description {
						font-size: 13px;
						font-weight: 500;
						color: #7f7f7f;
						margin-bottom: 20px;
						@media (width < 768px) {
							font-size: 18px;
						}
					}
					& .series-list__content-price__box {
						margin-top: auto;
						& .series-list__content-price {
							margin-bottom: 20px;
							display: flex;
							flex-direction: column;
							gap: 16px;
							& .series-list__content-price__row {
								font-weight: 600;
								@media (width < 768px) {
									font-size: 18px;
								}
							}
						}
					}
					& .series-list__content-btn {
						justify-content: center;
					}
				}
			}
			&.hidden-products {
				display: none;
			}
		}
		& .btn-container {
			& .show-more__product {
				margin: 60px auto 0px;
				text-align: center;
				& .hide-text {
					display: none;
				}
			}
		}
		& .categ-box {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
			grid-gap: 30px;
			& .categ-item {
				border: 1px solid #DADADA;
				border-radius: 8px;
				padding: 40px 15px 40px 30px;
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
				gap: 10px;
				&.hidden-products {
					display: none;
				}
				& .categ-item__wrap {
					display: flex;
					flex-direction: column;
					gap: 8px;
					& .categ-item__title {
						font-size: 22px;
						font-weight: 600;
						line-height: 26px;
						word-wrap: break-word;
						color: var(--textcolor);
						&:hover {
							text-decoration: underline;
						}
					}
					& .categ-item__num {
						font-size: 20px;
						font-weight: 500;
						line-height: 26px;
						color: #7F7F7F;
						text-wrap: nowrap;
					}
					& .categ-item__link {
						margin-top: auto;
						justify-content: center;
						max-width: 130px;
					}
				}
				& .categ-item__image {
					display: flex;
					align-content: center;
					justify-content: end;
					@media(width <= 768px) {
						justify-content: center;
					}
					& img {
						width: 150px;
						height: 150px;
						object-fit: cover;
					}
				}
			}
		}
	}
	& .automation {
		margin-bottom: 100px;
		& .automation-list {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
			grid-gap: 30px;
			& .new-categ__content {
				box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
				padding: 15px 25px 25px;
				transition: all 0.2s ease;
				&:hover {
					box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
				}
				& .new-categ__wrap {
					display: flex;
					flex-direction: column;
					height: 100%;
					& .new-categ__content-image {
						& img {
							max-width: 100%;
							max-height: 150px;
						}
					}
					& .new-categ__content-title {
						padding: 15px 0 10px;
						& a {
							color: var(--textcolor);
							font-size: 19px;
							font-weight: 700;
							&:hover {
								text-decoration: underline;
							}
						}
					}
					& .new-categ__content-description {
						font-size: 14px;
						font-weight: 500;
						padding-bottom: 20px;
						@media (width < 768px) {
							font-size: 18px;
						}
					}
					& .new-categ__content-price {
						font-size: 20px;
						font-weight: 700;
						padding: 25px 0 30px;
						position: relative;
						margin-top: auto;
						&::before {
							content: '';
							display: block;
							position: absolute;
							top: 0;
							left: 0;
							height: 1px;
							width: calc(100% + 50px);
							margin: 0 -25px;
							border-bottom: 1px solid #E5E8EC;
						}
					}
					& .new-categ__content-btn {
						justify-content: center;
					}
				}
			}
		}
	}
	& .mechanisms {
		& .mechanisms-list {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
			grid-gap: 30px;
			& .new-categ__content {
				border: 1px solid #F4F5F7;
				border-radius: 5px;
				box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.08);
				transition: all 0.2s ease;
				padding: 30px;
				&:hover {
					box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
				}
				& .new-categ__wrap {
					display: flex;
					flex-direction: column;
					height: 100%;
					& .new-categ__content-image {
						& img {
							max-width: 100%;
							max-height: 105px;
						}
					}
					& .new-categ__content-title {
						padding: 15px 0 10px;
						& a {
							color: var(--textcolor);
							font-size: 19px;
							font-weight: 700;
							&:hover {
								text-decoration: underline;
							}
						}
					}
					& .new-categ__content-description {
						font-size: 14px;
						font-weight: 500;
						padding-bottom: 20px;
						@media (width < 768px) {
							font-size: 18px;
						}
					}
					& .new-categ__content-price {
						font-size: 20px;
						font-weight: 700;
						padding: 25px 0 30px;
						position: relative;
						margin-top: auto;
						&::before {
							content: '';
							display: block;
							position: absolute;
							top: 0;
							left: 0;
							height: 1px;
							width: calc(100% + 60px);
							margin: 0 -30px;
							border-bottom: 1px solid #E5E8EC;
						}
					}
					& .new-categ__content-btn {
						justify-content: center;
						max-width: 330px;
					}
				}
			}
		}
	}
& .text-content {
		margin-bottom: 100px;
		& p {
			font: 500 16px/24px var(--font);
			margin: 20px 0;
		}
		& p + ul {
			margin-top: -10px;
		}
		ul li p{
			margin:0px;
			display: contents;
		}
		& ul, & ol {
			list-style: none;
			margin: 20px 0;
			padding: 0 0 0 15px;
			font: 500 16px/24px var(--font);
			& li {
				& ul, & ol {
					margin: 0 0 10px;
				}
				&:before {
					content: '\2022';
					font-size: 16px;
					vertical-align: middle;
					line-height: 20px;
					margin: 0 10px 0 0;
				}
			}
		}
		& a:not(.btn) {
			color: var(--textcolor);
			text-decoration: underline;
			&:hover {
				text-decoration: none;
			}
		}
		& .btn {
			justify-content: center;
			width: 100%;
			@media (width >= 460px) {
				max-width: 280px;
			}
		}
		& .news__date {
			font-size: 13px;
			font-weight: 500;
			color: #7f7f7f;
			margin-bottom: 15px;
		}
	}
	& .shops {
		& .shops-box {
			border-radius: 10px;
			box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
			padding: 50px 24px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 20px;
			margin-bottom: 100px;
			@media (width < 1280px) {
				display: grid;
				gap: 30px;
				grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
				justify-items: center;
			}
			& .shops-link {
				@media (width >= 1024px) {
					& img {
						filter: grayscale(100%);
					}
					&:hover {
						& img {
							filter: unset;
						}	
					}
				}
			}
		}
	}
	& .questions {
		& .questions-wrap {
			display: flex;
			gap: 0 50px;
			flex-wrap: wrap;
			justify-content: space-between;
			margin-bottom: 100px;
			& .questions-info {
				& .questions-info__title {
					font-size: 24px;
					line-height: 28px;
					font-weight: 700;
					text-transform: uppercase;
					margin-bottom: 30px;
				}
				& .questions-info__adress, & .questions-info__time {
					font-size: 22px;
					line-height: 28px;
					font-weight: 600;
				}
				& .questions-info__link {
					margin: 15px 0 40px;
					a {
						font-size: 18px;
						font-weight: 600;
						color: var(--primary);
						&:hover {
							border-bottom: 1px dashed var(--primary);
						}
					}
				}
			}
			& .questions-call {
				& .questions-call__title {
					font-size: 24px;
					line-height: 28px;
					font-weight: 700;
					text-transform: uppercase;
					margin-bottom: 30px;
				}
				& a.questions-call__phone {
					font-size: 24px;
					line-height: 28px;
					font-weight: 600;
					color: var(--textcolor);
				}
				& .questions-call__order { 
					margin: 15px 0 40px;
					a {
						font-size: 18px;
						font-weight: 600;
						color: var(--primary);
						&:hover {
							border-bottom: 1px dashed var(--primary);
						}
				}
				}
			}
		}
	}
}
/* end main*/

/* sliders */

.slider {
	& .container:has(.title-wrap) + .slider-wrapper {
		margin-top: -30px;
	}
	& .slider-wrapper {
		position: relative;
		margin-bottom: 75px;
		& .product-slider-box {
			overflow: hidden;
			max-width: 1248px;
			margin: 0 auto;
			padding-top: 30px;
			@media (width <= 1280px) {
				max-width: 1218px;
			}
			@media (width <= 1200px) {
				max-width: calc(100% + 48px);
			}
			& .container:not(:has(.mini-series-slider)) {
				max-width: 1248px;
				@media (width <= 1280px) {
					max-width: 1218px;
					padding: 0;
				}
				@media (width <= 1200px) {
					max-width: calc(100% + 48px);
				}
			}
			& .product-slider {
				display: flex;
				& .product-item {
					position: relative;
					flex: 0 0 25%;
					padding: 24px;
					@media (width <= 768px) {
						flex: 0 0 50%;
					}
					@media (width <= 460px) {
						flex: 0 0 100%;
					}
					& .product-item__wrap {
						border-radius: 5px;
						box-shadow: 0px 2px 17px 0px rgba(47, 61, 81, 0.1), 0px 2px 4px 0px rgba(47, 61, 81, 0.1);
						padding: 28px 16px 22px;
						height: 100%;
						position: relative;
						display: flex;
						flex-direction: column;
						&:hover {
							box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
						}
						& .product-item__link {
							& .product-item__image {
								text-align: center;
								margin-bottom: 40px;
								line-height: 0;
								& img {
									max-width: 100%;
									height: 150px;
									object-fit: cover;
								}
							}
						}
						& .product-item__info-block {
							& .product-item__title {
								display: block;
								padding: 5px 0;
								font-size: 16px;
								font-weight: 600;
								text-transform: uppercase;
								color: var(--textcolor);
								&:hover {
									text-decoration: underline;
								}
							}
							& .product-item__info {
								padding-bottom: 10px;
								& .product-item__info-row {
									display: flex;
									gap: 4px;
									color: #4D4D4D;
									font-size: 14px;
								}
							}
						}
						& .product-item__price {
							font-size: 20px;
							font-weight: 700;
							line-height: 24px;
							padding: 17px 0;
							position: relative;
							display: flex;
							gap: 10px;
							align-items: baseline;
							flex-wrap: wrap;
							&::before {
								content: '';
								display: block;
								position: absolute;
								top: 0;
								left: 0;
								height: 1px;
								width: calc(100% + 32px);
								margin: 0 -16px;
								border-bottom: 1px solid #E5E8EC;
							}
							& .old-price {
								font-size: 13px;
								line-height: 16px;
								font-weight: 400;
								color: #CA2F0D;
								text-decoration: line-through;
							}
							& .product-price-no-trick {
								align-self: start;
								border-radius: 50%;
								background-color: var(--lightgrey);
								border: 1px solid #CBD1D9;
								color: var(--hover);
								display: flex;
								justify-content: center;
								align-items: center;
								width: 20px;
								height: 20px;
								flex-shrink: 0;
								font-size: 15px;
								font-weight: 600;
							}
						}
						& .product-item__num {
							& .product-item__spinner-box {
								display: flex;
								align-items: center;
								justify-content: space-between;
								gap: 10px;
								& .product-number-container {
									position: relative;
									display: flex;
								}
								& .product-cost__row {
									display: none;
								}
								& .product-number-control {
									display: flex;
									align-items: center;
									justify-content: center;
									padding: 15px 8px;
									background: var(--lightgrey);
									border: 1px solid #CBD1D9;
									transition: all 0.3s;
									&:hover, &:focus {
										background: #D3D8DF;
										cursor: pointer;
									}
									&.product-number-less {
										border-right: none;
										border-radius: 5px 0px 0px 5px;
										position: relative;
										&::before {
											content: "";
											width: 12px;
											height: 2px;
											background: #404040;
											border-radius: 2px;
										}
									}
									&.product-number-more {
										border-left: none;
										border-radius: 0px 5px 5px 0px;
										position: relative;
										&::before {
											content: "";
											width: 12px;
											height: 2px;
											background: #404040;
											border-radius: 2px;
										}
										&::after {
											content: "";
											height: 12px;
											width: 2px;
											background: #000;
											position: absolute;
											left: calc(50% - 1px);
											border-radius: 2px;
										}
									}
								}
								& .kol-input {
									border: 1px solid #CBD1D9;
									border-width: 1px 0;
									max-width: 4ch;
									height: 44px;
									text-align: center;
									font-family: var(--font);
									font-size: 16px;
									&:focus {
										outline: none;
										border: 1px solid var(--primary);
									}
								}
							}
						}
						& .product-item__badge {
							position: absolute;
							top: 0px;
							right: 0px;
							background-color: var(--lightgrey);
							border-radius: 2px;
							display: flex;
							flex-direction: column;
							justify-content: center;
							align-items: center;
							padding: 8px 5px 5px;
							font-size: 13px;
							font-weight: 600;
							color: #2F2F2F;
							& .product-badge__count {
								border-radius: 50%;
								background-color: #fff;
								color: var(--hover);
								display: flex;
								justify-content: center;
								align-items: center;
								min-width: 22px;
								width: auto;
								height: 22px;
								flex-shrink: 0;
								font-size: 12px;
								font-weight: 600;
							}
							& .product-badge__title {
								color: var(--hover);
							}
						}
						& .product-item__stickers {
							position: absolute;
							top: 24px;
							left: 0px;
							border-radius: 2px;
							display: flex;
							flex-direction: column;
							gap: 8px;
							& .popular {
								background-color: #FFA800;
								position: relative;
								&::after {
									content: '';
									position: absolute;
									left: 100%;
									top: 0;
									width: 0;
									height: 0;
									border-left: 14px solid #FFA800;
									border-top: 14px solid transparent;
									border-bottom: 14px solid transparent;
								}
							}
							& .new {
								background-color: #91C6BB;
								position: relative;
								&::after {
									content: '';
									position: absolute;
									left: 100%;
									top: 0;
									width: 0;
									height: 0;
									border-left: 14px solid #91C6BB;
									border-top: 14px solid transparent;
									border-bottom: 14px solid transparent;
								}
							}
							& .sticker-info {
								font-size: 13px;
								font-weight: 700;
								color: #fff;
								padding: 4px 0px 4px 11px;
							}
						}
					}
				}
			}
			& .series-slider {
				display: flex;
				& .series-list__content {
					position: relative;
					flex: 0 0 calc(100%/3);
					padding: 24px 14px;
					min-width: 373px;
					@media (width <= 460px) {
                        flex: 0 0 100%;
						min-width:auto;
                    }
					& .series-list__wrap {
						border: 1px solid #F4F5F7;
						border-radius: 5px;
						box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.08);
						transition: all 0.2s ease;
						height: 100%;
						position: relative;
						display: flex;
						flex-direction: column;
						padding: 30px 25px;
						&:hover {
							box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
						}
						& .series-list__content-image {
							height: 170px;
							margin-bottom: 30px;
							position: relative;
							display: inline-flex;
							align-items: center;
							& img {
								position: absolute;
								max-width: 52%;
								max-height: 170px;
								object-fit: cover;
								left: 0;
								&:nth-child(2) {
									left: 16%;
								}
								&:nth-child(3) {
									left: 32%;
								}
								&:nth-child(4) {
									left: 48%;
								}
								&:nth-child(n+5) {
									display: none;
								}
							}
						}
						& .series-list__content-title {
							font-size: 20px;
							font-weight: 700;
							margin-bottom: 15px;
						}
						& .series-list__content-description {
							font-size: 13px;
							font-weight: 500;
							color: #7f7f7f;
							margin-bottom: 20px;
							@media (width < 768px) {
								font-size: 18px;
							}
						}
						& .series-list__content-price__box {
							margin-top: auto;
							& .series-list__content-price {
								margin-bottom: 20px;
								display: flex;
								flex-direction: column;
								gap: 16px;
								& .series-list__content-price__row {
									font-weight: 600;
									@media (width < 768px) {
										font-size: 18px;
									}
								}
							}
						}
						& .series-list__content-btn {
							justify-content: center;
						}
					}
				}
			}
			& .mini-series-slider {
				display: flex;
				& .series-item {
					position: relative;
					flex: 0 0 150px;
					padding: 10px;
					& .series-item__wrap {
						border-radius: 5px;
						box-shadow: 0px 2px 17px 0px rgba(47, 61, 81, 0.1), 0px 2px 4px 0px rgba(47, 61, 81, 0.1);
						padding: 10px;
						height: 100%;
						position: relative;
						display: flex;
						align-items: center;
						&:hover {
							box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
						}
						& .series-item__link {
							width: 50px;
							flex-shrink: 0;
							margin-right: 10px;
							line-height: 0;
							& .series-item__image {
								& img {
									max-width: 100%;
									height: 50px;
									object-fit: cover;
								}
							}
						}
						& .series-item__title {
							font-size: 11px;
							font-weight: 400;
							line-height: 12.7px;
							font-family: Tahoma;
							color: var(--textcolor);
							height: 100%;
							display: flex;
							align-items: center;
						}
					}
				}
			}
			& .button-prev, & .button-next {
				content: '';
				position: absolute;
				/*top: calc(50% - 20px);*/
				top: -25px;
				display: block;
				width: 36px;
				height: 36px;
				background-color: #fff;
				background-position: center;
				background-repeat: no-repeat;
				cursor: pointer;
				/*border: 1px solid #F4F5F7;*/
				border-radius: 10px;
				background-color: #D3D8DF;
				background-image: url("data:image/svg+xml,%3Csvg width='5.502930' height='9.505859' viewBox='0 0 5.50293 9.50586' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M0.75 8.75L4.75 4.75L0.75 0.75' stroke='%23505255' stroke-opacity='1.000000' stroke-width='1.500000' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E%0A");
				opacity: 0.6;
				z-index: 1;
				&:hover {
					opacity: 1;
				}
				&.button-disabled {
					display: none;
					cursor: not-allowed;
				}
			}
			& .button-prev {
				right: 74px;
				transform: rotate(180deg);
				/*box-shadow: 0px -4px 10px 0px rgba(46, 16, 102, 0.25);*/
			}
			& .button-next {
				right: 24px;
				/*box-shadow: 0px 4px 10px 0px rgba(46, 16, 102, 0.25);*/
			}
		}
	}
}
.mini-series {
	& .slider-wrapper {
		margin: 30px 0 0px;
		& .product-slider-box {
			padding-top: 0px;
			& .container {
				overflow: hidden;
				mask-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 3%, rgb(255, 255, 255) 97%, rgba(255,255,255,0) 100%);
				& .mini-series-slider {
					margin: 0 20px;
				}
				& .button-prev, & .button-next {
					top: calc(50% - 18px);
					&.button-disabled {
						display: initial;
						cursor: not-allowed;
						&:hover {
							opacity: 0.6;
						}
					}
				}
			}
			& .button-prev {
				left: 0px;
			}
			& .button-next {
				right: 0px;
			}
			@media (width <= 768px) {
				& .button-prev {
					left: 15px;
				}
				& .button-next {
					right: 15px;
				}
			}
		}
	}
}
/* end sliders */

/* catalog-series */
.series-list__sidebar {
	@media (width >= 1024px) {
		max-width: 240px;
		width: 100%;
		height: 100%;
	}
	& .series-list__filter {
		@media (width >= 1024px) {
			position: relative;
			border-radius: 4px;
			box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
			background: #fff;
			margin-bottom: 1px;
			padding: 19px;
			&:last-of-type {
				margin-bottom: 20px;
			}
		}
		& .series-list__filter-title {
			font-size: 16px;
			font-weight: 500;
			margin-bottom: 15px;
			cursor:pointer;
			&:before {
				content: '';
				background: url(/assets/img/dropdown.svg) no-repeat center center;
				display: inline-block;
				width: 8px;
				height: 8px;
				margin-right: 8px;
				display:none;
			}
		}
		& .series-list__filter-title.nhidden {
			font-size: 16px;
			font-weight: 500;
			margin-bottom: 15px;
			&:before {
				content: '';
				background: url(/assets/img/dropdown.svg) no-repeat center center;
				display: inline-block;
				width: 8px;
				height: 8px;
				margin-right: 8px;
				transform: rotate(180deg);
			}
		}
		& .filter-side {
			position: fixed;
			overflow: hidden;
			left: 0;
			top: 0;
			z-index: 102;
			transform: translateX(-100%);
			width: 320px;
			height: 100%;
			background: #fff;
			border-right: 1px solid #e1e0e2;
			transition: transform .4s;
			@media (width >= 1024px) {
				position: relative;
				transform: translateX(0);
				width: 100%;
				max-width: 224px;
				border: none;
				overflow: unset;
			}
			&.open-filter-side {
				transform:translateX(0);
			}
			& .filter-side__head {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 19px 15px 19px 10px;
				position: relative;
				@media (width >= 1024px) {
					display: none;
				}
				& .filter-side__back {
					content: url(/assets/img/chevron_right.svg);
					transform: rotate(180deg);
				}
			}
			& .filter-side__content {
				overflow-y: auto;
				height: 100%;
				@media (width < 1024px) {
					padding: 0 15px;
				}
				& .dropdown-body {
					& .filter-block {
						position: relative;
						padding: 15px 0 0;
						@media (width < 1024px) {
							&.filter-checked {
								padding-top: 45px;
							}
						}
						& .filter-content {
							position: relative;
							& .filter-content-placeholder {
								border: 1px solid #CBD1D9;
								border-radius: 4px;
								padding: 9px 40px 9px 10px;
								font-size: 12px;
								font-weight: 500;
								color: #A1A9B6;
								cursor: pointer;
								& .filter-content-placeholder-title {
									outline: none;
									&.hide {
										display: none;
									}
								}
							}
							& .filter-wrapper {
								display: block;
								width: 100%;
								@media (width >= 1024px) {
									max-height: 300px;
									position: relative;
									margin-top: 15px;
									overflow-y: auto;
									padding-right: 10px;
								}
								@media (width < 1024px) {
									padding-bottom: 100px;
								}
								& .filter-list {
									& .filter-row {
										font-size: 15px;
										font-weight: 400;
										line-height: 15px;
										padding: 7px;
										cursor: pointer;
										&:hover {
											background-color: var(--lightgrey);
										}
										&.current {
											color: var(--primary);
										}
										& .disabled {
											opacity: .5;
											cursor: default;
											pointer-events: none; 
										}
									}
								}
							}
						}
						& .filter-current {
							position: relative;
							font-size: 15px;
							font-weight: 600;
							transition: all .2s ease-in-out;
							background: var(--lightgrey);
							border-radius: 4px;
							padding: 7px;
							margin: 15px 0;
							color: #2F2F2F;
							@media (width < 1024px) {
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								transition: all .2s ease-in-out;
							}
							&.disabled {
								height: 0;
								padding: 0;
								margin: 0;
								overflow: hidden;
							 }
							& .filter-current-remove {
								content: '';
								width: 30px;
								height: 30px;
								position: absolute;
								top: 2px;
								right: 0px;
								background: url(/assets/img/reset-filter.svg) no-repeat center center;
								cursor: pointer;
							}
						}
					}
				}
			}
		}
	}
}
.series-list__wrap {
	padding-bottom: 30px;
	@media (width <= 1280px) {
		padding: 0 15px 30px;
	}
	@media (width >= 1024px) {
		display: flex;
		max-width: 1200px;
		margin: auto;
	}
	@media (width < 1024px) {
		padding: 0 0 30px;
	}
	& .series-list__box {
		width: 100%;
		& .series-list__title {
			text-transform: uppercase;
			font-size: 20px;
			line-height: 26px;
			padding-bottom: 30px;
			@media (width >= 1280px) {
				padding: 0 0 40px 50px;
			}
			@media (width >= 1024px) and (width <= 1280px) {
				padding: 0 0 40px 35px;
			}
			@media (width >= 1024px) {
				font-size: 32px;
				font-weight: 700;
				line-height: 36px;
			}
		}
		& .filters-block {
			& .filters-block__inner {
				display: flex;
				gap: 30px;
				padding-bottom: 30px;
			}
			& .dropdown-btn {
				position: relative;
				&:after {
					content: '';
					background: url(/assets/img/dropdown.svg) no-repeat center center;
					display: block;
					width: 8px;
					height: 6px;
					filter: brightness(100);
				}
			}
		}
		& .series-list__products {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
			grid-gap: 57px;
			@media (width >= 1024px) {
				padding: 0 0 40px 50px;
			}
			@media (width <= 1024px) {
				grid-gap: 37px;
			}
			@media (width < 1024px) {
				padding: 0 15px;
			}
			& .series-content {
				&.disabled {
					opacity: .5;
				}
				@media (width <= 768px) {
					&.disabled {
						display:none;
					}
				}
				@media (width >= 1024px) {
					position: relative;
					cursor: pointer;
					height: 430px;
					&:not(.disabled):hover {
						z-index: 1;
						& .series-content__wrap {
							box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
							height: auto;
							overflow: visible;
						}
					}

				}
				& .series-content__wrap {
					background-color: #fff;
					padding: 28px 16px 22px;
					box-shadow: 0px 2px 17px 0px rgba(47, 61, 81, 0.1), 0px 2px 4px 0px rgba(47, 61, 81, 0.1);
					border-radius: 5px;
					height: 100%;
					overflow: hidden;
					min-height: 100%;
					& .series-content__image {
						display: flex;
						width: 100%;
						height: 200px;
						background-size: contain;
						background-repeat: no-repeat;
						background-position: center center;
						justify-content: center;
					}
					& .series-content__title {
						& a {
							display: block;
							min-height: 106px;
							padding: 50px 0 16px;
							font-size: 16px;
							font-weight: 600;
							text-transform: uppercase;
							color: var(--textcolor);
							-webkit-line-clamp: 2;
							line-clamp: 2;
						}
					}
					& .series-content__price {
						margin-bottom: 20px;
						display: flex;
						flex-direction: column;
						gap: 10px;
						& .series-content__price-container {
							font-weight: 500;
							color: #7E7E7E;
							& .price-content {
								color: var(--textcolor);
							}
						}
					}
					& .series-content__material {
						& .series-content__material-container {
							& .series-content__material-title {
								font-weight: 500;
							}
							& .series-content__material-box {
								& .kit-frame-color-preview {
									display: inline-block;
									width: 50px;
									height: 20px;
									margin: 0 5px 5px 0;
									cursor: pointer;
									border: 1px solid #D3D8DF;
									border-radius: 4px;
									@media (width >= 1024px) {
										width: 28px;
										height: 13px;
										margin: 0 4px 0 0;
										border-radius: 2px;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
/* end catalog-series*/

/* category-open */
.series-sidebar {
	@media (width >= 1024px) {
		max-width: 240px;
		width: 100%;
		height: 100%;
	}
	& .filter-side__category {
		& .filter-side__category-title {
			display: none;
		}
		& .filter-side {
			position: fixed;
			overflow: hidden;
			left: 0;
			top: 0;
			z-index: 102;
			transform: translateX(-100%);
			width: 320px;
			height: 100%;
			background: #fff;
			border-right: 1px solid #e1e0e2;
			transition: transform .4s;
			@media (width >= 1024px) {
				position: relative;
				transform: translateX(0);
				width: 100%;
				max-width: 240px;
				border: none;
				overflow: unset;
				z-index: 0;
			}
			&.open-filter-side {
				transform:translateX(0);
			}
			& .filter-side__head {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 19px 15px 19px 10px;
				position: relative;
				@media (width >= 1024px) {
					display: none;
				}
				& .filter-side__back {
					content: url(/assets/img/chevron_right.svg);
					transform: rotate(180deg);
				}
				& .filter-side__apply {
					
				}
			}
			& .filter-side__content {
				@media (width < 1024px) {
					padding: 0 15px 59px;
					overflow-y: auto;
					height: 100%;
				}
				& .choosed-list {
					border-radius: 4px;
					box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
					background: #F5F6F7;
					margin-bottom: 20px;
					padding: 15px;
					@media (width >= 1024px) {
						position: relative;
						margin-bottom: 1px;
						padding: 19px;
						z-index: 1;
					}
					& .dropdown-head {
						font-size: 16px;
						font-weight: 500;
					}
					& .dropdown-body {
						& .choosed {
							& li {
								position: relative;
								font-size: 15px;
								font-weight: 600;
								transition: all .2s ease-in-out;
								background: var(--lightgrey);
								border-radius: 4px;
								padding: 7px;
								margin: 15px 0;
								color: #2F2F2F;
								& .reset-filter {
									content: '';
									width: 30px;
									height: 30px;
									position: absolute;
									top: 2px;
									right: 0px;
									background: url(/assets/img/reset-filter.svg) no-repeat center center;
									cursor: pointer;
								}
							}
						}
						& .btn-wrap {
							display: block;
							text-align: right;
							& .reset-all {
								font-size: 11px;
								line-height: 13px;
								font-weight: 600;
								color: var(--primary);
								border-bottom: 1px dashed transparent;
								cursor: pointer;
								&:hover {
									border-bottom: 1px dashed var(--primary);
								}
							}
						}
					}
				}
				& .filter-container {
					padding-bottom: 10px;
					margin-bottom: 20px;
					border-bottom: 1px solid var(--lightgrey);
					@media (width >= 1024px) {
						position: relative;
						border: none;
						border-radius: 4px;
						box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
						background: #fff;
						margin-bottom: 1px;
						padding: 19px;
						&:last-of-type {
							margin-bottom: 20px;
						}
					}
				}
				&.filter-max-height {
					& .dropdown-body {
						& .checkbox-list {
							@media (width >= 1024px) {
								max-height: 200px;
								position: relative;
								overflow-y: auto;
								padding-right: 10px;
							}
						}
					}
				}
				& .dropdown-head {
					font-size: 16px;
					font-weight: 500;
					margin-bottom: 15px;
					cursor:pointer;
					&::before {
						content: '';
						background: url(/assets/img/dropdown.svg) no-repeat center center;
						display: inline-block;
						width: 8px;
						height: 8px;
						margin-right: 8px;
					}
				}
				& .dropdown-head.nhidden {
					font-size: 16px;
					font-weight: 500;
					margin-bottom: 15px;
					&::before {
						content: '';
						background: url(/assets/img/dropdown.svg) no-repeat center center;
						display: inline-block;
						width: 8px;
						height: 8px;
						margin-right: 8px;
						transform: rotate(180deg);
					}
				}
				& .dropdown-body {
					& .checkbox-list {
						& .checkbox-list__item {
							& .filter-label {
								font-size: 15px;
								font-weight: 400;
								line-height: 15px;
								cursor: pointer;
								&.disabled {
									color: #CBD1D9;
									cursor: not-allowed;
									& .filter-checkbox__title {
										&:hover {
											&::before {
												border: 1px solid #CBD1D9;
											}
										}
									}
								}
								& .filter-checkbox {
									display: none;
									&:checked + .filter-checkbox__title {
										color: var(--hover);	
										&:hover {
											&::before {
												border: 1px solid #CBD1D9;
											}
										}
									}
									&:checked + .filter-checkbox__title:before {
										background: var(--lightgrey);
									}
									&:checked + .filter-checkbox__title:after {
										opacity: 1;
										visibility: visible;
									}
								}
								& .filter-checkbox__title {
									position: relative;
									padding: 7px 0;
									min-height: 30px;
									display: flex;
									align-items: center;
									&::before {
										content: '';
										display: inline-flex;
										background: #fff;
										border: 1px solid #CBD1D9;
										border-radius: 4px;
										width: 18px;
										height: 18px;
										margin: 0px 10px 0 0;
										transition: border-color 0.2s;
										flex-shrink: 0;
									}
									&::after {
										content: '';
										position: absolute;
										left: 0;
										width: 20px;
										height: 20px;
										background-color: var(--primary);
										display: block;
										mask-image: url('/assets/img/marker.svg');
										-webkit-mask-image: url('/assets/img/marker.svg');
										opacity: 0;
										visibility: hidden;
									}
									&:hover {
										&::before {
											border: 1px solid #788496;
										}
									}
								}
								& sup {
									vertical-align: baseline;
									padding-left: 4px;
									font-size: 15px;
									font-weight: 400;
									line-height: 15px;
									&::before {
										content: "(";
									}
									&::after {
										content: ")";
									}
								}
							}
						}
					}
					&.range-block {
						& .ui-slider {
							width: calc(100% - 30px);
							height: 4px;
							margin: 10px 15px 30px 15px !important;
							position: relative;
							background: var(--lightgrey);
							border-radius: 4px;
							& .ui-slider-range {
								height: 4px;
								position: absolute;
								top: 0;
								background: var(--primary);
							}
							& .ui-slider-handle {
								display: block;
								width: 24px;
								height: 24px;
								margin-left: -13px;
								position: absolute;
								top: -11px;
								background: #fff;
								outline: 2px solid #D3D8DF;
								border-radius: 50%;
								cursor: pointer;
								&:hover {
									background: var(--primary);
									border: 3px solid #fff;
								}
							}
						}
						& .price-val-wrap {
							display: flex;
							gap: 10px;
							padding-bottom: 7px;
							& label {
								position: relative;
								& .number-text {
									position: absolute;
									left: 9px;
									font-size: 12px;
									font-weight: 500;
									color: #788496;
									line-height: 34px;
									text-transform: lowercase;
								}
								& .input-number {
									border: 1px solid #CBD1D9;
									border-radius: 4px;
									background: #fff;
									padding: 6px 4px 6px 30px;
									max-width: 77px;
									font: 500 14px/20px var(--font);
									&:focus {
										border-color: #788496;
									}
								}
								& .number-text-unit {
									font-size: 12px;
									font-weight: 500;
									color: #788496;
									line-height: 34px;
									margin-left: 5px;
								}
							}
						}
					}
					& .series-filter {
						& .sort-link {
							padding: 7px 0;
                            min-height: 30px;
							font-size: 15px;
							font-weight: 400;
							line-height: 15px;
							cursor: pointer;
							&.active {
								color: var(--hover);
							}
						}
					}
					& .show-all {
						padding-top: 5px;
						color: var(--hover);
					}
				}
			}
		}
	}
	& .series-list__filter {
		& .series-list__filter-title {
			font-size: 16px;
			font-weight: 500;
			margin-bottom: 15px;
			cursor:pointer;
			&:before {
				content: '';
				background: url(/assets/img/dropdown.svg) no-repeat center center;
				display: inline-block;
				width: 8px;
				height: 8px;
				margin-right: 8px;
			}
		}
		& .series-list__filter-title.nhidden {
			font-size: 16px;
			font-weight: 500;
			margin-bottom: 15px;
			&:before {
				content: '';
				background: url(/assets/img/dropdown.svg) no-repeat center center;
				display: inline-block;
				width: 8px;
				height: 8px;
				margin-right: 8px;
				transform: rotate(180deg);
			}
		}
		& .filter-side {
			position: fixed;
			overflow: hidden;
			left: 0;
			top: 0;
			z-index: 102;
			transform: translateX(-100%);
			width: 320px;
			height: 100%;
			background: #fff;
			border-right: 1px solid #e1e0e2;
			transition: transform .4s;
			@media (width >= 1024px) {
				position: relative;
				transform: translateX(0);
				width: 100%;
				max-width: 224px;
				border: none;
				overflow: unset;
			}
			&.open-filter-side {
				transform:translateX(0);
			}
			& .filter-side__head {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 19px 15px 19px 10px;
				position: relative;
				@media (width >= 1024px) {
					display: none;
				}
				& .filter-side__back {
					content: url(/assets/img/chevron_right.svg);
					transform: rotate(180deg);
				}
			}
			& .filter-side__content {
				overflow-y: auto;
				height: 100%;
				@media (width < 1024px) {
					padding: 0 15px;
				}
				& .dropdown-body {
					& .filter-block {
						position: relative;
						padding: 15px 0 0;
						@media (width < 1024px) {
							&.filter-checked {
								padding-top: 45px;
							}
						}
						& .filter-content {
							position: relative;
							& .filter-content-placeholder {
								border: 1px solid #CBD1D9;
								border-radius: 4px;
								padding: 9px 40px 9px 10px;
								font-size: 12px;
								font-weight: 500;
								color: #A1A9B6;
								cursor: pointer;
								& .filter-content-placeholder-title {
									&.hide {
										display: none;
									}
								}
								& .filter-content-icon {
									content: '';
									background: url(/assets/img/dropdown.svg) no-repeat center center;
									display: block;
									width: 8px;
									height: 8px;
									position: absolute;
									right: 12px;
									top: 16px;
								}
							}
							& .filter-wrapper {
								display: block;
								width: 100%;
								padding-bottom: 30px;
								@media (width >= 1024px) {
									max-height: 300px;
									position: relative;
									margin-top: 15px;
									overflow-y: auto;
									padding-right: 10px;
								}
								& .filter-list {
									& .filter-row {
										font-size: 15px;
										font-weight: 400;
										line-height: 15px;
										padding: 7px;
										cursor: pointer;
										&:hover {
											background-color: var(--lightgrey);
										}
										&.current {
											color: var(--primary);
										}
										& .disabled {
											opacity: .5;
											cursor: default;
											pointer-events: none; 
										}
									}

								}
							}
						}
						& .filter-current {
							position: relative;
							font-size: 15px;
							font-weight: 600;
							transition: all .2s ease-in-out;
							background: var(--lightgrey);
							border-radius: 4px;
							padding: 7px;
							margin: 15px 0;
							color: #2F2F2F;
							@media (width < 1024px) {
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								transition: all .2s ease-in-out;
							}
							&.disabled {
								height: 0;
								padding: 0;
								margin: 0;
								overflow: hidden;
							 }
							& .filter-current-remove {
								content: '';
								width: 30px;
								height: 30px;
								position: absolute;
								top: 2px;
								right: 0px;
								background: url(/assets/img/reset-filter.svg) no-repeat center center;
								cursor: pointer;
							}
						}
					}
				}
			}
		}
	}
}
.series-wrap {
	padding-bottom: 30px;
	@media (width <= 1280px) {
		padding: 0 15px 30px;
	}
	@media (width >= 1024px) {
		display: flex;
		max-width: 1200px;
		margin: auto;
	}
	@media (width < 1024px) {
		padding: 0 0 30px;
	}
	& .series-box {
		width: 100%;
		& .series-title {
			text-transform: uppercase;
			font-size: 20px;
			line-height: 26px;
			@media (width >= 1280px) {
				padding: 0 0 0 50px;
			}
			@media (width >= 1024px) and (width <= 1280px) {
				padding: 0 0 0 35px;
			}
			@media (width >= 1024px) {
				font-size: 32px;
				font-weight: 700;
				line-height: 36px;
			}
		}
		& .filters-block {
			& .filters-block__inner {
				display: flex;
				gap: 30px;
				padding-bottom: 30px;
			}
			& .dropdown-btn {
				position: relative;
				&:after {
					content: '';
					background: url(/assets/img/dropdown.svg) no-repeat center center;
					display: block;
					width: 8px;
					height: 6px;
					filter: brightness(100);
				}
			}
		}
		& .output-sorting {
			display: flex;
			gap: 30px;
			justify-content: space-between;
			padding-bottom: 30px;
			@media (width >= 1280px) {
				padding: 0 0 40px 50px;
			}
			@media (width >= 1024px) and (width <= 1280px) {
				padding: 0 0 40px 35px;
			}
			& .sorting-container {
				display: flex;
				align-items: center;
				& .output-sorting-title {
					font-size: 13px;
					font-weight: 400;
					padding-right: 9px;
				}
				& .sorting {
					display: flex;
					align-items: center;
					font: 500 13px/20px var(--font);
					position: relative;
					color: #434A54;
					border: 1px solid #CBD1D9;
					border-radius: 4px;
					padding: 8px 25px 8px 30px;
					height: 32px;
					min-width: 165px;
					&:hover {
						border-color: #788496;
					}
					&:nth-child(1)::before, &:nth-child(3)::before {
						content: '';
						position: absolute;
						background: url(/assets/img/sort.svg) no-repeat left center;
						display: block;
						height: 20px;
						width: 20px;
						left: 5px;
					}
					&:nth-child(2)::before {
						content: '';
						position: absolute;
						background: url(/assets/img/sort.svg) no-repeat right center;
						display: block;
						height: 20px;
						width: 20px;
						left: 5px;
					}
					&::after {
						content: '';
						position: absolute;
						background: url(/assets/img/dropdown.svg) no-repeat center center;
						display: inline-block;
						right: 10px;
						width: 8px;
						height: 8px;
					}
					& .sort-items {
						position: absolute;
						width: 100%;
						background: #fff;
						border-radius: 0 0 2px 2px;
						top: calc(100% + 1px);
						left: 0;
						box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
						display: flex;
						flex-direction: column;
						visibility: hidden;
						opacity: 0;
						& .sort-link {
							border-bottom: 1px solid var(--lightgrey);
							padding: 8px 12px;
							color: var(--textcolor);
							&:hover {
								text-decoration: underline;
							}
						}
					}
					&.show-select {
						& .sort-items {
							visibility: visible;
							opacity: 1;
							z-index: 1;
						}
					}
				}
			}
			& .tpl-container {
				display: flex;
				align-items: center;
				gap: 10px;
				& .output-sorting-title {
					font-size: 13px;
					font-weight: 400;
				}
				& .output-format {
					line-height: 0;
					& .svg {
						& .icon {
							fill: #D6DADF;
						}
					}
					&.active {
						& .svg {
							& .icon {
								fill: var(--primary);
							}
						}
					}
				}
			}
		}
		& .series-products {
			@media (width >= 1024px) {
				padding: 0 0 40px 50px;
			}
			@media (width < 1024px) {
				padding: 0 15px;
			}
			& .series-products__box {
				display: grid;
				grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));
				grid-gap: 57px;
				@media (width <= 1024px) {
					grid-gap: 37px;
				}
				@media (width < 768px) {
					grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
				}
				@media (width < 500px) {
					grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
					grid-gap: 37px 15px;
				}
				& .product-item {
					@media (width >= 1024px) {
						position: relative;
						cursor: pointer;
						&:hover {
							& .series-content__wrap {
								box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
							}
						}
					}
					& .product-item__wrap {
						border-radius: 5px;
						box-shadow: 0px 2px 17px 0px rgba(47, 61, 81, 0.1), 0px 2px 4px 0px rgba(47, 61, 81, 0.1);
						padding: 28px 16px 22px;
						height: 100%;
						position: relative;
						display: flex;
						flex-direction: column;
						&:hover {
							box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
						}
						& .product-item__link {
							& .product-item__image {
								text-align: center;
								margin-bottom: 25px;
								height: 150px;
								line-height: 0;
								& img {
									max-width: 100%;
									object-fit: cover;
								}
							}
						}
						& .product-item__info-block {
							& .product-item__title {
								display: block;
								padding: 0 0 5px 0;
								font-size: 16px;
								font-weight: 600;
								color: var(--textcolor);
								&:hover {
									text-decoration: underline;
								}
							}
							& .product-item__info {
								padding-bottom: 10px;
								& .product-item__info-row {
									display: flex;
									/*flex-wrap: wrap;*/
									gap: 4px;
									color: #4D4D4D;
									font-size: 14px;
									& .product-item__info-text {
										word-break: break-word;
									}
								}
							}
						}
						& .bottom {
							margin-top: auto;
						}
						& .product-item__price {
							font-size: 20px;
							font-weight: 700;
							line-height: 24px;
							padding: 17px 0;
							position: relative;
							display: flex;
							gap: 10px;
							align-items: baseline;
							flex-wrap: wrap;
							&::before {
								content: '';
								display: block;
								position: absolute;
								top: 0;
								left: 0;
								height: 1px;
								width: calc(100% + 32px);
								margin: 0 -16px;
								border-bottom: 1px solid #E5E8EC;
							}
							& .old-price {
								font-size: 13px;
								line-height: 16px;
								font-weight: 400;
								color: #CA2F0D;
								text-decoration: line-through;
							}
							& .product-price-no-trick {
								align-self: start;
								border-radius: 50%;
								background-color: var(--lightgrey);
								border: 1px solid #CBD1D9;
								color: var(--hover);
								display: flex;
								justify-content: center;
								align-items: center;
								width: 20px;
								height: 20px;
								flex-shrink: 0;
								font-size: 15px;
								font-weight: 600;
							}
						}
						& .product-item__num {
							& .product-item__spinner-box {
								display: flex;
								align-items: center;
								justify-content: space-between;
								gap: 10px;
								& .product-number-container {
									position: relative;
									display: flex;
								}
								& .product-cost__row {
									display: none;
								}
								& .product-number-control {
									display: flex;
									align-items: center;
									justify-content: center;
									padding: 15px 8px;
									background: var(--lightgrey);
									border: 1px solid #CBD1D9;
									transition: all 0.3s;
									&:hover, &:focus {
										background: #D3D8DF;
										cursor: pointer;
									}
									&.product-number-less {
										border-right: none;
										border-radius: 5px 0px 0px 5px;
										position: relative;
										&::before {
											content: "";
											width: 12px;
											height: 2px;
											background: #404040;
											border-radius: 2px;
										}
									}
									&.product-number-more {
										border-left: none;
										border-radius: 0px 5px 5px 0px;
										position: relative;
										&::before {
											content: "";
											width: 12px;
											height: 2px;
											background: #404040;
											border-radius: 2px;
										}
										&::after {
											content: "";
											height: 12px;
											width: 2px;
											background: #000;
											position: absolute;
											left: calc(50% - 1px);
											border-radius: 2px;
										}
									}
								}
								& .kol-input {
									border: 1px solid #CBD1D9;
									border-width: 1px 0;
									max-width: 4ch;
									height: 44px;
									text-align: center;
									font-family: var(--font);
									font-size: 16px;
									&:focus {
										outline: none;
										border: 1px solid var(--primary);
									}
								}
								@media (width < 500px) {
									flex-wrap: wrap;
									& .product-number-container {
										width: 100%;
									}
									& .kol-input {
										max-width: calc(100% - 58px);
									}
									& .ms2_form {
										width: 100%;
										& .product-buy__btn, & .product-buy-button {
											width: 100%;
											justify-content: center;
										}
									}
								}
							}
						}
						& .product-item__badge {
							position: absolute;
							top: 0px;
							right: 0px;
							background-color: var(--lightgrey);
							border-radius: 2px;
							display: flex;
							flex-direction: column;
							justify-content: center;
							align-items: center;
							padding: 8px 5px 5px;
							font-size: 13px;
							font-weight: 600;
							color: #2F2F2F;
							& .product-badge__count {
								border-radius: 50%;
								background-color: #fff;
								color: var(--hover);
								display: flex;
								justify-content: center;
								align-items: center;
								min-width: 22px;
								width: auto;
								height: 22px;
								flex-shrink: 0;
								font-size: 12px;
								font-weight: 600;
							}
							& .product-badge__title {
								color: var(--hover);
							}
						}
						& .product-item__stickers {
							position: absolute;
							top: 24px;
							left: 0px;
							border-radius: 2px;
							display: flex;
							flex-direction: column;
							gap: 8px;
							& .popular {
								background-color: #FFA800;
								position: relative;
								&::after {
									content: '';
									position: absolute;
									left: 100%;
									top: 0;
									width: 0;
									height: 0;
									border-left: 14px solid #FFA800;
									border-top: 14px solid transparent;
									border-bottom: 14px solid transparent;
								}
							}
							& .new {
								background-color: #91C6BB;
								position: relative;
								&::after {
									content: '';
									position: absolute;
									left: 100%;
									top: 0;
									width: 0;
									height: 0;
									border-left: 14px solid #91C6BB;
									border-top: 14px solid transparent;
									border-bottom: 14px solid transparent;
								}
							}
							& .sticker-info {
								font-size: 13px;
								font-weight: 700;
								color: #fff;
								padding: 4px 0px 4px 11px;
							}
						}
					}
				}
				&:has(.product-item__list) {
					display: block;
					& .product-item__list {
						width: 100%;
						&:not(:last-child) {
							margin-bottom: 30px;
						}
						& .product-item__wrap {
							display: flex;
							flex-direction: row;
							justify-content: space-around;
							align-items: center;
							flex-wrap: wrap;
							gap: 15px;
							padding: 28px 40px 22px;
							@media (width >= 768px) {
								gap: 50px;
							}
							@media (width < 768px) {
								padding: 28px 16px 22px 16px;
							}
							& .product-item__link {
								& .product-item__image {
									width: 150px;
									height: auto;
									margin-bottom: 0;
									line-height: 0;
								}
							}
							& .product-item__info-block {
								flex: 1 1 20%;
								@media (width < 640px) {
									flex: 1 1 calc(100% - 165px);
								}
								@media (width < 420px) {
									flex: 1 1 100%;
								}
							}
							& .bottom {
								margin-top: initial;
								margin-left: auto;
								@media (width < 640px) {
									display: flex;
									gap: 15px;
									flex-wrap: wrap;
								}
								& .product-item__price {
									&:before {
										display: none;
									}
								}
								& .product-item__num {
									@media (width < 500px) {
										& .product-item__spinner-box {
											flex-wrap: nowrap; 
											& .product-number-container {
												& .kol-input {
													max-width: 4ch;
												}
											}
											& .ms2_form {
												width: auto;
												& .product-buy__btn, & .product-buy-button {
													width: auto;
													justify-content: center;
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
		& .pagination {
			margin: 32px 0;
			padding-bottom: 30px;
			@media (width >= 1280px) {
				padding: 0 0 40px 50px;
			}
			@media (width >= 1024px) and (width <= 1280px) {
				padding: 0 0 40px 35px;
			}
			& .pages {
				display: flex;
				justify-content: center;
				gap: 8px;
				flex: 1 0;
				& li {
					&.active {
						background: var(--lightgrey);
						color: var(--hover);
						display: flex;
						justify-content: center;
						align-items: center;
						padding: 6px;
						min-width: 32px;
						height: 32px;
						font: 500 13px/20px var(--font);
						border: 1px solid #CBD1D9;
						border-radius: 4px;
					}
					& a {
						color: var(--textcolor);
						display: flex;
						justify-content: center;
						align-items: center;
						padding: 6px;
						min-width: 32px;
						height: 32px;
						font: 500 13px/20px var(--font);
						border: 1px solid #CBD1D9;
						border-radius: 4px;
						&:hover {
							border-color: #788496;
						}
					}
				}
			}
		}
	}
}
.alias-filters__container {
	margin-bottom: 100px;
	& .alias-filters__content {
		display: flex;
		margin-bottom: 22px;
		& .alias-filters__title {
			font-size: 20px;
			font-weight: 500;
		}
		& .alias-filters__list {
			padding-left: 25px;
			display: flex;
			flex-wrap: wrap;
			gap: 6px 30px;
			line-height: 24px;
			& .alias-filters__list-item {
				& a {
					color: #788496;
					text-decoration: underline;
					&:hover {
						text-decoration: none;
					}
				}
			}
		}
	}
}
/* end category-open*/

/* automation */
.automation-banner {
	max-width: 1200px;
    margin: auto;
	@media (width >= 1200px) {
		& img {
			border-radius: 7px;
		}
	}
}
.automation-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
	padding: 30px 0;
	margin-bottom: 100px;
	& .automation-category {
		flex: 0 1 calc(50% - 10px);
		border: 1px solid #DADADA;
		border-radius: 8px;
		padding: 30px;
		display: flex;
		flex-direction: column;
		@media (width < 768px) {
			flex: 1 1 100%;
		}
		& .automation-category__title a {
			font-size: 24px;
			line-height: 30px;
			font-weight: 600;
			color: var(--textcolor);
			display: block;
			margin-bottom: 8px;
			&:hover {
				text-decoration: underline;
            }
		}
		& .automation-category__intro {
			color: #7F7F7F;
			font-size: 15px;
			font-weight: 500;
			line-height: 18px;
			padding-top: 20px;
			padding-right: 20px;
		}
		& .automation-category__info {
			display: flex;
			justify-content: space-between;
			padding: 23px 0;
			@media (width < 500px) {
				flex-wrap: wrap;
			}
			& .automation-category__image {
				max-width: 290px;
				padding-left: 34px;
				order: 1;
				flex-shrink: 0;
				@media (width < 500px) {
					order: 0;
					width: 100%;
					padding: 0 15px 15px;
					margin: 0 auto;
					text-align: center;
				}
			}
			& .automation-category__link-wrap {
				display: flex;
				flex-direction: column;
				gap: 4px;
				& .automation-category__link {
					& .automation-category__link-title {
						font-size: 14px;
						font-weight: 500;
					}
					& .automation-category__link-list {
						& a {
							display: inline-block;
							margin: 0 12px 8px 0;
							color: #788496;
							font-size: 14px;
							font-weight: 500;
							text-decoration: underline;
							&:hover {
								text-decoration: none;
							}
						}
					}
				}
			}
		}
		& .automation-category__all-link {
			margin-top: auto;
			position: relative;
			padding-top: 25px;
			&::before {
				content: '';
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				height: 1px;
				width: calc(100% + 60px);
				margin: 0 -30px;
				border-bottom: 1px solid #E5E8EC;
			}
			& .btn {
				display: inline-flex;
			}
		}
	}
}
/* end automation */

/* config-series */
.configurator-wrap {
	@media (width <= 1280px) {
		padding: 0 15px 30px;
	}
	@media (width <= 1200px) {
		max-width: 100%;
		position: relative;
	}
	@media (width >= 1024px) {
		display: flex;
		max-width: 1200px;
		margin: auto;
	}
	@media (width < 1024px) {
		padding: 0 0 30px;
	}
}
.configurator-sidebar {
	@media (width >= 1024px) {
		max-width: 240px;
		width: 100%;
		height: 100%;
	}	
}
.configurator-main {
	@media (width >= 1024px) {
		padding: 0 0 40px 50px;
		width: 100%;
    }
	& .configurator-title {
		padding: 0 15px 30px;
		text-transform: uppercase;
		@media (width >= 1024px) {
			padding: 0 0 30px;
		}
	}
	& .configurator-content {
		position: relative;
		@media (width >= 1024px) {
			display: flex;
			border-radius: 5px;
			overflow: hidden;
			box-shadow: 0px 2px 17px 0px rgba(47, 61, 81, 0.1), 0px 2px 4px 0px rgba(47, 61, 81, 0.1);
		}
		& .config-preload {
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			position: absolute;
			background: hsla(0,0%,100%,.7);
			z-index: 10;
			display: none;
			&::before {
				content: "";
				width: 30px;
				height: 30px;
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				margin: auto;
				background-image: url(/assets/img/preload.gif);
				background-position: 50%;
				background-repeat: no-repeat;
				background-size: contain;
			}
		}
		& .configurator-background {
			height: 270px;
			transition: all .5s ease;
			position: relative;
			@media (width >= 1024px) {
				padding: 8px 15px;
				width: 280px;
				height: auto;
				padding: 0;
				flex-shrink: 0;
			}
			& .configurator-bg-colors-result {
				@media (width >= 1024px) {
					display: flex;
					flex-direction: column;
					height: 100%;
					justify-content: space-between;
				}
				& .configurator-title-buttons {
					display: flex;
					justify-content: space-between;
					align-items: center;
					padding: 5px 10px 5px 20px;
					@media (width >= 1024px) {
						background: hsla(0,0%,96%,.75);
					}
					@media (width < 1024px) {
						justify-content: flex-end;
					}
					& .configurator-buttons-title {
						font-weight: 500;
						color: #8C8C8C;
					}
					& .configurator-buttons-wrap {
						display: flex;
						gap: 10px;
						& .configurator-result-button {
							width: 30px;
							height: 30px;
							cursor: pointer;
							position: relative;
						}
						& .sizes-container {
							& .configurator-sizes-button {
								background-image: url(/assets/img/configurator-sizes-button.svg);
							}
							& .sizes-content {
								display: none;
							}
						}
						& .configurator-bg-colors-container {
							position: relative;
							&.show {
								& .filter-side {
									display: block;
								}
							}
							& .configurator-bg-color-button {
								background-image: url(/assets/img/configurator-bg-color-button.svg);
								z-index: 2;
							}
							& .filter-side {
								position: fixed;
								overflow: hidden;
								left: 0;
								top: 0;
								z-index: 102;
								transform: translateX(-100%);
								width: 320px;
								height: 100%;
								background: #fff;
								border-right: 1px solid #e1e0e2;
								transition: transform .4s;
								@media (width >= 1024px) {
									position: absolute;
									top: -3px;
									left: 40px;
									width: 175px;
									height: auto;
									background: #fff;
									border-radius: 0 0 2px 2px;
									box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
									z-index: 1;
									display: none;
								}
								&.open-filter-side {
									transform:translateX(0);
								}
								& .filter-side__head {
									display: flex;
									align-items: center;
									justify-content: space-between;
									padding: 19px 15px 19px 10px;
									position: relative;
									@media (width >= 1024px) {
										display: none;
									}
									& .filter-side__back {
										content: url(/assets/img/chevron_right.svg);
										transform: rotate(180deg);
									}
								}
								& .filter-side__content {
									& .filters-wrapper {
										& .configurator-bg-color-content {
											& .configurator-bg-title {
												padding: 8px 12px;
												font-size: 16px;
												font-weight: 500;
												@media (width < 1024px) {
													margin-bottom: 15px;
												}
											}
											& .configurator-bg-item {
												padding: 8px 12px;
												color: var(--textcolor);
												text-transform: lowercase;
												display: flex;
												gap: 8px;
												align-items: center;
												@media (width >= 1024px) {
													border-top: 1px solid var(--lightgrey);
													padding: 4px 12px;
													font-size: 13px;
													font-weight: 500;
												}
												&::before {
													content: '';
													width: 28px;
													height: 28px;
													border-radius: 5px;
												}
												&::after {
													content:url(/assets/img/check.svg);
													position:absolute;
													left:22px;
													opacity:0;
													transition:opacity .3s
												}
												@media (width >= 1024px) {
													&::before {
														width: 19px;
														height: 19px;
													}
													&::after {
														left:17px;
													}
												}
												&.active::after {
													opacity:1
												}
												&.red-color:before {
													background-color:#9e0c0c
												}
												&.blue-color:before {
													background-color:#0c519e
												}
												&.green-color:before {
													background-color:#4c6907
												}
												&.yellow-color:before {
													background-color:#e69e2c
												}
												&.bej-color:before {
													background-color:#fcd79c
												}
												&.black-color:before {
													background-color:#202020
												}
												&.grey-color:before {
													background-color:#7c7c7c
												}
												&.no-color:before {
													background-color:#fff;
													outline: 1px solid #e6e6e6;
													outline-offset: -1px;
												}
											}
										}
									}
								}
							}
						}
					}
				}
				& .configurator-result {
					width: 200px;
					height: 200px;
					margin: 10px auto;
					@media (width >= 1024px) {
						margin: 30px auto;
					}
					& .configurator-part-result {
						width: 200px;
						height: 200px;
						position: absolute;
					}
				}
				& .current-colors-content {
					padding: 10px 10px 10px 20px;
					font-weight: 500;
					font-size: 15px;
					position: relative;
					background: hsla(0,0%,96%,.75);
					& .current-color-row-title {
						color: #8C8C8C;
					}
				}
			}
		}
		& .configurator-colors-prices-container {
			padding: 0 15px;
			@media (width >= 1024px) {
				padding: 0;
				width: 100%;
			}
			& .configurator-colors-prices-content {
				display: flex;
				@media (width <= 1024px) {
					flex-direction: column;
				}
				& .configurator-colors-wrap {
					@media (width > 1024px) {
						padding: 0 10px;
						max-width: 550px;
						width:calc(100vw - 680px);
					}
					@media (width = 1024px) {
						padding: 0 10px;
						width:calc(100vw - 600px);
					}
					& .configurator-colors-parts {
						& .configurator-colors-part {
							position: relative;
							& .configurator-colors-title {
								font-size: 17px;
								font-weight: 600;
								line-height: 40px;
								@media (width >= 1024px) {
									padding: 0 0 0 38px;
								}
							}
							@media (width < 768px) {
								& .configurator-colors-title + .materials-list-container {
									margin-top: 40px;
									+ .configurator-colors-container {
										margin-top: 50px;
									}
								}
							}
							@media (width >= 1024px) and (width < 1100px) {
								& .configurator-colors-title + .materials-list-container {
									margin-top: 40px;
									+ .configurator-colors-container {
										margin-top: 50px;
									}
								}
							}
							& .materials-list-container {
								display: flex;
								position: absolute;
								top: 0; 
								right: 0;
								z-index: 1;
								gap: 8px;
								& .materials-list-title {
									font-size: 17px;
									font-weight: 600;
									line-height: 40px;
								}
								& .materials-list {
									height: 0;
									padding: 25px 0 0;
									position: relative;
									top: 7px;
									background: #fff;
									border: 1px solid #CBD1D9;
									border-radius: 5px;
									font-size: 12px;
									line-height: 12px;
									font-family: var(--font);
									overflow: hidden;
									&:after {
										content: "";
										position: absolute;
										right: 5px;
										top: 10px;
										border-top: 6px solid var(--primary);
										border-left: 5px solid transparent;
										border-right: 5px solid transparent;
										transition: transform .3s
									}
									&.show {
										height: auto;
										box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
										padding-bottom: 5px;
										&:after {
											transform: rotate(-180deg)
										}
									}
									& li {
										display: block;
										font-size: 13px;
										padding: 8px 35px 8px 7px;
										cursor: pointer;
										white-space: nowrap;
										border-top: 1px solid var(--lightgrey);
										&.active {
											position: absolute;
											top: -2px;
											cursor: default;
											background-color: transparent;
										}
										&:not(.active):hover {
											background: var(--lightgrey);
										}
									}
								}
							}
							& .configurator-colors-container {
								padding: 5px 0;
								position: relative;
								@media (width >= 1024px) {
									padding: 5px 30px 15px;
								}
								& .configurator-colors-wrapper {
									overflow:hidden;
									& .configurator-colors-list {
										display: flex;
										flex-wrap: nowrap;
										/*overflow: hidden;
										overflow-x: auto;*/
										& .part-color-link {
											max-width: 86px;
											width: 100%;
											min-height: 113px;
											display: block;
											padding: 8px 6px 0;
											background: #fff;
											border: 2px solid #e6e6e6;
											border-radius: 4px;
											font-size: 12px;
											line-height: 12px;
											font-weight: 500;
											color: #000;
											text-align: center;
											transition: background-color .3s;
											margin: 0 6px 12px;
											flex-shrink: 0;
											@media (width >= 1024px) {
												max-width: 94px;
												padding: 5px 0 0;
												position: relative;
												border: 2px solid transparent;
												border-radius: 5px;
												background: transparent;
												background-color: transparent;
												font-size: 9px;
												line-height: 11px;
												transition: all .3s ease;
												margin: 0 10px;
											}
											&.active {
												background-color: #F4F4F4;
												border: 2px solid #E6E6E6;
												@media (width >= 1024px) {
													background-color: #FFF;
												}
											}
											&.hide {
												display: none;
											}
											&:hover {
												border: 2px solid #E6E6E6;
											}
										}
									}
									& .configurator-button-next, & .configurator-button-prev {
										content: '';
										position: absolute;
										top: calc(50% - 28px);
										display: block;
										width: 40px;
										height: 40px;
										background-color: #fff;
										background-position: center;
										background-repeat: no-repeat;
										cursor: pointer;
										border: 1px solid #F4F5F7;
										border-radius: 10px;
										background-image: url("data:image/svg+xml,%3Csvg width='5.502930' height='9.505859' viewBox='0 0 5.50293 9.50586' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M0.75 8.75L4.75 4.75L0.75 0.75' stroke='%23505255' stroke-opacity='1.000000' stroke-width='1.500000' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E%0A");
										opacity: 0.9;
										&:hover {
											opacity: 1;
										}
										&.swiper-button-disabled {
											display: none;
										}
									}
									& .configurator-button-prev {
										left: 2px;
										transform: rotate(180deg);
										box-shadow: 0px -4px 10px 0px rgba(46, 16, 102, 0.25);
									}
									& .configurator-button-next {
										right: 2px;
										box-shadow: 0px 4px 10px 0px rgba(46, 16, 102, 0.25);
									}
								}
							}
						}
					}
					& .configurator-min-price-row {
						@media (width >= 1024px) {
							display: flex;
							flex-direction: column;
							padding: 0 0 0 38px;
						}
						& .configurator-colors-title a {
							display: inline-block;
							font-size: 17px;
							font-weight: 600;
							color: var(--primary);
							margin-bottom: 12px;
							border-bottom: 1px dashed transparent;
							&:hover {
								border-bottom: 1px dashed var(--primary);
							}
							& .svg {
								display: inline;
								vertical-align: middle;
								line-height: 20px;
							}
						}
						& .configurator-min-price-prods-count {
							@media (width >= 1024px) {
								order: -1;
								padding: 20px 0 25px;
							}
							& .configurator-min-price {
								display: flex;
								& .min-price-row {
									color: #8C8C8C;
									font-size: 17px;
									font-weight: 500;
									min-width: 90px;
									&:not(:first-child) {
										margin-left: 30px;
									}
									.min-price-row-title a {
										display: inline-block;
										line-height: 18px;
										margin-bottom: 5px;
										color: var(--primary);
										border-bottom: 1px dashed transparent;
										&:hover {
											border-bottom: 1px dashed var(--primary);
										}
									}
									& .min-price-row-content {
										font-size: 21px;
										color: #000;
									}
									& .rur-currency {
										font-size: 21px;
										color: #000;
									}
								}
							}
							& .prods-count-container {
								margin-top: 15px;
								display: flex; 
								gap: 30px;
								a {
									font-size: 13px;
									line-height: 15px;
									font-weight: 500;
									display: inline-block;
									color: var(--primary);
									border-bottom: 1px dashed transparent;
									&:hover {
										border-bottom: 1px dashed var(--primary);
									}
								}
							}
						}
					}
				}
				& .configurator-info-container {
					display: flex;
					@media (width = 1024px) {
						order: -1;
						justify-content: flex-end;
					}
					@media (width > 1024px) {
						padding: 25px 0 0;
						flex-direction: column;
						align-items: center;
					}
					& .configurator-right-but {
						margin-right: 17px;
						text-align: center;
						cursor: pointer;
						padding: 20px 5px 10px;
						width: 80px;
						@media (width >= 1024px) {
							margin-right: 0;
						}
						& .configurator-right-but-icon {
							width: 30px;
							height: 30px;
							margin: 0 auto 10px;
							&:hover {
								background-color: var(--lightgrey);
							}
							&.in-showroom-icon {
								background-image: url("/assets/img/in-showroom-icon.svg");
							}
							&.content-but-icon {
								background-image: url("/assets/img/content-but-icon.svg");
							}
							&.final-price-but-icon {
								background-image: url("/assets/img/final-price-but-icon.svg");
							}
						}
						& .interior-gall-content {
							& .interior-image {
								display: none;
								&.image-1 {
									display: block;
									line-height: 0;
								}
								& img {
									height: 30px;
									border-radius: 4px;
									margin: 0 auto 10px;
								}
							}
						}
						& .configurator-right-but-title {
							color: #788496;
							font-size: 10px;
							line-height: 10px;
							font-weight: 500;
						}
					}
				}
			}
		}
	}
}
.products {
	margin-bottom: 100px;
	& .products-container {
		@media (width >= 1024px) {
			display: flex;
			max-width: 1200px;
			margin: auto;
		}
		@media (width <= 1280px) {
			padding: 0 15px;
		}
		@media (width <= 1200px) {
			max-width: 100%;
			position: relative;
		}
	}
}
.products-sidebar {
	@media (width >= 1024px) {
		max-width: 240px;
		width: 100%;
		height: 100%;
		margin-top: 38px;
		position: sticky;
		top: 30px;
		margin-bottom: 20px;
	}
	& .products-category {
		margin-bottom: 20px;
		& .products-category__dropdown {
			box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
			border-radius: 4px;
			border-bottom: 3px solid #fff;
			font-size: 15px;
			font-weight: 500;
			padding: 10px 10px 8px 10px;
			display: flex;
			justify-content: center;
			gap: 4px;
			&::before {
				content: '';
				background: url(../img/down.svg) no-repeat;
				width: 20px;
				height: 20px;
			}
		}
}
	& .product-category__hidden {
		display: none;
		@media (width >= 1024px) {
			display: block;
			width: 100%;
			height: 100%;
			&.fixed-bottom {
				position: fixed;
				top: 10px;
				max-width: 240px;
			}
		}
		& .product-category__wrap {
			border-radius: 4px;
			box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
			background: #fff;
			padding: 12px 0px 20px 14px;
			& .product-category__title {
				font-size: 16px;
				font-weight: 500;
				padding-bottom: 12px;
				position: relative;
				&::after {
					content: '';
					display: block;
					position: absolute;
					bottom: 0;
					left: 0;
					height: 1px;
					width: calc(100% + 14px);
					margin: 0 0 0 -14px;
					border-bottom: 1px solid #E5E8EC;
				}
			}
			& .product-category__list {
				position: relative;
				margin-top: 15px;
				&::before {
					content: '';
					width: 1px;
					height: 100%;
					background-color: #788496;
					position: absolute;
					top: 0;
					left: 3px;
				}
				& li {
					padding: 0px 15px;
					margin: 11px 0;
					display: block;
					line-height: 18px;
					& a {	
						font-size: 14px;
						font-weight: 400;
						color: #788496;
						&::before {
							content: '';
							width: 7px;
							height: 20px;
							background-color: var(--primary);
							border-radius: 3px;
							position: absolute;
							left: 0;
							opacity: 0;
							transition: opacity .3s;
						}
						&.active {
							color: var(--textcolor);
							&::before {
								opacity: 1;
							}
						}
						&:hover {
							color: var(--textcolor);
						}
					}
				}
			}
		}
	}
}
.products-content {
	width: 100%;
	& .output-sorting {
		display: flex;
		gap: 30px;
		justify-content: flex-end;
		padding-bottom: 30px;
		@media (width >= 1280px) {
			padding: 6px 0 6px 50px;
		}
		@media (width >= 1024px) and (width <= 1280px) {
			padding: 6px 0 40px 35px;
		}
		& .tpl-container {
			display: flex;
			align-items: center;
			gap: 10px;
			& .output-sorting-title {
				font-size: 13px;
				font-weight: 400;
			}
			& .output-format {
				line-height: 0;
				&:not(.active) {
					.svg {
						& .icon {
							fill: #D6DADF;
						}
					}
				}
			}
		}
	}
	& .products-wrap {
		@media (width >= 1024px) {
			padding: 0 0 20px 50px;
		}
		& .products-header {
			width: 100%;
			grid-column: 1 / -1;
			& .products-header__title {
				font-size: 24px;
				font-weight: 700;
				line-height: 26px;
				text-transform: uppercase;
				padding: 20px 0 10px;
			}
		}
		& .products-box {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));
			grid-gap: 57px;
			padding: 10px 0 0;
			@media (width <= 1024px) {
				grid-gap: 37px;
			}
			@media (width < 768px) {
				grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
			}
			.elctr-prod-parts-row{
					display:none;
				}
			&:has( .product-item__list) {
				.elctr-prod-parts-row{
					display:block;
				}
			}
			@media (width < 500px) {
				grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
				grid-gap: 37px 15px;
			}
			& > .products-header {
				margin-bottom: -47px;
				@media (width <= 1024px) {
					margin-bottom: -27px;
				}
			}
			&:has( .product-item__list) {
				& > .products-header {
					margin-bottom: 10px;
					@media (width <= 1024px) {
						margin-bottom: 10px;
					}
				}

			}
			& .product-item {
				@media (width >= 1024px) {
					position: relative;
					cursor: pointer;
					&:hover {
						& .series-content__wrap {
							box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
						}
					}
				}
				& .product-item__wrap {
					border-radius: 5px;
					box-shadow: 0px 2px 17px 0px rgba(47, 61, 81, 0.1), 0px 2px 4px 0px rgba(47, 61, 81, 0.1);
					padding: 28px 16px 22px;
					height: 100%;
					position: relative;
					display: flex;
					flex-direction: column;
					&:hover {
						box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
					}
					& .product-item__link {
						position: relative;
						& .product-item__image {
							text-align: center;
							margin-bottom: 25px;
							height: 150px;
							line-height: 0;
							& img {
								max-width: 100%;
								object-fit: cover;
							}
						}
						& .product-img-preview {
							display: none;
							@media (width >=1024px) {
								display: block;
								visibility: hidden;
								opacity: 0;
								transition: opacity .3s;
								position: absolute;
								top: 50%;
								left: 215px;
								transform: translate(0,-50%);
								box-shadow: 0 1px 18px 1px rgba(29,25,41,.13);
								z-index: 1;
								&::after {
									content: '';
									display: block;
									width: 22px;
									height: 22px;
									top: 50%;
									left: -12px;
									transform: translate(0,-50%) rotate(45deg);
									position: absolute;
									background-color: #fff;
									z-index: -1;
									box-shadow: 0 1px 18px 10px rgba(148,146,154,0.13);
								}
								& .product-img-preview__inner {
									width: 360px;
									height: 320px;
									background-color: #fff;
									position: relative;
									padding: 25px;
									z-index: 1;
									display: flex;
									align-items: center;
									justify-content: center;
									& img {
										max-height: 100%;
									}
								}
							}
						}
						& .product-item__image:hover + .product-img-preview {
							@media (width >=1024px) {
								opacity: 1;
								visibility: visible;
							}
						}
					}
					& .product-item__info-block {
						& .product-item__title {
							display: block;
							padding: 0 0 5px 0;
							font-size: 16px;
							font-weight: 600;
							color: var(--textcolor);
							&:hover {
								text-decoration: underline;
							}
						}
						& .product-item__info {
							padding-bottom: 10px;
							& .product-item__info-row {
								display: flex;
								flex-wrap: wrap;
								gap: 4px;
								color: #4D4D4D;
								font-size: 14px;
								& .product-item__info-text {
									word-break: break-word;
								}
							}
						}
						& .product-consist-button {
							display: none;
						}
					}
					& .bottom {
						margin-top: auto;
					}
					& .product-item__price {
						font-size: 20px;
						font-weight: 700;
						line-height: 24px;
						padding: 17px 0;
						position: relative;
						display: flex;
						gap: 10px;
						align-items: baseline;
						flex-wrap: wrap;
						&::before {
							content: '';
							display: block;
							position: absolute;
							top: 0;
							left: 0;
							height: 1px;
							width: calc(100% + 32px);
							margin: 0 -16px;
							border-bottom: 1px solid #E5E8EC;
						}
						& .old-price {
							font-size: 13px;
							line-height: 16px;
							font-weight: 400;
							color: #CA2F0D;
							text-decoration: line-through;
						}
						& .product-price-no-trick {
							align-self: start;
							border-radius: 50%;
							background-color: var(--lightgrey);
							border: 1px solid #CBD1D9;
							color: var(--hover);
							display: flex;
							justify-content: center;
							align-items: center;
							width: 20px;
							height: 20px;
							flex-shrink: 0;
							font-size: 15px;
							font-weight: 600;
						}
					}
					& .product-item__num {
						& .product-item__spinner-box {
							display: flex;
							align-items: center;
							justify-content: space-between;
							gap: 10px;
							& .product-number-container {
								position: relative;
								display: flex;
							}
							& .product-cost__row {
								display: none;
							}
							& .product-number-control {
								display: flex;
								align-items: center;
								justify-content: center;
								padding: 15px 8px;
								background: var(--lightgrey);
								border: 1px solid #CBD1D9;
								transition: all 0.3s;
								&:hover, &:focus {
									background: #D3D8DF;
									cursor: pointer;
								}
								&.product-number-less {
									border-right: none;
									border-radius: 5px 0px 0px 5px;
									position: relative;
									&::before {
										content: "";
										width: 12px;
										height: 2px;
										background: #404040;
										border-radius: 2px;
									}
								}
								&.product-number-more {
									border-left: none;
									border-radius: 0px 5px 5px 0px;
									position: relative;
									&::before {
										content: "";
										width: 12px;
										height: 2px;
										background: #404040;
										border-radius: 2px;
									}
									&::after {
										content: "";
										height: 12px;
										width: 2px;
										background: #000;
										position: absolute;
										left: calc(50% - 1px);
										border-radius: 2px;
									}
								}
							}
							& .kol-input {
								border: 1px solid #CBD1D9;
								border-width: 1px 0;
								max-width: 4ch;
								height: 44px;
								text-align: center;
								font-family: var(--font);
								font-size: 16px;
								&:focus {
									outline: none;
									border: 1px solid var(--primary);
								}
							}
							@media (width < 500px) {
								flex-wrap: wrap;
								& .product-number-container {
									width: 100%;
								}
								& .kol-input {
									width: 100%;
									max-width: calc(100% - 58px);
								}
								& .ms2_form {
									width: 100%;
									& .product-buy__btn, & .product-buy-button {
										width: 100%;
										justify-content: center;
									}
								}
							}
						}
					}
					& .product-item__badge {
						position: absolute;
						top: 0px;
						right: 0px;
						background-color: var(--lightgrey);
						border-radius: 2px;
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
						padding: 8px 5px 5px;
						font-size: 13px;
						font-weight: 600;
						color: #2F2F2F;
						z-index:1;
						& .product-badge__count {
							border-radius: 50%;
							background-color: #fff;
							color: var(--hover);
							display: flex;
							justify-content: center;
							align-items: center;
							min-width: 22px;
							width: auto;
							height: 22px;
							flex-shrink: 0;
							font-size: 12px;
							font-weight: 600;
						}
						& .product-badge__title {
							color: var(--hover);
						}
					}
					& .product-item__stickers {
						position: absolute;
						top: 24px;
						left: 0px;
						border-radius: 2px;
						display: flex;
						flex-direction: column;
						gap: 8px;
						& .popular {
							background-color: #FFA800;
							position: relative;
							&::after {
								content: '';
								position: absolute;
								left: 100%;
								top: 0;
								width: 0;
								height: 0;
								border-left: 14px solid #FFA800;
								border-top: 14px solid transparent;
								border-bottom: 14px solid transparent;
							}
						}
						& .new {
							background-color: #91C6BB;
							position: relative;
							&::after {
								content: '';
								position: absolute;
								left: 100%;
								top: 0;
								width: 0;
								height: 0;
								border-left: 14px solid #91C6BB;
								border-top: 14px solid transparent;
								border-bottom: 14px solid transparent;
							}
						}
						& .sticker-info {
							font-size: 13px;
							font-weight: 700;
							color: #fff;
							padding: 4px 0px 4px 11px;
						}
					}
				}
			}
		
			&:has(.product-item__list) {
				display: block;
				& .product-item__list {
					width: 100%;
					&:not(:last-child) {
						margin-bottom: 30px;
					}
					& .product-item__wrap {
						display: flex;
						flex-direction: row;
						justify-content: space-around;
						align-items: center;
						flex-wrap: wrap;
						gap: 15px;
						padding: 28px 40px 22px;
						@media (width >= 768px) {
							gap: 50px;
						}
						@media (width < 768px) {
							padding: 28px 16px 22px 16px;
						}
						& .product-item__link {
							& .product-item__image {
								width: 150px;
								height: auto;
								margin-bottom: 0;
								line-height: 0;
							}
						}
						& .product-item__info-block {
							flex: 1 1 20%;
							@media (width < 640px) {
								flex: 1 1 calc(100% - 165px);
							}
							@media (width < 420px) {
								flex: 1 1 100%;
							}
							& .product-consist-button {
								display: inline-block;
								font-size: 16px;
								font-weight: 600;
								color: var(--primary);
								border-bottom: 1px dashed transparent;
								&:hover {
									border-bottom: 1px dashed var(--primary);
								}
							}
						}
						& .bottom {
							margin-top: initial;
							margin-left: auto;
							align-items: center;
							@media (width < 640px) {
								display: flex;
								gap: 15px;
							}
							& .product-item__price {
								&:before {
									display: none;
								}
							}
							& .product-item__num {
								@media (width < 500px) {
									& .product-item__spinner-box {
										flex-wrap: nowrap; 
										& .product-number-container {
											& .kol-input {
												max-width: 4ch;
											}
										}
										& .ms2_form {
											width: auto;
											& .product-buy__btn, & .product-buy-button {
												width: auto;
												justify-content: center;
											}
										}
									}
								}
							}
						}
					}
				}
				& .elctr-prod-parts-row {
					width: 100%;
					margin-bottom: 50px;
					& .elctr-prod-parts-row-div {
						display:none;
						& .product-item {
							position: relative;
							cursor: pointer;
							width: 100%;
							margin-bottom: 30px;
							&::before {
								content: '';
								display: flex;
								float: left;
								width: 34px;
								height: 72px;
								background: url(/assets/img/constituents_arrow.svg) right center no-repeat;
								margin-right: 24px;
							}
							& .product-item__wrap {
								& .product-item__link {
									& .product-item__image {
										width: 100px;
										height: auto;
										line-height: 0;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
/* end config-series */

/* product */
.product-container {
	@media (width <= 1280px) {
		padding: 0 15px 30px;
	}
	@media (width <= 1200px) {
		max-width: 100%;
		position: relative;
	}
	@media (width >= 1024px) {
		display: flex;
		max-width: 1200px;
		margin: auto;
		& .series-menu {
			/*height: 100%;*/
		}
	}
	@media (width < 1024px) {
		padding: 0 0 30px;
	}
}
.product-wrap {
	@media (width >= 1024px) {
		padding: 0 0 40px 50px;
		width: 100%;
    }
	& .product-title {
		padding: 0 15px;
		text-transform: uppercase;
		@media (width >= 1024px) {
			padding: 0;
		}
		& h1 {
			font-size: 24px;
			line-height: 30px;
			font-weight: 700;
		}
	}
	& .product-box {
		padding: 0 15px 50px;
		@media (width >= 1024px) {
			padding: 0 0 50px;
			display: flex;
		}
		& .product-image__container {
			& .product-image__box {
				padding: 0 0 30px;
				position: relative;
				& .product-image {
					height: 100%;
					display: flex;
					flex-direction: column;
					align-items: center;
					gap: 20px;
					& .product-image-detail {
						display: flex;
						align-items: center;
						justify-content: center;
						& img {
							max-height: 400px;
						}
					}
					& .product-gallery-wrap {
						display: flex;
						flex-wrap: wrap;
						& a {
							margin: 0 5px;
							padding: 5px;
							border: 1px solid transparent;
							border-radius: 4px;
							&.active {
								border: 1px solid rgba(120, 132, 150, 0.2);
							}
							& img {
								width: 100%;
								height: 100%;
								object-fit: contain;
								max-width: 70px;
								max-height: 70px;
							}
						}
					}
				}
			}
			& .product-properties {
				flex: 1;
				max-width: 500px;
				margin: 0 auto;
				& .product-item__stickers {
					display: flex;
					gap: 28px;
					margin-bottom: 20px;
					& .popular {
						background-color: #FFA800;
						position: relative;
						&::after {
							content: '';
							position: absolute;
							left: 100%;
							top: 0;
							width: 0;
							height: 0;
							border-left: 14px solid #FFA800;
							border-top: 14px solid transparent;
							border-bottom: 14px solid transparent;
						}
					}
					& .new {
						background-color: #91C6BB;
						position: relative;
						&::after {
							content: '';
							position: absolute;
							left: 100%;
							top: 0;
							width: 0;
							height: 0;
							border-left: 14px solid #91C6BB;
							border-top: 14px solid transparent;
							border-bottom: 14px solid transparent;
						}
					}
					& .sticker-info {
						font-size: 13px;
						font-weight: 700;
						color: #fff;
						padding: 4px 0px 4px 11px;
					}
				}
				& .product-properties__table {
					width: 100%;
					font-size: 13px;
					line-height: 16px;
					& .prod-properties-name {
						color: #788496;
					}
				}
				& .all-properties {
					font-size: 12px;
					line-height: 14px;
					font-weight: 600;
					color: var(--primary);
					border-bottom: 1px dashed transparent;
					margin: 10px 0 40px;
					display: flex;
					justify-content: end;
					align-items: center;
					@media (width >= 1024px) {
						display: inline-flex;
						&:hover {
							border-bottom: 1px dashed var(--primary);
						}
					}
				}
			}
		}
		& .product-buy {
			max-width: 500px;
			margin: 0 auto;
			& .product-buy-wrap {
				border-radius: 4px;
				box-shadow: 0px 2px 17px 0px rgba(47, 61, 81, 0.1), 0px 2px 4px 0px rgba(47, 61, 81, 0.1);
				padding: 15px 20px 1px;
				margin-bottom: 30px;
				position: relative;
				& .product-item__badge {
					position: absolute;
					top: 12px;
					right: 20px;
					background-color: var(--lightgrey);
					border-radius: 2px;
					display: flex;
					justify-content: center;
					align-items: center;
					gap: 8px;
					padding: 6px 10px;
					font-size: 13px;
					font-weight: 600;
					color: #2F2F2F;
					& .product-badge__count {
						border-radius: 50%;
						background-color: #fff;
						color: var(--hover);
						display: flex;
						justify-content: center;
						align-items: center;
						min-width: 22px;
						width: auto;
						height: 22px;
						flex-shrink: 0;
						font-size: 12px;
						font-weight: 600;
					}
					& .product-badge__title {
						color: var(--hover);
					}
				}
				& .product-buy__row {
					display: flex;
					gap: 15px;
					align-items: center;
					margin-bottom: 15px;
					& .product-buy__row-title {
						font-size: 11px;
						font-size: 13px;
					}
					& .product-price {
						font-size: 24px;
						font-weight: 700;
						line-height: 30px;
						& .old-price {
							font-size: 13px;
							line-height: 16px;
							font-weight: 400;
							color: #CA2F0D;
							text-decoration: line-through;
						}
					}
					& form {
						flex: 1;
						& .btn {
							width: 100%;
							justify-content: center;
						}
					}
					& .product-number-container {
						position: relative;
						display: flex;
					}
					& .product-cost__row {
						display: none;
					}
					& .product-number-control {
						display: flex;
						align-items: center;
						justify-content: center;
						padding: 15px 8px;
						background: var(--lightgrey);
						border: 1px solid #CBD1D9;
						transition: all 0.3s;
						&:hover, &:focus {
							background: #D3D8DF;
							cursor: pointer;
						}
						&.product-number-less {
							border-right: none;
							border-radius: 5px 0px 0px 5px;
							position: relative;
							&::before {
								content: "";
								width: 12px;
								height: 2px;
								background: #404040;
								border-radius: 2px;
							}
						}
						&.product-number-more {
							border-left: none;
							border-radius: 0px 5px 5px 0px;
							position: relative;
							&::before {
								content: "";
								width: 12px;
								height: 2px;
								background: #404040;
								border-radius: 2px;
							}
							&::after {
								content: "";
								height: 12px;
								width: 2px;
								background: #000;
								position: absolute;
								left: calc(50% - 1px);
								border-radius: 2px;
							}
						}
					}
					& .kol-input {
						border: 1px solid #CBD1D9;
						border-width: 1px 0;
						max-width: 4ch;
						height: 44px;
						text-align: center;
						font-family: var(--font);
						font-size: 16px;
						&:focus {
							outline: none;
							border: 1px solid var(--primary);
						}
					}
				}
				& .product-buy__text {
					font-size: 12px;
					font-weight: 500;
					line-height: 14px;
					display: flex;
					align-items: center;
					cursor: pointer;
					gap: 8px;
					& .product-buy__icon {
						width: 21px;
						height: 30px;
						display: block;
						&.payment-icon {
							background: url(/assets/img/payment-icon.svg) center center no-repeat;
						}
						&.return-icon {
							background: url(/assets/img/return-icon.svg) center center no-repeat;
						}
					}
					& span {
						border-bottom: 1px dashed transparent;
					}
					&:hover {
						& span {
							border-bottom: 1px dashed var(--textcolor);
						}
					}
				}
			}
			& .product-buy__trigger {
				display: grid;
				grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
				grid-gap: 20px;
				& .product-buy__trigger-item {
					display: flex;
					align-items: center;
					& .product-buy__trigger-item--img {
						flex: 0 0 auto;
						margin-right: 10px;
					}
					& .product-buy__trigger-item--text {
						font-size: 12px;
						line-height: 14px;
					}
				}
			}
		}
		@media (width >= 1024px) {
			display: flex;
			& .product-image__container {
				display: flex;
				flex-wrap: wrap;
				flex: 1;
				gap: 30px;
				margin-right: 36px;
				justify-content: center;
				& .product-image__box {
					width: 265px;
					& .product-image {
						& .product-image-detail {
							& img {
								max-height: 230px;
							}
						}
						& .product-gallery-wrap {
							
						}
					}
				}
			}
			& .product-buy {
				width: 340px;
			}
		}
	}
	& .products-wrap {
		padding: 0 15px 50px;
		@media (width >= 1024px) {
			padding: 0 0 50px;
		}
		& .products-header__title {
			padding: 10px 0;
		}
		& .products-box {
			padding: 0;
			& .product-item {
				position: relative;
				cursor: pointer;
				width: 100%;
				margin-bottom: 10px;
				&::before {
					content: '';
					display: flex;
					float: left;
					width: 34px;
					height: 72px;
					background: url(/assets/img/constituents_arrow.svg) right center no-repeat;
					margin-right: 24px;
				}
				@media (width < 768px) {
					&:before {
						width: 24px;
						margin-right: 8px;
					}
				}
				& .product-item__wrap {
					border-radius: 5px;
					box-shadow: 0px 2px 17px 0px rgba(47, 61, 81, 0.1), 0px 2px 4px 0px rgba(47, 61, 81, 0.1);
					height: 100%;
					position: relative;
					display: flex;
					flex-direction: row;
					justify-content: space-around;
					align-items: center;
					flex-wrap: wrap;
					gap: 15px;
					padding: 15px 20px;
					@media (width >= 768px) {
						gap: 50px;
					}
					@media (width < 768px) {
						padding: 15px 16px;
					}
					&:hover {
						box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
					}
					& .product-item__link {
						position: relative;
						& .product-item__image {
							width: 80px;
							height: auto;
							line-height: 0;
							& img {
								max-width: 100%;
								object-fit: cover;
							}
						}
					}
					& .product-item__info-block {
						flex: 1 1 20%;
						@media (width < 640px) {
							flex: 1 1 calc(100% - 165px);
						}
						@media (width < 420px) {
							flex: 1 1 100%;
						}
						& .product-item__title {
							display: block;
							padding: 0 0 5px 0;
							font-size: 16px;
							font-weight: 600;
							color: var(--textcolor);
							&:hover {
								text-decoration: underline;
							}
						}
						& .product-item__info {
							padding-bottom: 0px;
							& .product-item__info-row {
								display: flex;
								flex-wrap: wrap;
								gap: 4px;
								color: #4D4D4D;
								font-size: 14px;
								& .product-item__info-text {
									word-break: break-word;
								}
							}
						}
					}
					& .bottom {
						margin-top: initial;
						margin-left: auto;
						@media (width < 640px) {
							display: flex;
							gap: 15px;
							flex-wrap: wrap;
						}
						& .product-item__price {
							font-size: 20px;
							font-weight: 700;
							line-height: 24px;
							padding: 12px 0 17px;
							position: relative;
						}
						& .product-item__num {
							& .product-item__spinner-box {
								display: flex;
								align-items: center;
								justify-content: space-between;
								gap: 10px;
								& .product-number-container {
									position: relative;
									display: flex;
								}
								& .product-cost__row {
									display: none;
								}
								& .product-number-control {
									display: flex;
									align-items: center;
									justify-content: center;
									padding: 15px 8px;
									background: var(--lightgrey);
									border: 1px solid #CBD1D9;
									transition: all 0.3s;
									&:hover, &:focus {
										background: #D3D8DF;
										cursor: pointer;
									}
									&.product-number-less {
										border-right: none;
										border-radius: 5px 0px 0px 5px;
										position: relative;
										&::before {
											content: "";
											width: 12px;
											height: 2px;
											background: #404040;
											border-radius: 2px;
										}
									}
									&.product-number-more {
										border-left: none;
										border-radius: 0px 5px 5px 0px;
										position: relative;
										&::before {
											content: "";
											width: 12px;
											height: 2px;
											background: #404040;
											border-radius: 2px;
										}
										&::after {
											content: "";
											height: 12px;
											width: 2px;
											background: #000;
											position: absolute;
											left: calc(50% - 1px);
											border-radius: 2px;
										}
									}
								}
								& .kol-input {
									border: 1px solid #CBD1D9;
									border-width: 1px 0;
									max-width: 4ch;
									height: 44px;
									text-align: center;
									font-family: var(--font);
									font-size: 16px;
									&:focus {
										outline: none;
										border: 1px solid var(--primary);
									}
								}
								@media (width < 500px) {
									& .product-item__spinner-box {
										flex-wrap: nowrap; 
										& .product-number-container {
											& .kol-input {
												max-width: 4ch;
											}
										}
										& .ms2_form {
											width: auto;
											& .product-buy__btn, & .product-buy-button {
												width: auto;
												justify-content: center;
											}
										}
									}
								}
							}
						}
					}
					& .product-item__badge {
						position: absolute;
						top: 5px;
						right: 5px;
						background-color: var(--lightgrey);
						border-radius: 2px;
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
						padding: 8px 5px 5px;
						font-size: 13px;
						font-weight: 600;
						color: #2F2F2F;
						z-index:1;
						& .product-badge__count {
							border-radius: 50%;
							background-color:#fff;
							color: var(--hover);
							display: flex;
							justify-content: center;
							align-items: center;
							min-width: 22px;
							width: auto;
							height: 22px;
							flex-shrink: 0;
							font-size: 12px;
							font-weight: 600;
						}
						& .product-badge__title {
							color: var(--hover);
						}
					}
				}
			}
		}
	}
	& .product-accordion {
		padding: 0 15px 0px;
		@media (width >= 1024px) {
			padding: 0 0 0px;
		}
		& .product-accordion__nav {
			display: flex;
			flex-wrap: wrap;
			gap: 1px 15px;
			& .product-accordion__nav-item {
				border-bottom: 2px solid transparent;
				background: #fff;
				padding: 6px 16px 4px;
				text-align: center;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 3px;
				box-shadow: 0px 2px 17px 0px rgba(47, 61, 81, 0.1), 0px 2px 4px 0px rgba(47, 61, 81, 0.1);
				@media (width < 480px) {
					flex: 1 100%;
				}
				&:hover {
					box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
					cursor: pointer;
				}
				&.active {
					border-bottom: 2px solid var(--primary);
					box-shadow: 0px 2px 17px 0px rgba(47, 61, 81, 0.1), 0px 2px 4px 0px rgba(47, 61, 81, 0.1);
					&:hover {
						cursor: initial;
					}
					& a {
						color: var(--textcolor);
						cursor: initial;
					}
				}
				& a {
					font-size: 12px;
					font-weight: 500;
					color: #788496;
				}
			}
		}
	}
	& .product-accordion__item {
		padding: 30px 15px 50px;
		@media (width >= 1024px) {
			padding: 30px 0 50px;
			& .hidden-desktop {
				display: none;
			}
		}
		&.hide {
			display: none;
		}
		& .product-accordion__title {
			font-size: 16px;
            font-weight: 600;
			margin-bottom: 15px;
		}
		& .product-accordion__body {
			& .product-properties__table {
				width: 100%;
				@media (width >= 1024px) {
					max-width: 600px;
				}
				& .prod-properties-name {
					color: #788496;
				}
			}
			& p {
				font: 500 16px/20px var(--font);
				margin: 20px 0;
			}
			& a {
				color: var(--textcolor);
				text-decoration: underline;
				&:hover {
					text-decoration: none;
				}
			}
			& p + ul {
				margin-top: -10px;
			}
			& ul {
				list-style: none;
				margin: 20px 0;
				padding: 0 0 0 15px;
				font: 500 16px/20px var(--font);
				& li {
					&:before {
						content: '\2022';
						font-size: 20px;
						vertical-align: middle;
						line-height: 20px;
						margin: 0 10px 0 0;
					}
				}
			}
			& .doc-item {
				display: flex;
				margin-bottom: 15px;
				align-items: center;
				gap: 15px;
			}
			& .reviews {
				& .reviews-list {
					& .reviews-list__item {
					  border-bottom:1px solid #ececec;
					  padding:6px 0
					}
					& .reviews-list__item-answer {
					  padding-top:20px;
					  padding-left:30px
					}
					& .reviews-item__category,
					& .reviews-item__name,
					& .reviews-item__rating {
					  padding:0 12px
					}
					& .reviews-item__rating {
					  margin-bottom:12px;
					  display:flex;
					  align-items:center
					}
					& .reviews-item__rating-count {
					  font-size:13px;
					  font-weight:500;
					  color:#bfbfbf;
					  margin-right:12px
					}
					& .reviews-item__rating-count span {
					  color:#e9d62c;
					}
					& .reviews-item__rating-star {
					  display:flex
					}
					& .reviews-item__rating-star .star {
					  display:block;
					  width:12px;
					  height:12px;
					  background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNzA3IDEyTDYgOS45NiAyLjI5MyAxMiAzIDcuNjggMCA0LjYybDQuMTQ1LS42M0w2IDBsMS44NTUgMy45OUwxMiA0LjYyIDkgNy42OCA5LjcwNiAxMnoiIGZpbGw9IiNCRkJGQkYiLz48L3N2Zz4=")
					}
					& .reviews-item__rating-star .star:not(:first-child) {
					  margin-left:6px
					}
					& .reviews-item__rating-star .star.selected {
					  background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNzA3IDEyTDYgOS45NiAyLjI5MyAxMiAzIDcuNjggMCA0LjYybDQuMTQ1LS42M0w2IDBsMS44NTUgMy45OUwxMiA0LjYyIDkgNy42OCA5LjcwNiAxMnoiIGZpbGw9IiNlOWQ2MmMiLz48L3N2Zz4=")
					}
					& .reviews-item__name {
					  font-size:22px;
					  line-height:13px;
					  padding-bottom:22px
					}
					& .reviews-item__category:not(:first-child) {
					  margin-top:12px
					}
					& .reviews-item__category-title {
					  color:#4a4a4a;
					  font-size:13px;
					  font-weight:500;
					  padding-bottom:4px
					}
					& .reviews-item__category-text {
					  font-size:13px;
					  line-height:120%
					}
				}
				& .add-review {
					& .review-btn {
						margin-bottom: 30px;
					}
					& .review-form {
						display: none;
						margin-bottom: 30px;
						@media (width > 768px ) {
							max-width: 360px;
						}
						& .form-field {
							padding: 0 0 12px;
							& label {
								display: block;
								font-size: 12px;
							}
							& .review-rating {
								display: flex;
								gap: 20px;
								@media (width > 768px ) {
									justify-content: space-around;
								}
								& .rating-star {
									cursor: pointer;
									display: flex;
									flex-direction: column;
									align-items: center;
									& .rating-star__bg {
										width: 34px;
										height: 34px;
										display: flex;
										justify-content: center;
										align-items: center;
										& .rating-star__icon {
											width: 22px;
											height: 22px;
											background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3Ljc5NiAyMkwxMSAxOC4yNiA0LjIwNCAyMmwxLjI5OC03LjkyTDAgOC40NzFsNy42LTEuMTU1TDExIDBsMy40IDcuMzE2TDIyIDguNDcxbC01LjUwMiA1LjYxTDE3Ljc5NiAyMnoiIGZpbGw9IiNCRkJGQkYiLz48L3N2Zz4=") no-repeat 50%/contain;
										}
									}
									& .rating-star__title {
										font-size: 10px;
										font-weight: 500;
										text-align: center;
									}
									&.active {
										.rating-star__icon {
											background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNzA3IDEyTDYgOS45NiAyLjI5MyAxMiAzIDcuNjggMCA0LjYybDQuMTQ1LS42M0w2IDBsMS44NTUgMy45OUwxMiA0LjYyIDkgNy42OCA5LjcwNiAxMnoiIGZpbGw9IiNlOWQ2MmMiLz48L3N2Zz4=") no-repeat 50%/contain
										}
									}
								}
							}
							& input, & textarea {
								border: 1px solid #d9d9d9;
								border-radius: 3px;
								width: 100%;
								min-height: 43px;
								padding: 9px 12px;
								font: var(--font);
								&:focus {
									border: 1px solid var(--primary);
									outline: none;
								}
							}
						}
						& .form-field__info {
							padding: 0 0 12px;
							& label {
								font-size: 15px;
								line-height: 17px;
								font-weight: 500;
							}
							& input {
								display: none;
							}
							& input:checked+span:before {
								border: 1px solid #CBD1D9;
								background-color: var(--lightgrey);
							}
							& input:checked+span:after {
								opacity:1;
								visibility:visible
							}
							& span {
								display: flex;
								position: relative;
								align-items: center;
								cursor: pointer;
								&::before {
									content: "";
									margin-right: 12px;
									width: 28px;
									height: 28px;
									border-radius: 5px;
									border: 1px solid #e1e1e1;
									background-color: #fff;
									transition: border-color .2s;
								}
								&::after {
									content:"";
									background-color: var(--primary);
									display: block;
									mask-image: url("/assets/img/marker.svg");
									display:block;
									width:30px;
									height:30px;
									top:0;
									left:0;
									mask-size: 30px;
									position:absolute;
									opacity:0;
									visibility:hidden;
								}
							}
							& #review-submit {
								width: 100%;
								justify-content: center;
							}
						}
					}
				}
			}
		}
	}
}
/* end product */

/* series-menu */
.series-menu {
	width: 100%;
	background: #f2f3f5;
	border-radius: 4px;
	box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
	overflow: hidden;
	@media (width >= 1024px) {
		width: 240px;
		flex-shrink: 0;
	}
	@media (width < 1024px) {
		margin: 0 15px 30px;
		width: auto;
	}
	& .series-menu__item {
		position: relative;
		&:last-of-type {
			& > a {
				border-bottom: none;
			}
		}
		&.all-series {
			& a {
				color: #788496;
				opacity: 0.8;
			}
		}
		& a {
			display: block;
			width: 100%;
			color: var(--textcolor);
			padding: 10px 14px 8px;
			font-size: 14px;
			font-weight: 500;
			border-bottom: 1px solid #fff;
			&:hover {
				background-color: #D3D8DF;
			}
		& .svg {
				opacity: 0;
				display:none;
			}
		}
		&.active {
			& a {
				background-color: #fff;
				color: var(--hover);
				text-shadow: 1px 1px 0px rgba(255, 255, 255,0.5);
			}
		}
	}
}
/* end series-menu */

/* cart */
.cart {
	margin-bottom: 100px;
}
.cart-title {
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
}
.cart-products__wrap {
	@media (width >= 768px) {
		display: flex;
	}
	& .cart-products__box {
		border-radius: 5px;
		box-shadow: rgba(47, 61, 81, 0.1) 0px 2px 17px 0px, rgba(47, 61, 81, 0.1) 0px 2px 4px 0px;
		margin-bottom: 30px;
		@media (width >= 768px) {
			float: left;
			position: relative;
			width: calc(100% - 340px - 37px);
			max-width: 793px;
		}
		@media (width > 1280px) {
			max-width: 823px;
		}
		@media (width >= 1024px) {
			display: table;
			width: 100%;
			height: min-content;
			& .cart-products__info {
				display: table-row;
				& .cart-products__info-name {
					display: table-cell;
					padding: 7px 8px 4px;
					border-bottom: 1px solid #E5E8EC;
					font-size: 12px;
					font-weight: 500;
					color: #788496;
					&:first-child {
						padding-left: 20px;
					}
					&:last-child {
						padding-right: 20px;
					}
				}
			}
			& .cart-product {
				display: table-row;
				& .td {
					display: table-cell;
					padding: 20px 8px;
					border-bottom: 1px solid #E5E8EC;
					vertical-align: middle;
					&:first-child {
						padding-left: 20px;
					}
					&:last-child {
						padding-right: 20px;
					}
				}
				& .cart-product__title {
					max-width: 215px;
				}
				& .cart-product__info {
					display: table-cell;
					padding: 20px 8px;
					border-bottom: 1px solid #E5E8EC;
					vertical-align: middle;
					& .cart-product__info-title {
						display: none;
					}
					& .product-price {
						text-wrap: nowrap;
					}
				}
			}
		}
		@media (width < 1024px) {
			& .cart-product {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				padding: 50px 20px 20px;
				gap: 10px 20px;
				border-bottom: 1px solid #E5E8EC;
				position: relative;
				& .cart-product__image {
					line-height: 0;
					flex-basis: 80px;
				}
				& .cart-product__title {
					flex-basis: calc(100% - 100px);
				}
				& .cart-product__info:nth-child(3) {
					flex-basis: calc(100% - 100px);
					margin-left: 100px;
				}
				& .cart-product__close {
					position: absolute;
					right: 20px;
					top: 15px;
				}
			}
		}
		@media (width < 768px) {
			margin-bottom: 30px;
			& .cart-product {
				justify-content: flex-end;
			}
		}
		& .cart-product {
			& .cart-product__image a img {
				width: 80px;
			}
			& .cart-product__title {
				font-size: 15px;
				font-weight: 600;
				color: var(--textcolor);
				&:hover {
					text-decoration: underline;
				}
			}
			& .cart-product__info {
				& .cart-product__info-text {
					font-size: 12px;
					font-weight: 500;
					color: #788496;
				}
				& .product-price {
					font-size: 20px;
					font-weight: 700;
				}
				& .product-number-container {
					display: flex;
					& .product-number-control {
						display: flex;
						align-items: center;
						justify-content: center;
						padding: 15px 8px;
						background: var(--lightgrey);
						border: 1px solid #CBD1D9;
						transition: all 0.3s;
						&:hover, &:focus {
							background: #D3D8DF;
							cursor: pointer;
						}
						&.product-number-less {
							border-right: none;
							border-radius: 5px 0px 0px 5px;
							position: relative;
							&::before {
								content: "";
								width: 12px;
								height: 2px;
								background: #404040;
								border-radius: 2px;
							}
						}
						&.product-number-more {
							border-left: none;
							border-radius: 0px 5px 5px 0px;
							position: relative;
							&::before {
								content: "";
								width: 12px;
								height: 2px;
								background: #404040;
								border-radius: 2px;
							}
							&::after {
								content: "";
								height: 12px;
								width: 2px;
								background: #000;
								position: absolute;
								left: calc(50% - 1px);
								border-radius: 2px;
							}
						}
					}
					& .kol-input {
						border: 1px solid #CBD1D9;
						border-width: 1px 0;
						max-width: 4ch;
						height: 44px;
						text-align: center;
						font-family: var(--font);
						font-size: 16px;
						&:focus {
							outline: none;
							border: 1px solid var(--primary);
						}
					}
				}
				& button {
					display: none;
				}
			}
			& .cart-product__close {
				width: 30px;
                height: 30px;
				background: var(--lightgrey) url(/assets/img/reset-filter.svg) no-repeat center center;
                cursor: pointer;
				border: none;
				outline: none;
				border-radius: 4px;
				transition: all 0.3s;
				&:hover, &:focus {
					background-color: #D3D8DF;
				}
			}
		}
	}
}
.cart-total {
	@media (width >= 768px) {
		width: 340px;
		margin-left: 37px;
	}
	& .cart-total__value {
		border-radius: 5px;
		box-shadow: rgba(47, 61, 81, 0.1) 0px 2px 17px 0px, rgba(47, 61, 81, 0.1) 0px 2px 4px 0px;
		margin-bottom: 30px;
		@media (width >= 768px) {
			top: 50px;
			position: sticky;
		}
		& .cart-total__container {
			padding: 20px;
			border-bottom: 1px solid #E5E8EC;
			& .cart-total__row {
				display: flex;
				gap: 8px;
				flex-wrap: wrap;
				align-items: center;
				margin-bottom: 10px;
				& .cart-total__row-title {
					font-size: 13px;
					font-weight: 500;
				}
				& .cart-total__row-val {
					font-size: 16px;
					font-weight: 700;
				}
			}
			& .cart-warnings {
				& .cart-message {
					position: relative;
					border: 2px solid #f44336;
					border-radius: 2px;
					background: #fff;
					background-position-x: 0%;
					background-position-y: 0%;
					background-repeat: repeat;
					background-image: none;
					padding: 10px 20px 20px 42px;
					margin: 25px 0 10px;
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cpath d='M12 4C7.58 4 4 7.58 4 12C4 16.41 7.58 20 12 20C16.41 20 20 16.41 20 12C20 7.58 16.41 4 12 4ZM2 12C2 6.47 6.47 2 12 2C17.52 2 22 6.47 22 12C22 17.52 17.52 22 12 22C6.47 22 2 17.52 2 12Z' fill='%23F44336' /%3E%3Cpath d='M12 7C12.55 7 13 7.44 13 8L13 12C13 12.55 12.55 13 12 13C11.44 13 11 12.55 11 12L11 8C11 7.44 11.44 7 12 7Z' fill='%23F44336' /%3E%3Cpath d='M11 16C11 15.44 11.44 15 12 15L12 15C12.56 15 13 15.44 13 16C13 16.55 12.56 17 12 17L12 17C11.44 17 11 16.55 11 16Z' fill='%23F44336' /%3E%3C/svg%3E%0A");
					background-position: 10px 10px;
					background-repeat: no-repeat;
					display: none;
					font-size: 18px;
					line-height: 24px;
					font-weight: 600;
					&.active {
						display: block;
					}
					& span {
						color: #f44336;
					}
					& .back-to-shopping {
						margin-top: 15px;
						justify-content: center;
					}
				}
			}
			& .cart-total__order {
				justify-content: center;
				margin-top: 20px;
				height: 57px;
			}
		}
		& .cart-order {
			padding: 20px;
			width: 100%;
			margin-left: 0;
			& .cart-order__box {
				& .cart-order__description {
					& .cart-order__title {
						font-size: 20px;
						font-weight: 600;
						margin-bottom: 10px;
					}
					& .cart-order__text {
						font-size: 13px;
						font-weight: 500;
						margin-bottom: 10px;
					}
				}
			}
			& .order-form {
				position: relative;
				& .order-form__preloader {
					display: none;
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					background: hsla(0,0%,100%,.6);
					z-index: 101; 
					&::before {
						content: '';
						display: block;
						width: 60px;
						height: 60px;
						position: absolute;
						left: 50%;
						top: 50%;
						margin-left: -30px;
						margin-top: -30px;
						background-image: url(/assets/img/preload.gif);
						background-position: 50%;
						background-repeat: no-repeat;
						background-size: contain;
					}
				}
				& .order-form__row {
					position: relative;
					&:not(:last-child) {
						padding: 0 0 12px;
					}
					& label {
						position: absolute;
						top: 12px;
						right: 9px;
						cursor: pointer;
						& .required-star {
							color: #CA2F0D;
							font-size: 24px;
						}
					}
					& input:not(.order-form__row-btn), & textarea {
						border: 1px solid #d9d9d9;
						border-radius: 3px;
						width: 100%;
						min-height: 40px;
						padding: 9px 12px;
						font: var(--font);
						transition: all .2s ease;
						&:hover {
							border-color: #788496;
						}
						&:focus, &:active {
							border: 1px solid var(--primary);
							outline: none;
						}
					}
					& .order-form__row-btn {
						border-width: 1px;
						font-weight: 500;
						justify-content: center;
						width: 100%;
						height: 57px;
					}
				}
			}
		}
		& .hide {
			display: none;
		}
	}
}
#msOrder-wrapper {
	counter-reset: number;
	& h4 {
		font-size: 14px;
		font-weight: 500;
		color: #788496;
		padding-bottom: 30px;
		display: flex;
		align-items: center;
		&::before {
			content: counter(number);
			counter-increment: number;
			order: -2;
		}
		&::after {
			content: '';
			display: inline-block;
			width: 15px;
			height: 1px;
			background-color: #CBD1D9;
			margin: 3px 8px;
			order: -1;
		}
	}
}
.cart-order__wrap {
	position: relative;
	& .order-form {
		@media (width >= 768px) {
			display: flex;
		}
	}
}
.cart-order__left {
	margin-bottom: 30px;
	@media (width >= 768px) {
		float: left;
		position: relative;
		width: calc(100% - 340px - 37px);
		max-width: 793px;
		margin-bottom: 30px;
	}
	@media (width > 1280px) {
		width: 100%;
		max-width: 823px;
	}
}
.order-form__preloader {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: hsla(0,0%,100%,.6);
	z-index: 101;
	&::before {
		content: '';
		display: block;
		width: 60px;
		height: 60px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -30px;
		margin-top: -30px;
		background-image: url(/assets/img/preload.gif);
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: contain;
	}
}
.cart-order__person {
	border-radius: 5px;
	box-shadow: rgba(47, 61, 81, 0.1) 0px 2px 17px 0px, rgba(47, 61, 81, 0.1) 0px 2px 4px 0px;
	padding: 16px 37px;
	margin-bottom: 30px;
	& .cart-order__person-title {
		font-size: 20px;
		font-weight: 500;
		position: relative;
		padding-bottom: 16px;
		&::after {
			content: '';
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			height: 1px;
			width: calc(100% + 74px);
			margin: 0 -37px;
			border-bottom: 1px solid #E5E8EC;
		}
	}
	& .cart-order__person-required {
		font-size: 12px;
		font-weight: 400;
		color: #788496;
		& span {
			color: #CA2F0D;
			font-size: 20px;
			line-height: 0;
			display: inline-block;
			vertical-align: middle;
		}
	}
	& .order-form__row {
		position: relative;
		margin: 12px 0;
		&.required {
			font-size: 14px;
			font-weight: 500;
			color: #788496;
			&::after {
				content: "*";
				position: absolute;
				top: 10px;
				left: 7px;
				color: #CA2F0D;
				font-size: 20px;
			}
		}
		&.clear-form {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			text-align: right;
			align-items: center;
			margin-bottom: 0;
			& .order-clean {
				display: inline-block;
				border: none;
				border-radius: 4px;
				outline: none;
				background: url(/assets/img/reset-filter.svg) no-repeat 15px center;
				font: 500 13px/20px var(--font);
				padding: 10px 15px 9px 40px;
				color: var(--textcolor);
				border-bottom: 1px dashed transparent;
				cursor: pointer;
				filter: grayscale(100%);
				opacity: 0.6;
				margin-left: auto;
				transition: all .2s ease;
				&:hover {
					background-color: var(--lightgrey) ;
					filter: none;
					opacity: 1;
				}
			}
		}
		& input, & textarea {
			border: 1px solid #d9d9d9;
			border-radius: 3px;
			width: 100%;
			min-height: 40px;
			padding: 9px 12px 9px 20px;
			font: 400 16px/20px var(--font);
			color: #000;
			transition: all .2s ease;
			&:hover {
				border-color: #788496;
			}
			&:focus, &:active {
				border: 1px solid var(--primary);
				outline: none;
			}
		}
		& .order-phone-hint {
			font-size: 12px;
			font-weight: 400;
			padding-left: 22px;
			color: #788496;
			& .order-phone-hint__highlighted {
		        color: var(--primary);
				font-weight: 600;
			}
		}
	}
}
.cart-order__deliveries {
	border-radius: 5px;
    box-shadow: rgba(47, 61, 81, 0.1) 0px 2px 17px 0px, rgba(47, 61, 81, 0.1) 0px 2px 4px 0px;
    padding: 16px 37px;
    margin-bottom: 30px;
	& .cart-order__deliveries-title {
		font-size: 20px;
		font-weight: 500;
		position: relative;
		padding-bottom: 16px;
		&::after {
			content: '';
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			height: 1px;
			width: calc(100% + 74px);
			margin: 0 -37px;
			border-bottom: 1px solid #E5E8EC;
		}
	}
	& .cart-order__path {
		& .order-address {
			& h5 {
				font-size: 20px;
				font-weight: 500;
				position: relative;
				padding: 16px 0;
			}
			& .form-group {
				position: relative;
				margin: 12px 0;
				& .form-label {
					font-size: 14px;
					font-weight: 500;
					color: #788496;
					& .required-star {
						position: absolute;
						bottom: 10px;
						left: 7px;
						margin-right: 3px;
						color: #CA2F0D;
						font-size: 20px;
					}
				}
				& input, & select {
					border: 1px solid #d9d9d9;
					border-radius: 3px;
					width: 100%;
					min-height: 40px;
					padding: 10px 12px 8px 20px;
					font: var(--font);
					color: #000;
					transition: all .2s ease;
					&:hover {
						border-color: #788496;
					}
					&:focus, &:active {
						border: 1px solid var(--primary);
						outline: none;
					}
				}
				& select {
					position: relative;
					background: url(/assets/img/dropdown.svg) no-repeat right 10px center;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
				}
				& option {
					font: var(--font);
				}
				& .open-city-popup-basket-wrap {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					cursor: pointer;
					border: 1px solid transparent;
					&:hover {
						border: 1px solid #788496;
						border-radius: 3px;
					}
					& .open-city-popup-basket {
						position: absolute;
						top: 0px;
						right: 11px;
						display: inline-block;
						font-size: 11px;
						font-weight: 500;
						line-height: 11px;
					}
				}
			}
			& .short-groups {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				gap: 0 10px;
				& .short-group {
					margin: 6px 0;
					flex-basis: calc(25% - 10px);
					@media (width < 530px) {
						flex-basis: calc(50% - 10px);
					}
					& input {
						padding: 9px 12px;
					}
				}
			}
		}
	}
}
.cart-order__payments {
	border-radius: 5px;
	box-shadow: rgba(47, 61, 81, 0.1) 0px 2px 17px 0px, rgba(47, 61, 81, 0.1) 0px 2px 4px 0px;
	padding: 16px 37px;
	margin-bottom: 30px;
	& .radio-controls {
		flex-direction: column;
		& .li_payment_8 {
			display: none !important;
			& .icon-16 {
				scale: 0.7;
			}
			& .rc-tooltip {
				max-width: 332px;
				z-index: 1070;
				font-size: 12px;
				line-height: 1.5;
				display: none;
				position: absolute;
				left: 140px;
				& .rc-tooltip-content {
					box-shadow: 0 0 15px 2px #0000001a;
					font-size: 13px;
					border-radius: 0;
					padding: 5px;
					& .tooltip-checkout-credit, & .tooltip-checkout-installments {
						max-width: 332px;
						padding: 6px 10px;
					}
				}
			}
			& .icon-16:hover ~ .rc-tooltip {
				display: block;
			}
		}
	}
}
.cart-order-title {
	font-size: 20px;
	font-weight: 500;
	position: relative;
	padding-bottom: 16px;
	&::after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		height: 1px;
		width: calc(100% + 74px);
		margin: 0 -37px;
		border-bottom: 1px solid #E5E8EC;
	}
}
.radio-controls {
	padding: 16px 0 8px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
	& input {
		display: none;
	}
	& label {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		font-size: 16px;
		line-height: 20px;
		padding-left: 40px;
		min-height: 30px;
		position: relative;
		cursor: pointer;
		&::before {
			content: '';
			position: absolute;
			border-radius: 50%;
			width: 25px;
			height: 25px;
			top: calc(50% - 15px);
			left: 0;
			background: #fff;
			border: 2px solid #D3D8DF;
			transition: all .2s ease;
		}
		&::after {
			content: '';
			position: absolute;
			border-radius: 50%;
			width: 19px;
			height: 19px;
			top: calc(50% - 10px);
			left: 5px;
			background-color: var(--primary);
			opacity: 0;
			transition: all .2s ease;
		}
	}
	& input:checked ~ label::after {
		opacity: 1;
	}
	& input:not(:checked) ~ label:hover {
		&::before {
			background-color: var(--lightgrey);
			border-color: var(--primary);
		}
	}
}
.cart-order {
	@media (width >= 768px) {
		width: 340px;
		margin-left: 37px;
	}
	& .cart-order__totals {
		border-radius: 5px;
		box-shadow: rgba(47, 61, 81, 0.1) 0px 2px 17px 0px, rgba(47, 61, 81, 0.1) 0px 2px 4px 0px;
		margin-bottom: 30px;
		padding: 20px;
		@media (width >= 768px) {
			top: 50px;
			position: sticky;
		}
		& .form-group {
			display: flex;
			gap: 0 8px;
			flex-wrap: wrap;
			align-items: center;
			margin-bottom: 10px;
			& .cart-order__totals-text {
				font-size: 13px;
				font-weight: 500;
			}
			& .cart-order__totals-val {
				font-size: 16px;
				font-weight: 700;
			}
		}
		& .order-form__row {
			& .order-form__send-btn {
				width: 100%;
				justify-content: center;
				margin-top: 20px;
				height: 57px;
			}
		}
	}
}
.agreement_politics {
	font-size: 14px;
    font-weight: 500;
    color: #788496;
	& a {
		color: var(--textcolor);
	}
	& .change-link {
		color: var(--primary);
	}
}
/* end cart */
/* about */
.about {
	& .triggers-content {
		& .triggers-content__container {
			align-items: start;
			@media (width >=768px) {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
			}
			& .trigger-content {
				& .trigger-text {
					@media (width >= 1024px) {
						font-size: 17px;
						line-height: 22px;
					}
					& strong {
						@media (width >= 768px) {
							display: inline-block;
						}
					}
				}
			}
		}
	}
}
/* end about */
/* payment */
.payment {
	& .payment__container {
		padding-bottom: 30px;
		@media (width <= 1280px) {
			padding: 0 15px 30px;
		}
		@media (width >= 1024px) {
			display: flex;
			max-width: 1200px;
			margin: auto;
		}
		@media (width < 1024px) {
			padding: 0 0 30px;
		}
		& .payment-nav {
			margin-bottom: 40px;
		}
	}
	& .payment-menu {
		width: 100%;
		background: #f2f3f5;
		border-radius: 4px;
		box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
		margin-bottom: 30px;
		overflow: hidden;
		@media (width >= 1024px) {
			width: 240px;
			flex-shrink: 0;
			position: sticky;
			top: 50px;
		}
		@media (width < 1024px) {
			margin: 0 15px 30px;
			width: auto;
		}
		& .payment-menu__item {
			position: relative;
			&:last-of-type {
				& > a {
					border-bottom: none;
				}
			}
			& a {
				display: block;
				width: 100%;
				color: var(--textcolor);
				padding: 10px 14px 8px;
				font-size: 14px;
				font-weight: 500;
				border-bottom: 1px solid #fff;
				&:hover {
					background-color: #D3D8DF;
				}
			}
			&.active {
				& a {
					background-color: #fff;
					color: var(--hover);
					text-shadow: 1px 1px 0px rgba(255, 255, 255,0.5);
				}
			}
		}
	}
	& .payment-box {
		margin-bottom: 40px;
		@media (width >= 1280px) {
			padding: 0 0 0 50px;
		}
		@media (width >= 1024px) and (width <= 1280px) {
			padding: 0 0 0 35px;
		}
	}
	& section {
		margin-bottom: 30px;
		@media (width >= 1024px) {
			box-shadow: 0px 4px 40.1px 0px rgba(0, 0, 0, 0.09);
			border-radius: 4px;
			padding: 24px 30px 30px;
		}
		& .title {
			font-size: 20px;
			font-weight: 500;
			line-height: 32px;
			margin-bottom: 15px;
			text-transform: initial;
		}
		& p {
			font-weight: 500;
			margin: 10px 0;
		}
		& ul {
			list-style: none;
			margin: 20px 0;
			padding: 0 0 0 15px;
			font: 500 16px/24px var(--font);
			& li {
				& ul {
					margin: 0 0 10px;
				}
				&:before {
					content: '\2022';
					font-size: 16px;
					vertical-align: middle;
					line-height: 20px;
					margin: 0 10px 0 0;
				}
			}
		}
		& ol {
			margin: 20px 0;
			padding: 0 0 0 30px;
			font: 500 16px/24px var(--font);
			& li {
				& ol {
					margin: 0 0 10px;
				}
			}
		}
		& table.cellspacing5 {
			margin: 10px 0;
			width: 100%;
			& tr {
				& th, & td {
					padding: 14px 30px;
					border: 1px solid #D6D6D6;
				}
			}
			@media (width < 460px) {
				border-collapse: collapse;
				font-size: 14px;
				& tr {
					& th, & td {
						padding: 10px;
					}
				}
			}
		}
	}
	& .triggers-content {
		margin: 0 auto;
		& .triggers-content__title {
			font-size: 20px;
			font-weight: 500;
			line-height: 32px;
			margin-bottom: 15px;
			padding: 0;
			text-transform: initial;
		}
		& .triggers-content__container {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
			align-items: start;
			&.grid300 {
				grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
				@media (width >= 1024px) {
					grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
				}
			}
			& .trigger-content {
				display: grid;
				grid-template-columns: 45px 1fr;
				gap: 10px;
				align-items: center;
				@media (width >= 1024px) {
					&.trigger-content__warning {
						grid-row: 1 / 4;
						grid-column: 2/3;
						align-self: center;
					}
				}
				& .trigger-img {
					border: 1px solid #ECECEC;
					border-radius: 2px;
					width: 45px;
					height: 45px;
					display: flex;
					justify-content: center;
					align-items: center;
					margin-bottom: auto;
					& svg {
						width: 43px;
						height: 43px;
					}
				}
				& .trigger-text {
					font-size: 16px;
					line-height: 20px;
					font-weight: 500;
				}
				& .smaller {
					grid-column-start: 2;
					font-size: 13px;
					font-weight: 500;
					& strong {
						color: var(--hover);
						font-weight: 600;
					}
				}
			}
		}
	}
}
/* end payment */
/* showroom */
.showroom-portrait {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 100px;
	gap: 30px 0;
	@media(width >= 1024px) {
		& > * {
			flex-basis: 50%;
		}
		& .showroom-descr {
			padding-right: 50px;
			order: -1;
		}
	}
	& .showroom-photo {
		border-radius: 7px;
		overflow: hidden;
		& img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: left;
		}
	}
}
.contacts-map {
	width: 100%;
}
.contacts-map__container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 100px;
	gap: 50px 0;
	@media(width >= 1024px) {
		& > * {
			flex-basis: 50%;
		}
		& .contacts-map__box {
			padding-right: 50px;
		}
	}
	& .contacts-map__box {
		width: 100%;
	}
	& .contacts-map__road {
		display: flex;
		flex-direction: column;
		gap: 50px;
		justify-content: space-between;
		& .contacts-map__road-item {
			display: flex;
			gap: 30px;
			& .contacts-map__road-icon {
				border: 1px solid #ECECEC;
				border-radius: 2px;
				width: 55px;
				height: 55px;
				display: flex;
				justify-content: center;
				align-items: center;
				flex: 0 0 55px;
			}
			& .contacts-map__road-title {
				font-size: 20px;
				font-weight: 500;
				margin-bottom: 30px;
			}
		}
	}
}
#map-canvas {
	height: 316px;
	background: var(--lightgrey);
	border-radius: 7px;
	margin-bottom:15px;
	@media(width >= 1024px) {
		height: 100%;
		min-height: 316px;
	}
}
/* end showroom */
/* kontaktyi */
.contacts {
	& .triggers-content {
		margin: 30px auto 50px;
		& .triggers-content__title {
			font-size: 20px;
			font-weight: 500;
			line-height: 32px;
			margin-bottom: 15px;
			padding: 0;
			text-transform: initial;
		}
		& .triggers-content__container {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
			align-items: start;
			& .trigger-content {
				display: grid;
				grid-template-columns: 45px 1fr;
				gap: 10px;
				align-items: center;
				@media (width >= 1024px) {
					&.trigger-content__warning {
						grid-row: 1 / 4;
						grid-column: 2/3;
						align-self: center;
					}
				}
				& .trigger-img {
					border: 1px solid #ECECEC;
					border-radius: 2px;
					width: 40px;
					height: 40px;
					display: flex;
					justify-content: center;
					align-items: center;
					margin-bottom: auto;
					& svg {
						width: 30px;
						height: 30px;
					}
				}
				& .trigger-text {
					font-size: 16px;
					line-height: 20px;
					font-weight: 500;
				}
				& .smaller {
					grid-column-start: 2;
					font-size: 13px;
					font-weight: 500;
					& strong {
						color: var(--hover);
						font-weight: 600;
					}
				}
			}
		}
	}
}
/* end kontaktyi */
/* question */
.question {
	display: grid;
    /*grid-gap: 30px;*/
}
.question__item {
	box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
	position: relative;
	&:hover {
		box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
	}
	&::after {
		content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" class="svg" width="20px" height="20px" viewBox="0 0 20 20"%3E%3Cpath class="icon" d="M6.92 15.57C7.08 15.74 7.3 15.83 7.53 15.83C7.76 15.83 7.99 15.74 8.15 15.57L13.08 10.66C13.17 10.57 13.23 10.46 13.28 10.34C13.32 10.22 13.34 10.1 13.33 9.97C13.33 9.85 13.31 9.74 13.27 9.63C13.22 9.52 13.16 9.42 13.07 9.34L8.15 4.42C7.98 4.26 7.76 4.16 7.53 4.16C7.3 4.16 7.08 4.26 6.92 4.42C6.84 4.5 6.77 4.59 6.73 4.7C6.68 4.81 6.66 4.92 6.66 5.03C6.66 5.15 6.68 5.26 6.73 5.37C6.77 5.47 6.84 5.57 6.92 5.65L11.27 10L6.92 14.35C6.84 14.43 6.77 14.52 6.73 14.63C6.68 14.73 6.66 14.85 6.66 14.96C6.66 15.07 6.68 15.19 6.73 15.29C6.77 15.4 6.84 15.49 6.92 15.57Z" fill="%23666666"%3E%3C/path%3E%3C/svg%3E');
		position: absolute;
		top: 25px;
		right: 25px;
		width: 20px;
		height: 20px;
		transition: transform .3s;
		transform: rotate(90deg);
	}
	& .question__header {
		cursor: pointer;
		color: var(--textcolor);
        font-size: 19px;
        font-weight: 700;
		padding: 25px 50px 20px 25px;
	}
	& .question__content {
		display: none;
		padding: 10px 25px;
        position: relative;
		&.show {
			display: block;
		}
		&::before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 1px;
            width: 100%;
            margin: 0;
            border-bottom: 1px solid #E5E8EC;
        }
	}
	&:has( .question__content.show) {
		&::after {
			content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" class="svg" width="20px" height="20px" viewBox="0 0 20 20"%3E%3Cpath class="icon" d="M6.92 15.57C7.08 15.74 7.3 15.83 7.53 15.83C7.76 15.83 7.99 15.74 8.15 15.57L13.08 10.66C13.17 10.57 13.23 10.46 13.28 10.34C13.32 10.22 13.34 10.1 13.33 9.97C13.33 9.85 13.31 9.74 13.27 9.63C13.22 9.52 13.16 9.42 13.07 9.34L8.15 4.42C7.98 4.26 7.76 4.16 7.53 4.16C7.3 4.16 7.08 4.26 6.92 4.42C6.84 4.5 6.77 4.59 6.73 4.7C6.68 4.81 6.66 4.92 6.66 5.03C6.66 5.15 6.68 5.26 6.73 5.37C6.77 5.47 6.84 5.57 6.92 5.65L11.27 10L6.92 14.35C6.84 14.43 6.77 14.52 6.73 14.63C6.68 14.73 6.66 14.85 6.66 14.96C6.66 15.07 6.68 15.19 6.73 15.29C6.77 15.4 6.84 15.49 6.92 15.57Z" fill="%23666666"%3E%3C/path%3E%3C/svg%3E');
			transform: rotate(-90deg);
		}
		margin-bottom: 30px;
		box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
	}
}
/* end question */

.container {
	max-width: 1200px;
    margin: 0 auto;
	position: relative;
	@media (width <= 1280px) {
		padding: 0 15px;
	}
	@media (width <= 1200px) {
		max-width: 100%;
		position: relative;
	}
}
.title-wrap {
	margin-bottom: 30px;
}
.title {
	font-size: 30px;
	font-weight: 700;
	line-height: 32px;
	text-transform: uppercase;
}
.tabs_wrap {
	margin-bottom: 30px;
	& .tabs {
		display: flex;
		flex-wrap: wrap;
		gap: 1px 15px;
		& .tab {
			border-bottom: 2px solid transparent;
			background: #fff;
			padding: 16px 20px 14px;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 3px;
			box-shadow: 0px 2px 17px 0px rgba(47, 61, 81, 0.1), 0px 2px 4px 0px rgba(47, 61, 81, 0.1);
			font-size: 16px;
			font-weight: 500;
			color: #788496;
			cursor: pointer;
			flex: 1 0 auto;
			@media (width < 480px) {
				flex: 1 100%;
			}
			&:hover {
				box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
				cursor: pointer;
			}
			&.active {
				border-bottom: 2px solid var(--primary);
				box-shadow: 0px 2px 17px 0px rgba(47, 61, 81, 0.1), 0px 2px 4px 0px rgba(47, 61, 81, 0.1);
				color: var(--textcolor);
				cursor: initial;
				&:hover {
					cursor: initial;
				}
			}
		}
	}
}
.tabs_cont {
	& .tab-cont {
		&.active {
			display: block;
		}
		&.hide {
			display: none;
		}
	}
}

& .contact-form__box {
	& .contact-form__feedback {
		& .contact-form__feedback-title {
			font-size: 24px;
			font-weight: 700;
			text-transform: uppercase;
			padding: 0px 0px 30px;
		}
		& .contact-form__feedback-call {
			& .contact-form__feedback-subtitle {
				padding-bottom: 30px;
				line-height: 26px;
			}
			& a {
				font-size: 18px;
				font-weight: 700;
				color: var(--textcolor);
				text-wrap: nowrap;
				&:hover {
					text-decoration: underline;
				}	
			}
		}
	}
	& .main-form {
		box-shadow: 0px 2px 17px 0px rgba(47, 61, 81, 0.1), 0px 2px 4px 0px rgba(47, 61, 81, 0.1);
		padding: 20px 30px 18px;
		border-radius: 5px;
		margin-bottom: 100px;
		@media (width >= 768px) {
			max-width: 420px;
		}
	}
	& .contact-form__row {
		position: relative;
		margin: 12px 0px;
		&.required, &:has(input:required) {
			font-size: 14px;
			font-weight: 500;
			color: #788496;
			&::after {
				content: "*";
				position: absolute;
				top: 10px;
				left: 7px;
				color: #CA2F0D;
				font-size: 20px;
			}
		}
	}
	& input:not(.btn), & textarea {
		border: 1px solid #d9d9d9;
		border-radius: 3px;
		width: 100%;
		min-height: 40px;
		padding: 9px 12px 9px 20px;
		font: 400 16px/20px var(--font);
		color: #000;
		transition: all .2s ease;
		&:hover {
			border-color: #788496;
		}
		&:focus, &:active {
			border: 1px solid var(--primary);
			outline: none;
		}
	}
	& .btn {
		width: 100%;
	}
	.hide {
		display: none;
	}
}
/* footer */
.footer {
	background-color: #333;
	color: #fff;
	margin-top: auto;
	& .footer-top {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 45px 0;
		gap: 30px;
		@media (width < 768px) {
			justify-content: flex-start;
		}
		@media (width <= 460px) {
			justify-content: center;
		}
		& .footer-col {
			@media (width <= 460px) {
				flex-basis: 100%;
				text-align: center;
				}
			& .col-title {
				font-size: 16px;
				font-weight: 600;
				text-transform: uppercase;
				margin-bottom: 16px;
			}
			& .footer-logo {
				margin-bottom: 30px;
				img {
					max-width: 200px;
				}
			}
			& .footer-series {
				margin-bottom: 38px;
				& .footer-series__item {
					margin-bottom: 20px;
					& a {
						color: #fff;
						font-size: 16px;
						font-weight: 500;
						text-decoration: underline;
						&:hover {
							text-decoration: none;
						}
					}
				}
			}
			& .footer-menu {
				& .footer-menu__item {
					margin-bottom: 9px;
					& .footer-menu__link {
						color: #fff;
						opacity: 0.64;
						font-size: 13px;
						&:hover {
							opacity: 1;
							text-decoration: underline;
						}
					}
					& .footer-sitemap {
						opacity: 1;
						text-decoration: underline;
					}
				}
			}
		}
		& .footer-contacts {
			font-size: 13px;
			& a {
				display: inline-block;
				color: #fff;
				margin-bottom: 15px;
				&:hover {
					text-decoration: underline;
				}
			}
			& .footer-info a {
				text-decoration: underline;
				margin-top: 15px;
			}
			& .footer-phone, & .footer-email a {
				font-weight: 700;
			}
			& .footer-call {
				border-bottom: 1px dashed #fff;
				display: inline-block;
				line-height: 14px;
				cursor: pointer;
				&:hover {
					border: none;
				}
			}
		}
	}
	& .footer-bottom {
		background-color: #2E2E2E;
		padding: 45px 0 25px;
		& .flexbox {
			justify-content: space-between;
			gap: 20px;
			@media (width <= 460px) {
				flex-basis: 100%;
				text-align: center;
			}
		}
		& .footer-copyright {
			font-size: 13px;
			font-weight: 500;
		}
		& .footer-payment {
			@media (width <= 460px) {
				order: -1;
			}
			& .footer__pays {
				display: flex;
				flex-wrap: wrap;
				gap: 20px;
				flex-wrap: wrap;
				gap: 20px;
				justify-content: center;
				& .hover_blink {
					& i {
						display: inline-block;
						vertical-align: middle;
						background: url("/assets/img/payment.svg") no-repeat;
						&.cacsh {
							width: 20px;
							height: 20px;
							background-position: 0 0
						}
						&.mastercard {
							width: 27px;
							height: 20px;
							background-position-x: -67px
						}
						&.visa {
							width: 39px;
							height: 20px;
							background-position-x: -24px
						}
						&.yandex_money {
							width: 25px;
							height: 19px;
							background-position: -626px -198px
						}
						&.webmoney {
							width: 20px;
							height: 20px;
							background-position-x: -322px
						}
						&.qiwi {
							width: 18px;
							height: 20px;
							background-position-x: -278px
						}
						&.sbrf {
							width: 20px;
							height: 20px;
							background-position-x: -346px
						}
						&.alfa {
							width: 16px;
							height: 20px;
							background-position-x: -370px
						}
						&.mir {
							width: 51px;
							height: 20px;
							background-position-x: -165px
						}
						&.jcb {
							width: 26px;
							height: 20px;
							background-position-x: -220px
						}
						&.paypal {
							width: 18px;
							height: 20px;
							background-position-x: -300px
						}
						&.maestro {
							width: 27px;
							height: 20px;
							background-position-x: -98px
						}
						&.yoomoney {
							width: 28px;
							height: 20px;
							background-position-x: -455px
						}
						&.yookassa {
							width: 28px;
							height: 20px;
							background-position-x: -487px
						}
						&.belkart,&.halva {
							width: 20px;
							height: 20px;
							background-position-x: -519px
						}
						&.halva {
							background-position-x: -543px
						}
						&.tinkoff {
							width: 61px;
							height: 20px;
							background-position-x: -390px
						}
						&.applepay {
							width: 46px;
							height: 20px;
							background-position-x: -567px
						}
						&.google_pay {
							width: 46px;
							height: 20px;
							background-position-x: -617px
						}
						&.yandex_pay {
							width: 38px;
							height: 20px;
							background-position-x: -667px
						}
						&.samsung_pay {
							width: 20px;
							height: 20px;
							background-position-x: -710px
						}
						&.assist {
							width: 24px;
							height: 20px;
							background-position-x: -250px
						}
						&.robokassa {
							width: 20px;
							height: 20px;
							background-position-x: -734px
						}
						&.pay_anyway {
							width: 20px;
							height: 20px;
							background-position-x: -758px
						}
						&.sbp {
							width: 15px;
							height: 20px;
							background-position-x: -782px
						}
						&.paykeeper {
							width: 87px;
							height: 20px;
							background-position-x: -801px
						}
					}
				}
			}
		}
	}
}
/* end footer*/

/*& ul.leftmenu {
	& li {
		& a {
			display: block;
			width: 240px;
			border: 1px solid #CCC;
			border-radius: 4px;
			padding: 13px 37px;
			font-size: 16px;
			font-weight: 500;
			color: #7E7E7E;
			margin-bottom: 10px; 
			background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M6.92 15.57C7.08 15.74 7.3 15.83 7.53 15.83C7.76 15.83 7.99 15.74 8.15 15.57L13.08 10.66C13.17 10.57 13.23 10.46 13.28 10.34C13.32 10.22 13.34 10.1 13.33 9.97C13.33 9.85 13.31 9.74 13.27 9.63C13.22 9.52 13.16 9.42 13.07 9.34L8.15 4.42C7.98 4.26 7.76 4.16 7.53 4.16C7.3 4.16 7.08 4.26 6.92 4.42C6.84 4.5 6.77 4.59 6.73 4.7C6.68 4.81 6.66 4.92 6.66 5.03C6.66 5.15 6.68 5.26 6.73 5.37C6.77 5.47 6.84 5.57 6.92 5.65L11.27 10L6.92 14.35C6.84 14.43 6.77 14.52 6.73 14.63C6.68 14.73 6.66 14.85 6.66 14.96C6.66 15.07 6.68 15.19 6.73 15.29C6.77 15.4 6.84 15.49 6.92 15.57Z' fill='%237E7E7E'/%3E%3C/svg%3E") calc(100% - 14px) center no-repeat;
			
		}
		&.hover, &:hover {
			& a {
				color: var(--hover);
				background: rgba(82, 180, 97, 0.26) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cpath d='M6.92 15.57C7.08 15.74 7.3 15.83 7.53 15.83C7.76 15.83 7.99 15.74 8.15 15.57L13.08 10.66C13.17 10.57 13.23 10.46 13.28 10.34C13.32 10.22 13.34 10.1 13.33 9.97C13.33 9.85 13.31 9.74 13.27 9.63C13.22 9.52 13.16 9.42 13.07 9.34L8.15 4.42C7.98 4.26 7.76 4.16 7.53 4.16C7.3 4.16 7.08 4.26 6.92 4.42C6.84 4.5 6.77 4.59 6.73 4.7C6.68 4.81 6.66 4.92 6.66 5.03C6.66 5.15 6.68 5.26 6.73 5.37C6.77 5.47 6.84 5.57 6.92 5.65L11.27 10L6.92 14.35C6.84 14.43 6.77 14.52 6.73 14.63C6.68 14.73 6.66 14.85 6.66 14.96C6.66 15.07 6.68 15.19 6.73 15.29C6.77 15.4 6.84 15.49 6.92 15.57Z' fill='%23078419'/%3E%3C/svg%3E") calc(100% - 14px) center no-repeat;
				border: 1px solid var(--primary);
			}
		}
	}
}*/
.scroll-top {
	display: block;
	width: 60px;
	height: 60px;
	position: fixed;
	right: -60px;
	bottom: 70px;
	border-radius: 39px;
	background: var(--primary);
	z-index: 800;
	transition: right .2s ease;
	opacity: 0.5;
	&::after, &::before {
		content: "";
		display: block;
		position: absolute;
	}
	&::after {
		width: 6px;
		height: 20px;
		left: 27px;
		bottom: 14px;
		background: #fff;
	}
	&::before {
		width: 0;
		height: 0;
		left: 20px;
		bottom: 34px;
		border-bottom: 14px solid #fff;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
	}
	&.show {
		right: 5px;
	}
	&:hover {
		opacity: 1;
	}
}

.visible-tablet {
	@media (width >= 1024px) {
		display: none !important;
	}
}
.hidden-tablet {
	@media (width < 1024px) {
		display: none !important;
	}
}
.visible-mobile {
	@media (width >= 768px) {
		display: none !important;
	}
}
.hidden-mobile {
	@media (width < 768px) {
		display: none !important;
	}
}
/* news */
.news-item {
	display: flex;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
	&:not(:last-child) {
		border-bottom: 1px solid var(--lightgrey);
	}
	@media (width <= 768px) {
		flex-direction: column;
	}
	& .news-img {
		width: 150px;
		max-width: 150px;
		max-height: 300px;
		display: flex;
		align-items: flex-start;
		flex-shrink: 0;
		& img {
			max-width: 90%;
			max-height: 90%;
		}
		@media (width <= 768px) {
			width: 100%;
			max-width: 100%;
			margin-bottom: 20px;
			justify-content: center;
			& img {
				max-width: 100%;
				max-height: 300px;
			}
		}
	}
	& .news__content {
		font-size: 14px;
        font-weight: 500;
		& .news__title {
			display: block;
			font-size: 20px;
            font-weight: 700;
            margin-bottom: 15px;
			color: var(--textcolor);
			&:hover {
                text-decoration: underline;
            }
		}
		& .news__date {
			font-size: 13px;
			font-weight: 500;
			color: #7f7f7f;
			margin-bottom: 15px;
		}
		& .news__show-all-btn {
			display: inline-block;
			margin-top: 15px;
			border: 1px solid var(--primary);
			border-radius: 4px;
			padding: 10px 14px;
			background-color: var(--primary);
			color: #fff;
			text-decoration: none;
			font: 500 16px / 20px var(--font);
			cursor: pointer;
			transition: all 0.3s;
			min-height: 40px;
			&:hover, &:focus {
				background-color: var(--hover);
				border: 1px solid var(--hover);
				border-radius: 4px;
				color: #fff;
				text-decoration: none;
			}
		}
	}
}
& .pagination {
	margin: 32px 0;
	padding-bottom: 30px;
	@media (width >= 1280px) {
		padding: 0 0 40px 50px;
	}
	@media (width >= 1024px) and (width <= 1280px) {
		padding: 0 0 40px 35px;
	}
	& .pages {
		display: flex;
		justify-content: center;
		gap: 8px;
		flex: 1 0;
		& li {
			&.active {
				background: var(--lightgrey);
				color: var(--hover);
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 6px;
				min-width: 32px;
				height: 32px;
				font: 500 13px/20px var(--font);
				border: 1px solid #CBD1D9;
				border-radius: 4px;
			}
			& a {
				color: var(--textcolor);
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 6px;
				min-width: 32px;
				height: 32px;
				font: 500 13px/20px var(--font);
				border: 1px solid #CBD1D9;
				border-radius: 4px;
				&:hover {
					border-color: #788496;
				}
			}
		}
	}
}
/* end news */

/* catalogs */
.catalogs-list {
	display: flex;
    flex-wrap: wrap;
	margin-bottom: 75px;
	& .catalogs-item {
		max-width: 244px;
		width: 100%;
		margin: 20px;
		padding: 20px;
		background: #fff;
		cursor: pointer;
		border-radius: 5px;
		box-shadow: 0px 2px 17px 0px rgba(47, 61, 81, 0.1), 0px 2px 4px 0px rgba(47, 61, 81, 0.1);
		&:hover {
			box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
		}
		@media (width <= 768px) {
			margin:20px auto;
			max-width: 315px;
		}
		& .catalogs-item__name {
			padding: 20px 0;
			& a {
				font-size: 20px;
				font-weight: 600;
				color: var(--textcolor);
				&:hover {
					text-decoration: underline;
				}
			}
		}
		& .catalogs-item__links {
			display: flex;
			justify-content: space-between;
			gap: 10px;
		}
	}
}
/* end catalogs */

/* order-success */
.order-success {
	& .order-text {
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 30px;
	}
	& .table-overflow {
		overflow: auto;
	}
	& .cart-table {
		width: 100%;
		min-width: 600px;
	}
	& .main-table-col {
		font-size: 13px;
		font-weight: 500;
	}
	& .footer-table-row td {
		border: none;
		&.footer-table-text {
			text-align: right;
		}
	}
	@media (width <= 768px) {
		& .footer-table-row {
			display: none;
		}
	}
	@media (width >= 768px) {
		& .only-mobile {
			display: none ;
		}
	}
	& .only-mobile {
		& .total-cost-block {
			margin-top: 15px;
			& .total-cost-block__row {
				display: flex;
				justify-content: space-between;
				align-items: center;
				&:not(:first-child) {
					margin-top: 10px;
				}
			}
		}
	}
	& .cart-center-block {
		width: 100%;
		text-align: center;
		& .order-but-container {
			display: inline-block;
			margin: 30px auto 100px;
		}
	}
}
/* end order-success */

/*new*/
.triggers-content .trigger-hint {
    display: none;
    width: 100%;
    min-width: 260px;
    margin-bottom: 70px;
    padding: 16px;
    position: absolute;
    bottom: 80%;
    left: 50%;
    transform: translateX(-50%);
    border: 2px solid rgba(22,24,25,.23);
    box-shadow: 0 4px 0 0 rgba(22,24,25,.23);
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    font-size: 14px;
    text-align: justify;
    opacity: 0;
    z-index: 5
}

.triggers-content .trigger-hint:after {
    content: "";
    width: 26px;
    height: 17px;
    margin-left: -13px;
    position: absolute;
    left: 50%;
    bottom: -17px;
    background: url(/assets/site/themes/app/img/sprite.png) -215px -28px
}
.d-none{
	display:none;
}
.form-popup__content {
	background-color: #fff;
	padding: 40px 20px 10px;
	max-width: 400px;
	min-width: 320px
}

@media screen and (min-width: 1100px) {
	.contact-form {
		max-width: 444px;
		margin: auto
	}
}


@media screen and (min-width: 768px) {
	.contact-form__box {
		margin-top:25px
	}
}

.contact-form__feedback-title {
	text-transform: uppercase;
	font-size: 22px;
	padding-bottom: 22px;
	text-align: center
}

@media screen and (min-width: 1100px) {
	.contact-form__feedback-title {
		text-align:inherit
	}
}

.contact-form__feedback-subtitle {
	/*text-align: center;*/
	padding-bottom: 12px
}

.contact-form__feedback-call a {
	font-size: 32px;
	font-family: scada,sans-serif;
	color: #000;
	line-height: 32px;
	/*display: block;
	text-align: center;*/
	padding-bottom: 22px
}
form .hide{
	display: none;
}
.callback-form .ajax-form-button{
	width: 100%;
}

.city-popup {
	max-width: 705px;
	min-width: 320px;
	max-height: 100%;
	box-sizing: content-box;
	padding-top: 30px
}

@media screen and (min-width: 1100px) {
	.city-popup {
		max-width:920px;
		padding: 30px 30px 0 0
	}
}

.city-popup .city-popup-content {
	background: #fff
}

.city-popup .popup-title {
	font-size: 24px;
	color: #000
}

.city-popup .popup-title span {
	position: relative;
	line-height: 27px;
	white-space: nowrap
}

.city-popup .delivery-hint-block {
	position: absolute;
	right: -25px;
	width: 20px;
	height: 20px;
	bottom: 14px
}

@media (max-width: 500px) {
	.city-popup .delivery-hint-block {
		bottom:7px
	}
}

.city-popup .delivery-hint-block .delivery-hint-icon {
	border: 1px solid #e5e5e5;
	border-radius: 100%;
	background-color: #fff;
	display: inline-block;
	color: silver;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	position: relative;
	transition: transform .25s ease-in-out,box-shadow .2s ease-in-out;
	width: 100%;
	height: 100%
}

@media screen and (min-width: 1100px) {
	.city-popup .delivery-hint-block .delivery-hint-icon:hover+.delivery-hint-text {
		opacity:1;
		visibility: visible
	}
}

.city-popup .delivery-hint-block .delivery-hint-text {
	position: relative;
	width: 200px;
	height: 130px;
	left: 0;
	margin-left: -150px;
	top: 10px;
	color: #000;
	font-size: 12px;
	font-weight: 400;
	border: 1px solid #e1e1e1;
	transition: .3s;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	box-shadow: 0 5px 25px 2px rgba(0,0,0,.07)
}

.city-popup .delivery-hint-block .delivery-hint-text.active {
	opacity: 1;
	visibility: visible
}

.city-popup .delivery-hint-block .delivery-hint-text:after {
	content: "";
	position: absolute;
	top: 0;
	margin-top: -7px;
	right: 20px;
	margin-right: 12px;
	width: 12px;
	height: 12px;
	z-index: 0;
	background: #fff;
	border: 1px solid #e1e1e1;
	transform: rotate(45deg)
}

@media (max-width: 400px) {
	.city-popup .delivery-hint-block .delivery-hint-text {
		left:0;
		margin-left: -212px;
		top: -32px
	}

	.city-popup .delivery-hint-block .delivery-hint-text:after {
		top: 0;
		margin-top: 14px;
		right: 0;
		margin-right: -7px
	}
}

.city-popup .delivery-hint-block .delivery-hint-text .delivery-hint-text-inner {
	position: absolute;
	height: 100%;
	width: 100%;
	padding: 10px;
	z-index: 1;
	background-color: #fff;
	line-height: 15px;
	white-space: normal
}

.city-popup .delivery-desc-block {
	text-align: right;
	border-top: 1px solid #e1e1e1;
	padding: 20px 0 30px
}

.city-popup .delivery-desc {
	margin-top: 10px;
	margin-right: 20px;
	padding-left: 50px;
	font-size: 14px;
	font-weight: 300;
	color: #909090;
	display: inline-block;
	position: relative
}

.city-popup .delivery-desc:before {
	content: "";
	display: block;
	position: absolute;
	width: 35px;
	height: 15px;
	top: -1px;
	left: 7px;
	background-image: url(/assets/site/themes/app/img/icons/car-city.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain
}

.city-popup .cities {
	margin-top: 30px;
	display: inline-block
}

.city-popup .cities a {
	margin-bottom: 20px;
	width: 160px;
	display: inline-block;
	font-size: 14px;
	color: #3a3a3a;
	text-decoration: underline
}

.city-popup .cities a.important {
	font-size: 15px;
	font-weight: 700
}

@media screen and (min-width: 1100px) {
	.city-popup .cities a:hover {
		text-decoration:none;
		color: #097ca5
	}

	.city-popup .cities a.important {
		font-size: 17px;
		font-weight: 700
	}
}

@media (max-width: 380px) {
	.city-popup .cities a {
		width:142px
	}
}

.city-popup .cities a:hover {
	color: #3eb0d7
}

.city-popup .input-block {
	margin-top: 30px
}

@media (max-width: 400px) {
	.city-popup .input-block {
		margin-top:10px
	}
}

.city-popup .input-block form {
	position: relative
}

.city-popup .input-block form input {
	float: left
}

.city-popup .input-block form button {
	float: right;
	text-transform: uppercase;
	cursor: pointer
}

@media (max-width: 400px) {
	.city-popup .input-block form button {
		width:100%;
		margin-top: 15px
	}
}

.city-popup .input-block .input-title {
	font-size: 14px;
	font-weight: 300;
	color: #000;
	display: block;
	line-height: 35px;
	vertical-align: middle
}

.city-popup .input-block .search-city {
	height: 35px;
	width: 84%;
	float: right;
	padding: 0 10px;
	font-size: 14px;
	font-weight: 500
}

.city-popup .text {
	width: 90%;
	margin-top: 50px;
	padding-top: 30px
}

.city-popup .text p {
	font-size: 12px;
	font-weight: 300;
	color: #909090
}

.city-popup .city-tabs {
	overflow: hidden
}

.city-popup .city-tabs .city-tab-item.active .city-tab-title {
	background: #fff;
	background-color: var(--primary);
	border-top: 0
}

.city-popup .city-tabs .city-tab-item:not(.active) .city-tab-content {
	display: none
}

@media screen and (max-width: 500px) {
	.city-popup .city-tabs .city-tab-item:not(:first-child) .city-tab-title {
		border-top:1px solid #ececed
	}
}

@media screen and (min-width: 500px) {
	.city-popup .city-tabs .city-tab-item:last-child .city-tab-title {
		border-right:0
	}
}

.city-popup .city-tabs .city-tab-item .city-tab-title {
	font-weight: 500;
	background: #f5f5f5;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 20px;
	padding: 15px;
	vertical-align: bottom;
	text-align: center;
	cursor: pointer
}

@media only screen and (min-width: 500px) {
	.city-popup .city-tabs .city-tab-item .city-tab-title {
		border-left:1px solid #ececed;
		border-right: 1px solid #ececed
	}

	.city-popup .city-tabs .city-tab-item .city-tab-title:first-child {
		border-left: 0
	}
}

.city-popup .city-tabs .city-tab-item .city-tab-content {
	padding: 0 20px
}

@media screen and (min-width: 1100px) {
	.city-popup .city-tabs .city-tab-item .city-tab-content {
		padding:0 75px
	}
}

@media (max-width: 400px) {
	.city-popup .city-tabs .city-tab-item .city-tab-content {
		padding:0 10px
	}
}

@media (min-width: 501px) {
	.city-popup .city-tabs {
		position:relative
	}

	.city-popup .city-tabs .city-tab-item.active {
		padding-top: 70px;
		border-top: 1px solid #ececed
	}

	.city-popup .city-tabs .city-tab-item.active .city-tab-title {
		border-bottom: none
	}

	.city-popup .city-tabs .city-tab-item:first-child .city-tab-title {
		left: 0
	}

	.city-popup .city-tabs .city-tab-item:nth-child(2) .city-tab-title {
		left: 33.33333%
	}

	.city-popup .city-tabs .city-tab-item:nth-child(3) .city-tab-title {
		left: 66.66667%
	}

	.city-popup .city-tabs .city-tab-title {
		top: 0;
		width: 33.33333%;
		position: absolute
	}
}

@media (max-width: 500px) {
	.city-popup .city-tabs .popup-title {
		width:100%;
		position: static
	}
}

@media (min-width: 401px) and (max-width:500px) {
	.city-popup .city-tabs .city-tab-item.active .city-tab-content {
		padding-top:35px
	}

	.city-popup .city-tabs .popup-title {
		font-size: 20px
	}
}

@media (max-width: 400px) {
	.city-popup .city-tabs .city-tab-item.active .city-tab-content {
		padding-top:15px
	}

	.city-popup .city-tabs .popup-title {
		font-size: 17px
	}
}

#colorbox.colorbox-city #cboxClose {
	top: 3px;
	right: 3px;
	background-position: unset
}

#colorbox.colorbox-city #cboxClose:before {
	color: #fff;
	font-size: 32px
}

#colorbox.colorbox-city #cboxClose:hover:before {
	opacity: .9
}
.autocomplete {
	height: 36px;
	width: calc(100% - 120px);
	padding: 0 10px 0 45px;
	font-size: 14px;
	font-weight: 500;
	position: relative;
	border: 1px solid #e3e3e3;
	background-image: url(/assets/site/themes/app/img/icons/search-grey.svg);
	background-repeat: no-repeat;
	background-position: 15px;
	background-size: 17px
}



.series-content-colorbox #cboxContent {
    padding: 70px 40px 30px 80px;
    font-size: 15px;
    line-height: 19px;
    background: #fff;
    border-radius: 5px;
	& .final-price-but-icon {
		color: transparent;
		width: 30px;
		height: 30px;
		background-image: url("/assets/img/final-price-but-icon.svg");
		float: left;
		margin-right: 10px;
	}
	& .sizes-but-icon {
		color: transparent;
		width: 30px;
		height: 30px;
		background-image: url(/assets/img/configurator-sizes-button.svg);
		float: left;
		margin-right: 10px;
	}
}

.sizes-list {
    display: table-cell;
}
@media only screen and (max-width: 500px) {
    .sizes-list {
        display:block
    }
}
.sizes-list.right-sizes {
    padding-left: 30px
}
@media only screen and (max-width: 500px) {
    .sizes-list.right-sizes {
        padding-left:0;
        padding-top: 30px
    }
}
.sizes-list-title {
    padding: 0 0 15px;
    line-height: 14px;
    color: #6f6c6d;
    text-align: center;
}
.size-content {
    padding-bottom: 10px;
    position: relative;
    font-size: 14px;
    line-height: 26px;
    color: #6f6c6d;
    box-sizing: content-box
}

.size-content:before {
    content: "";
    position: absolute;
    top: 0;
    background-image: url('/assets/img/sizes_sprite.png')
}

.size-content.horiz-size {
    padding-left: 123px
}

.size-content.horiz-size:before {
    height: 26px
}

.size-content.horiz-size.socket-num-1:before {
    width: 26px;
    left: 87px;
    background-position: -157px 0
}

.size-content.horiz-size.socket-num-2:before {
    width: 47px;
    left: 66px;
    background-position: -192px -28px
}

.size-content.horiz-size.socket-num-3:before {
    width: 69px;
    left: 44px;
    background-position: -170px -55px
}

.size-content.horiz-size.socket-num-4:before {
    width: 91px;
    left: 22px;
    background-position: -148px -83px
}

.size-content.horiz-size.socket-num-5:before {
    width: 114px;
    left: 0;
    background-position: -125px -110px
}

.size-content.vert-size {
    padding-left: 36px
}

.size-content.vert-size:before {
    width: 26px;
    left: 0
}

.size-content.vert-size.socket-num-1 {
    height: 26px
}

.size-content.vert-size.socket-num-1:before {
    height: 26px;
    background-position: -157px 0
}

.size-content.vert-size.socket-num-2 {
    height: 47px
}

.size-content.vert-size.socket-num-2:before {
    height: 47px;
    background-position: -28px 0
}

.size-content.vert-size.socket-num-3 {
    height: 69px
}

.size-content.vert-size.socket-num-3:before {
    height: 69px;
    background-position: 0 0
}

.size-content.vert-size.socket-num-4 {
    height: 91px
}

.size-content.vert-size.socket-num-4:before {
    height: 91px;
    background-position: 0 -71px
}

.size-content.vert-size.socket-num-5 {
    height: 113px
}

.size-content.vert-size.socket-num-5:before {
    height: 113px;
    background-position: -28px -49px
}

@media only screen and (max-width: 375px) {
    .series-content-colorbox #cboxContent {
        padding:90px 30px 30px
    }
}

.series-content-colorbox #cboxContent a {
	color:var(--primary);
}

.series-content-colorbox #cboxContent p {
    padding-bottom: 15px
}

@media only screen and (max-width: 500px) {
    .series-content-colorbox.in-size-colorbox #cboxContent {
        padding:60px 40px 40px
    }
}

.interior-gall-colorbox #cboxContent {
    background: #fff;
    overflow: hidden;
    border: 2px solid rgba(22,24,25,.23);
    box-shadow: 0 4px 0 0 rgba(22,24,25,.23);
    padding: 75px 75px 10px;
    border-radius: 5px
}

@media only screen and (max-width: 414px) {
    .interior-gall-colorbox #cboxContent {
        padding:95px 50px 30px
    }
}

.interior-gall-colorbox #cboxTitle {
    font-size: 18px;
    line-height: 18px;
    font-family: scada,sans-serif;
    font-weight: 700;
    padding-top: 10px
}

@media only screen and (max-width: 414px) {
    .interior-gall-colorbox #cboxTitle {
        padding-top:20px
    }
}

.interior-gall-colorbox #cboxLoadedContent {
    margin-bottom: 20px
}

@media only screen and (max-width: 414px) {
    .interior-gall-colorbox #cboxNext,.interior-gall-colorbox #cboxPrevious {
        top:62%;
        width: 50px;
        height: 50px
    }

    .interior-gall-colorbox #cboxNext:before,.interior-gall-colorbox #cboxPrevious:before {
        content: "";
        border-top: 13px solid transparent;
        border-bottom: 13px solid transparent;
        position: absolute;
        top: 13px
    }
}

.interior-gall-colorbox #cboxNext:hover:before {
    border-left-color: #fff
}

@media only screen and (max-width: 414px) {
    .interior-gall-colorbox #cboxNext:before {
        border-left:15px solid var(--primary);
        right: 15px
    }
}

.interior-gall-colorbox #cboxPrevious:hover:before {
    border-right-color: #fff
}

@media only screen and (max-width: 414px) {
    .interior-gall-colorbox #cboxPrevious:before {
        border-right:15px solid var(--primary);
        left: 15px
    }
}

#cboxClose:before {
    color: #5e5e5e;
    font: 22px/14px Verdana,sans-serif
}

@media screen and (min-width: 1100px) {
    #cboxClose:before {
        font:36px/28px Verdana,sans-serif
    }
}
#cboxClose:hover:before {
    color: #5e5e5e;
    opacity: .5
}
.final-price-center {
    padding: 10px 20px 20px
}

@media only screen and (max-width: 414px) {
    .final-price-center {
        padding:10px 0 20px
    }
}

.final-price-center div {
    display: inline-block
}

.final-price-symbol {
    padding: 20px 20px 0;
    font-size: 31px;
    vertical-align: top
}

@media only screen and (max-width: 414px) {
    .final-price-symbol {
        padding:20px 5px 0
    }
}

.final-price-icon {
    padding-top: 60px;
    position: relative;
    font-weight: 400;
    font-size: 11px;
    text-align: center
}

.final-price-icon:before {
    content: "";
    position: absolute;
    background-image: url(/assets/img/sprite.png)
}

.final-price-text {
    padding-bottom: 10px
}

.final-price-mech:before {
    width: 56px;
    height: 56px;
    top: 2px;
    left: 0;
    background-position: -89px -45px
}

.final-price-switch:before {
    width: 46px;
    height: 47px;
    top: 7px;
    background-position: -146px -45px
}

.final-price-prod:before {
    width: 60px;
    height: 60px;
    top: 0;
    left: 5px;
    background-position: -89px -102px
}
.form-popup__content {
    background-color: #fff;
    padding: 40px 20px 10px;
    max-width: 400px;
    min-width: 320px
}

.config-popup-title {
    margin-bottom: 25px;
    color: #222;
    font-size: 24px;
    font-weight: 500;
    line-height: 21px
}

.payment-methods-popup {
    padding: 40px;
    max-width: 730px;
    background: #fff;
    position: relative;
    border: 1px solid #ececed;
    box-shadow: 0 1px 18px 1px rgba(29,25,41,.13);
    border-radius: 2px;
    background-color: #fff
}

.payment-methods-popup .text {
    padding: 0
}

.payment-methods-popup .private-person div {
    color: #5e5e5e;
    font-size: 16px;
    font-weight: 500
}

.payment-methods-popup .private-person ol {
    list-style-type: decimal;
    list-style-position: inside
}

.payment-methods-popup .private-person ol li {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.payment-methods-popup .legal-entity {
    margin-top: 30px
}

.payment-methods-popup .legal-entity div {
    color: #5e5e5e;
    font-size: 16px;
    font-weight: 500
}

.payment-methods-popup .legal-entity p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.payment-methods-popup .types-of-cart {
    margin-top: 30px
}

.payment-methods-popup .types-of-cart div {
    margin-bottom: 20px;
    color: #5e5e5e;
    font-size: 16px;
    font-weight: 500
}

.payment-methods-popup .types-of-cart ul {
    display: flex;
    align-items: center
}

.payment-methods-popup .types-of-cart ul li {
    display: inline-block;
    margin-left: 20px
}

.payment-methods-popup .types-of-cart ul li img {
    display: block
}

.payment-methods-popup .more-info {
    margin-top: 25px
}

.payment-methods-popup .more-info p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.payment-methods-popup .more-info p a {
    font-size: 16px;
    color: var(--text-color);
    font-weight: 500;
    text-decoration: underline
}

.return-and-exchange-popup {
    padding: 40px 40px 0;
    max-width: 726px;
    background: #fff;
    position: relative;
    border: 1px solid #ececed;
    box-shadow: 0 1px 18px 1px rgba(29,25,41,.13);
    border-radius: 2px;
    background-color: #fff
}

.return-and-exchange-popup .text {
    padding: 0
}

.return-and-exchange-popup .text p {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 22px
}

.return-and-exchange-popup .text p a {
    font-size: 16px;
	color:var(--text-color);
    font-weight: 500;
    text-decoration: underline
}

#cboxContent {
	& .product-category__wrap {
		background-color: #fff;
		border-radius: 5px;
		padding: 35px 50px 20px 20px;
		& .product-category__title {
			font-size: 17px;
            font-weight: 600;
			padding-bottom: 12px;
			border-bottom: 1px solid #E5E8EC;
		}
		& .product-category__list {
			position: relative;
			margin-top: 15px;
			&::before {
				content: '';
				width: 1px;
				height: 100%;
				background-color: #788496;
				position: absolute;
				top: 0;
				left: 3px;
			}
			& li {
				padding: 0px 15px;
				margin: 11px 0;
				display: block;
				line-height: 18px;
				& a {	
					font-size: 14px;
					font-weight: 400;
					color: #788496;
					&::before {
						content: '';
						width: 7px;
						height: 20px;
						background-color: var(--primary);
						border-radius: 3px;
						position: absolute;
						left: 0;
						opacity: 0;
						transition: opacity .3s;
					}
					&.active {
						color: var(--textcolor);
						&::before {
							opacity: 1;
						}
					}
					&:hover {
						color: var(--textcolor);
					}
				}
			}
		}
	}
}
.catalogs-item__download{
	color:var(--text-color);
	text-decoration:underline;
	margin-left: 20px;
}
.catalogs-item__download{
	text-decoration:none;
}
.news__content img {
    display: block;
    margin: 0 auto 20px;
    max-width: 100%;
    height: auto;
    width: auto;
}
.pdf-gall-colorbox #cboxTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
	position: absolute;
    top: 10px;
    left: 30px;
    right: 50px;
}
.pdf-gall-colorbox #cboxContent {
    padding: 70px 0 0;
    background: #fff;
    overflow: hidden;
    border: 2px solid rgba(22, 24, 25, .23);
    box-shadow: 0 4px 0 0 rgba(22, 24, 25, .23);
    border-radius: 5px;
}
@media (width <= 820px) {
	.product-category__content{
		min-height:100vh;
		min-width: 90vw;
	}
}
.in-showroom-colorbox .questions-info{
	padding-top:20px;
	min-width:350px !important;
}
.filter-list  .disabled {
	opacity: .5;
	cursor: default;
	pointer-events: none; 
}
.filter-side .dropdown-list .show-all span:after {
    content: "показать все";
    font-weight: 500;
    font-size: 12px;
    cursor: pointer;
}
.filter-side .dropdown-list.filter-max-height .checkbox-list {
    height: 210px;
    overflow: hidden;
}
.filter-side .dropdown-list.show .show-all span:after {
    content: "скрыть все";
}

#msOrder-wrapper.samovivoz .order-samovivoz-block {
    display: block;
}
#msOrder-wrapper.samovivoz .delivery-cost-block, #msOrder-wrapper.samovivoz .order-address {
    display: none;
}
.order-samovivoz-block {
    display: none;
}
.series-7019 .banner-gallery__item-colors--container{
	height:200px;
	overflow:hidden;
	mask-image: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 10%, rgb(255, 255, 255) 97%, rgba(255,255,255,0) 100%)
}
.product-tile .elctr-prod-parts-row {
  display:none;
}
input.user-ch {
    display: none;
}
.dropdown-menu-wrapper {
	opacity: 0;
	visibility: hidden;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	padding-top: 10px;
	background: #fff;
	box-shadow: 0 10px 30px rgba(34,34,34,.1);
	min-width: 220px;
	border-radius: 0 0 5px 5px;
	transition: opacity .2s ease-in-out,visibility .2s ease-in-out;
	cursor: initial;
	@media (width <= 1280px) {
		left: 15px;
		right: 15px;
	}
	& .full-menu {
		display: flex;
		height: 475px;
		& .full-menu__list {
			overflow: hidden;
			display: flex;
			flex-direction: column;
			width: 0px;
			height: 100%;
			flex-shrink: 0;

			padding: 20px 16px;
			@media (width <= 1280px) {
				width: 262px;
			}
			& .full-menu__list-item {
				display: block;
				padding: 10px 8px 8px 14px;
				border-radius: 4px;
				font-size: 16px;
				font-weight: 500;
				& a {
					color: var(--textcolor);
					display: none;
					justify-content: space-between;
					align-items: center;
					& .svg {
						& .icon {
							fill: #7E7E7E;
						}
					}
				}
				&:hover {
					& a {	
						& .svg {
							& .icon {
								fill: var(--hover);
							}
						}
					}
					& .full-menu__submenu {
						visibility: visible;
						opacity: 1;
					}
				}
				& .full-menu__submenu {
					visibility: visible;
					opacity: 1;
					transition: opacity .5s,visibility .5s;
					color: var(--textcolor);
					position: absolute;
					width: calc(1200px - 23px);
					height: 475px;
					top: 10px;
					left: 0px;
					display: flex;
					padding: 20px 30px;
					overflow-y: auto;
					scrollbar-width: thin;
					@media (width <= 1280px) {
						left: 262px;
					}
					@media (width <= 1200px) {
						width: calc(100vw - 262px - 40px);
					}
					& a {
						&:hover {
							text-decoration: underline;
						}
					}
					& .full-menu__submenu__container {
						width: 100%;
					}
					& .full-menu__submenu__title {
						font-size: 22px;
						font-weight: 600;
						line-height: 26px;
						margin-bottom: 20px;
					}
					& .full-menu__submenu__categories {
						padding-bottom: 10px;
						&:not(:last-of-type) {
							padding-bottom: 20px;
							margin-bottom: 20px;
							border-bottom: 1px solid var(--lightgrey);
						}
						& .full-menu__submenu__categories__title {
							margin-bottom: 10px;
							font-size: 16px;
						}
						& .full-menu__submenu__categories-list {
							display: grid;
							grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));  
							grid-gap: 10px 30px;
							text-wrap: wrap;
							&.gap-40 {
								grid-gap: 40px 30px;
							}
							& .full-menu__submenu__categories-item {
								display: flex;
								flex-wrap: wrap;
								gap: 3px 10px;
								align-content: flex-start;
								& .full-menu__submenu__categories__title {
									margin-bottom: 5px;
									font-size: 15px;
									font-weight: 600;
								}
								& .full-menu__submenu__categories-item__title {
									color: #788496;
									font-size: 14px;
									flex-basis: 100%;
									margin-top: 5px;
								}
								& a {
									font-size: 14px;
									display: flex;
									gap: 10px;	
									& .series-item__image {
										width: 35px;
										height: 35px;
										margin: 5px 0;
										& img {
											width: 100%;
											height: 100%;
											object-fit: contain;
										}
									}
								}
								&.all {
									align-self: center;
									& a {
										color: var(--hover);
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
.ui-menu.ui-autocomplete {
    z-index: 9999;
    position: absolute;
    max-height: 350px;
    overflow-y: auto;
	.ui-menu-item {
		font-size: 14px;
		font-weight: 500;
		line-height: 30px;
		padding: 10px 10px;
		background: #fff;
		cursor: pointer;
		border: 1px solid #e3e3e3;
		border-top: none;

		&:hover {
		  background: #eeeeee;
		}
	}
}
.header-main__menu-button:hover {
	& .dropdown-menu-wrapper {
			visibility: visible;
			opacity: 1;
			z-index: 99999;
			display:block;
	}
	.popup-result-content{
		background: #fff;
	  width: auto;
	  padding: 50px;
	  display: block;
	  margin: 0 auto;
	  color: #000;
	}
}
.cookie-container{
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	max-width: 800px;
	background-color: rgba(128, 128, 128, 0.8);
	color: white;
	padding: 20px;
	border-radius: 15px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	display: none;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	z-index: 1000;
}
.cookie-container a{
	color: white;
	text-decoration:underline;
}
.cookie-container a:hover{
	text-decoration:none;
}
.cookie-text {
	flex: 1;
	min-width: 250px;
	margin-bottom: 10px;
}

.cookie-button {
	background-color: #222;
	border: none;
	color: white;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 5px;
	transition: background-color 0.3s;
}

.cookie-button:hover {
	background-color: #333;
}

@media (max-width: 480px) {
	.cookie-container {
		flex-direction: column;
		text-align: center;
	}
	
	.cookie-button {
		width: 100%;
	}
}
.how-it-works-triggers{
	margin-top:0px !important;
}
.text-content__hidden{
	display:none;
}
@media (max-height: 767px) {
  /* Ваши стили для высоты меньше 768px */
	.header-wrapper {
		& .header-main__menu-container {
			& .header-main__menu-content {
				& .minicart-container {
					& #msMiniCart {
						& .not_empty {
							& .mc-prod-container {
								& .basket-block-wrapper {
									& .basket-block {
										& .goods-list {
											max-height: 370px;
											overflow-y: auto;
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}