/*global/vars.css НАЧАЛО*/
body {
	--animation-duration: 0.2s;
	--animation-timing-function: ease;

	--header-top-height: 40px;
	--header-bottom-height: 55px;

	--header-height: calc(var(--header-top-height) + var(--header-bottom-height));
}

body._headerFixed {
	--header-height: var(--header-bottom-height);
}

/*global/vars.css КОНЕЦ*/

/*template/main.css НАЧАЛО*/
body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 9;
	background: rgba(0, 0, 0, 0.5);
	pointer-events: none;
	opacity: 0;
	transition: opacity var(--animation-duration) var(--animation-timing-function);
}

body._backdrop::before {
	opacity: 1;
	pointer-events: all;
}

/*template/main.css КОНЕЦ*/

/*template/burger.css НАЧАЛО*/
.header__burger {
	display: flex;
	align-items: center;
}

/*template/burger.css КОНЕЦ*/

/*ui/burger.css НАЧАЛО*/
.burger {
	--width: 20px;
	--height: 16px;
	--height-line: 2px;
	--color: #3c3c3c;

	cursor: pointer;
	width: var(--width);
	height: var(--height);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	z-index: 4;
}

.burger span {
	width: 100%;
	height: var(--height-line);
	background: var(--color);
	transition: transform .2s ease, translate .1s linear .15s, background-color var(--animation-duration) var(--animation-timing-function);
}

.modal._open .burger span,
.burger._open span {
	transition: translate .1s linear, transform .2s ease .1s, background-color var(--animation-duration) var(--animation-timing-function);
}

.modal._open .burger span:nth-child(1),
.burger._open span:nth-child(1) {
	translate: 0 calc(var(--height) / 2 - var(--height-line) / 2);
	transform: rotate(225deg);
}

.modal._open .burger span:nth-child(2),
.burger._open span:nth-child(2) {
	opacity: 0;
}

.modal._open .burger span:nth-child(3),
.burger._open span:nth-child(3) {
	translate: 0 calc(-1 * (var(--height) / 2 - var(--height-line) / 2));
	transform: rotate(135deg);
}

/*ui/burger.css НАЧАЛО*/

/*template/burger.css НАЧАЛО*/

.burgerMenu {
	display: flex;
	max-width: 264px;
	width: 100%;
	height: calc(100svh - var(--header-height));

	position: fixed;
	left: 0;
	bottom: 0;
	right: auto;
	top: var(--header-height);
	z-index: 10;
	transform: translateX(-100%);

	transition: transform var(--animation-duration) var(--animation-timing-function);

	box-shadow: -30px 0px 30px rgba(0, 0, 0, 0.25);

	overflow-y: auto;
	overflow-x: hidden;
	-ms-overflow-style: none;
}

.burger::-webkit-scrollbar {
	width: 0;
}

.burgerMenu._open {
	transform: translateX(0);
}

.burgerMenu nav {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.burgerMenu ul {
	background-color: #f4f4f4;
	height: 100%;
}

.burgerMenu ul>li {
	display: flex;
	width: 100%;
	background-color: #f4f4f4;
	display: flex;
	align-items: center;

	flex-direction: column;
}

.burgerMenu ul>li>a,
.burgerMenu ul>li>._backBtn {
	width: 100%;
	color: #3c3c3c;
	font-size: 12px;
	box-sizing: border-box;

	line-height: 1.4;
	padding: 10px 40px;

	display: flex;
	gap: 4px;
	align-items: center;

	border-bottom: 1px solid #ffffff;
	transition: none;
	position: relative;
}

.burgerMenu ul>li:last-child a {
	border-bottom: unset;
}

/*стрелочка у кнопки "назад"*/
.burgerMenu ul>li>._backBtn::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	pointer-events: none;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.34687 8.5249L8.24687 13.4249L7 14.6499L0 7.6499L7 0.649902L8.24687 1.8749L3.34687 6.7749L14 6.7749L14 8.5249L3.34687 8.5249Z' fill='%2315345A'/%3e%3c/svg%3e");
	background-color: #e83e38;
}

.burgerMenu ul>li._parent>a::after {
	content: "\e929";
	display: flex;
	position: absolute;
	font-family: lednikoff;
	font-size: 4.4px;
	right: 25px;
	transform-origin: center;
	transform: rotateZ(-90deg);
}

.burgerMenu ul>li>a+ul {
	display: none;

	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
}

.burgerMenu ul>li._open {
	position: fixed;
	inset: 0;
	z-index: 1;
	top: 0;
	left: 0;
	bottom: 0;
	right: auto;
	overflow-y: auto;
	overflow-x: hidden;
	-ms-overflow-style: none;
}

.burger::-webkit-scrollbar {
	width: 0;
}

.burgerMenu ul>li._open>a {
	font-weight: 700;
	background-color: #fff;
}

.burgerMenu ul>li._parent._open>a::after {
	display: none;
}

.burgerMenu ul>li._open>a+ul {
	display: block;
}

/*template/burger.css КОНЕЦ*/