:root {
	--white: #fff;
	--red: #ff5634;
	--black: #000;
}

#menu .menu-burger__contacts,
#menuOffcanvas {
    display: none;
}

.menu_custom {
	display: flex;
	gap: 48px;
	justify-content: space-between;
	align-items: center;
	.custom__item {
		position: relative;
		a {
			color: var(--black);
			padding: 12px;
			font-size: 14px;
			font-weight: 400;
			display: flex;
			align-items: center;
			transition: 0.3s;
			.link__title {
				display: flex;
				align-items: center;
				
				img {
					height: 32px;
					width: 22px;
					object-fit: contain;
				}
			}
			.arrow {
				display: flex;
				align-items: center;
				transition: 0.3s;
			}
		}
		& > a {
			font-weight: 600;
			font-size: 16px;
			line-height: 24px;
			text-transform: uppercase;
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 8px;
			border-right: 1px solid #D1D1D1;
			padding: 0 48px 0 0;
		}
		.submenu {
			opacity: 0;
			z-index: -1;
			position: absolute;
			top: 100%;
			transition: transform 0.3s;
			transform: translateY(-20px);
			background-color: var(--white);
			box-shadow: 0 0 13px 0 rgb(77 82 94 / 13%);
			border-radius: 12px;
			pointer-events: none;
			
			.submenu__head {
				display: none;
			}
			.submenu__item {
				line-height: 1.5;
				
				.submenu__link {
					color: var(--black);
					padding: 10px 15px;
					display: flex;
					font-size: 14px;
					border-bottom: 1px solid #f3f7fd;
				}
				.submenu__link:hover {
					color: var(--red);
				}
			}
			
		}
		.arrow_megamenu {
			display: none;
		}
		
	}
	.custom__item:hover {
		& > a {
			color: var(--red);
			.arrow {
				transform: rotate(180deg);
				svg {
					path {
						fill: var(--red);
					}
				}
			}
		}
		.submenu {
			display: flex;
			opacity: 1;
			z-index: 99;
			flex-flow: column;
			transform: translateY(0);
			pointer-events: all;
		}
	}
	
}

@media (min-width: 1001px) {
	.submenu__item .submenu__link {
		white-space: nowrap;
	}
}

.custom__item.megacustom_menu {
	position: inherit;

	.megacustom__menu {
		position: absolute;
		background: var(--white);
		width: 100%;
		padding: 8px 0px;
		left: 0px;
		box-shadow: 0px 0px 8px 0px rgba(5, 5, 68, 0.30);
		display: none;
		z-index: 1024;
		.submenu__head {
			display: none;
		}
	}
}
.custom__item.megacustom_menu:hover {
	.megacustom__menu {
		display: flex;
	}
}

.wrap__megamenu {
	display: flex;
	gap: 4.75rem;
}
.megamenu_maincolumn {
	flex: 1 1 252px;
}
.megamenu__catscolumn {
	flex: 1 1 calc(100% - 252px);	
}

.menu_custom .megacustom__item,
.menu_custom .megacustom__item2 {
	padding: 16px 12px;
	display: flex;
	align-items: center;
	gap: 8px;
	.name {
		font-size: 16px;
		font-weight: 400;
		line-height: normal;
		flex-grow: 1;
	}
	.icon {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
.menu_custom .submengamenu__inner_level1 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.submengamenu__inner_level1 .megacustom__item2 {
	padding: 0 12px;
	width: 33%;
	
	& > .name {
		font-weight: 600;
		padding: 0;
	}
}
.submengamenu__inner_level1 .megacustom__item2_childrens {
	width: 100%;
}
.submengamenu__inner_level1 .megacustom__item2 + .megacustom__item2_childrens {
	margin: 10px 0 0;
	border-top: 1px solid rgba(0, 0, 0, 0.10);
	padding: 10px 0 10px;
}


.megacustom__item:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.megacustom__item:hover, .megacustom__item.active {
	cursor: pointer;
	.name {
		color: var(--red);
	}
	.icon {
		svg {
			path {
				fill: var(--red);
			}
		}
	}
}

.submengamenu__wrap {
	display: none;
	padding: 12px 0;
	
	.submengamenu__inner {
		display: flex;
		flex-flow: row wrap;
		gap: 8px;
		width: 100%;
		li {
			flex: 0 1 calc(33% - 8px);
			
			a {
				color: var(--black) !important;
				display: flex;
				padding: 8px 12px;
			}
			span {
				font-size: 14px;
				display: flex;
				color: var(--red);
				align-items: center;
				padding: 8px 12px;
			}
			a:hover {
				color: var(--red) !important;
			}
		}
	}
}
.submengamenu__wrap.show {
	display: flex;
}

.head__columnmob {
	display: none;
}
body.menu__open {
	overflow: hidden;
}
.telehphones__mob {
	position: relative;
	.telehpne_dropdown {
		position: absolute;
		display: none;
		right: 0px;
		padding: 12px;
		border-radius: 4px;
		box-shadow: 0px 0px 8px 0px rgba(5, 5, 68, 0.30);
		z-index: 3;
		a {
			white-space: nowrap;
			color: var(--black);
		}
	}
	.telehpne_dropdown.show {
		display: flex;
		flex-flow: column;
	}
}

.menu__canvas {
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	display: flex;
	gap: 1rem;
	width: 100%;
}



@media(max-width:1000px) {
	#menu .menu-burger__contacts {
		display: flex;
		width: 100%;
		margin: 0;
	}
	header .header-bottom {
		display: block;
		position: relative;
	}
	header .header-bottom .mw,
	header .header-bottom .header-bottom__box {
		padding: 0;
	}
	header .header-bottom .header-bottom__btn {
		display: none;
	}
	
	#menuOffcanvas {
		display: flex;
		flex-flow: column;
		width: 32px;
		height: 32px;
		padding: 8px 4px;
		background-color: transparent;
		border: none;
		gap: 4px;

		span {
			width: 24px;
			height: 3px;
			background: var(--white);
			transition: 0.3s;
		}
	}

	#menuOffcanvas.active {
		span:nth-child(1) {
			transform: rotate(45deg);
			transform-origin: 5px 0px;
		}

		span:nth-child(2) {
			opacity: 0;
		}

		span:nth-child(3) {
			transform: rotate(-45deg);
			transform-origin: 0px 0px;
		}
	}
	
	
	#menu {
		transform: translateX(-100%);
		position: fixed;
		background-color: var(--white);
		height: calc(100% - 168px);
		flex-flow: column;
		width: 100%;
		align-items: flex-start;
		justify-content: flex-start;
		z-index: 1024;
		transition: 0.3s;
		padding: 0px 16px 16px;
		overflow: scroll;

		.menu__inner {
			flex: 0 0 auto;
			width: 100%;
		}

		.menu_custom {
			flex-flow: column;
			align-items: flex-start;
			gap: 0;

			.custom__item {
				& + .custom__item {
					border-top: 1px solid rgba(0, 0, 0, 0.10);
				}
			}

			.custom__item {
				width: 100%;
				a, .megacustom__item2 span.name {
					display: flex;
					justify-content: space-between;
					font-size: 14px;
					padding: 10px 15px;
					border-right: 0 none;
					border-bottom: 1px solid #f3f7fd;
				}
				& > a {
					font-size: 20px;
					padding: 16px 12px;
				}
			}
			
			.custom__item.megacustom_menu {
				.megacustom__menu {
					top: 0;
				}
			}
		}

		#search {
			order: 3;
		}

		.date__mobile {
			display: flex;
			padding: 16px 0px;
			color: var(--white);
			background-color: var(--blue);
			align-items: center;
			justify-content: center;
			width: 100%;
			gap: 10px;
		}
		.modal {
			display: flex;
		}
		
		.btn__search {
			display: none;
		}
		#searchBlock {
			border-top: 1px solid #D9D9D9;
			padding-top: 24px;
			margin-top: 24px;
			display: flex;
			position: relative;
			input {
				background-color: #EDF4FE;
				border: none;
			}
		}
		
	}

	#menu.show {
		transform: translateX(0);
	}
	#menu {
		.menu__canvas {
			flex-flow: column;
			.btn__red {
				color: var(--white);
				background-color: var(--red);
				display: flex;
				align-items: center;
				padding: 32px 0;
				font-size: 24px;
				font-weight: 400;
				width: 100%;
				max-height: 80px;
				svg {
					path {
						fill: var(--white);
					}
				}
			}
		}
	}
	
	
	.menu_custom {
		.custom__item {
			display: flex;
			align-items: center;
			position: inherit;

			a {
				flex-grow: 1;

				.arrow {
					display: none;
				}
			}

			.arrow_megamenu {
				padding: 16px 12px;
				display: flex;
				transform: rotate(-90deg);
			}

			.submenu {
				z-index: 99;
				opacity: 1;
				display: none;
				top: 0px;
				.submenu__head {
					display: flex;
					padding: 16px;
					font-size: 16px;				
				}
			}
			.submenu.show {
				display: flex !important;
				flex-flow: column;
				top: 0px;
				left: 0;
				position: absolute;
				transform: none !important;
				width: 100%;
				box-shadow: none;
				border-radius: 0;
			}
		}
		.custom__item:hover {
			.submenu {
				display: none;
			}
		}
	}
	
	
	.wrap__megamenu {
		gap: 0px;
	}
	.megamenu_maincolumn {
		flex-basis: 100%;
	}
	.megamenu__catscolumn {
		position: absolute;
		width: 100%;
		height: 100%;
		background: var(--white);
		display: none;
		top: 0;
	}
	.megamenu__catscolumn.open {
		display: flex;
		justify-content: flex-start;
	}
	.megacustom__menu {
		display: none;
		top: 0px;
		left: 0px;
		width: calc(100% - 32px);
		height: 100%;
		padding: 0 16px;
		.submenu__head {
			display: flex !important;
			padding: 16px;
			font-size: 16px;
		}
	}
	
	.submengamenu__wrap {
		width: 100%;
		flex-direction: column;
		padding: 0;
		
		.submengamenu__inner {
			flex-flow: column;
			height: 100%;
			background-color: var(--white);
			li {
				flex: 0 0 auto;
			}
		}
	}
	.custom__item.megacustom_menu:hover {
		.megacustom__menu {
			display: none;
			padding: 0;
		}
		.megacustom__menu.show {
			display: block;
		}
	}
	.submengamenu__inner_level1 .megacustom__item2 {
		width: 100%;
	}
	.submengamenu__inner_level1 .megacustom__item2.has_childrens {
		padding: 0;
	}
	.submengamenu__inner_level1 .megacustom__item2 + .megacustom__item2_childrens {
		margin: 0;
		border-top: 1px solid rgba(0, 0, 0, 0.10);
		padding: 0;
	}
}