body > header {
	margin: 24px 0 10px 0;
}

.chelstom-header__wrapper {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.chelstom-header__prefix {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	
	flex-wrap: wrap;
	gap: 10px;
}

.chelstom-header__vi-btn {
	font-weight: bold;
	width: fit-content;
}

.chelstom-header__vi-btn a {
    background-image: url(../images_2/icon-eye.svg);
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: contain;
	background-color: #f3f4f6;
	padding: 2px 5px 2px 37px;
	border-radius: 12px;
}

.chelstom-header__vi-btn a:hover, .chelstom-header__vi-btn a:focus, .chelstom-header__vi-btn a:active {
	background-color: #000;
	color: #fff;
	background-image: url(../images_2/icon-eye-white.svg);
}


.chelstom-header__body {
	position: sticky;
    top: 0;
    z-index: 100;
    background: white;
    border-bottom: 1px solid #e5e7eb;
    
    
}

.chelstom-header__body-wrapper {
	padding: 10px 0;
	
	display: flex;
	column-gap: 20px;
	
	position: relative;
}

.chelstom-header__body-middle {
	margin-left: auto;
	margin-right: auto;
	flex: 1;
	
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	row-gap: 10px;
}

.chelstom-header__body-right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	row-gap: 10px;
}

@media (max-width: 1200px) {
	.chelstom-header__body-right {
		flex-direction: row;
  		align-items: center;
  		column-gap: 5px;
	}
	
	.chelstom-header__body-right .header__btn {
		margin: 0;
	}
	
	.header__menu {
		position: absolute;
		/*top: 100%;*/
		top: calc(100% + 1px);
		left: -100%;
	}
	
	.header__menu.is-open {
		left: 0;
    }
}

@media (max-width: 575px) {
	.chelstom-header__body-wrapper {
		flex-wrap: wrap;
  		row-gap: 10px;
	}
	
	.chelstom-header__body-left {
		order: 1;
	}
	
	.chelstom-header__body-middle {
		order: 3;
		width: 100%;
		flex: unset;
	}
	
	.chelstom-header__body-right {
		order: 2;
  		margin-left: auto;
	}
}

/* корректировки наследия */
@media (max-width: 1200px) {
  .chelstom-header__prefix .header__address {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 10px;
  }
}

.chelstom-header__body-wrapper .header__logo {
	display: inline-block;
	margin-right: 20px;
}

.chelstom-header__body-wrapper .header__menu {
	margin: 0;
}

.chelstom-header__body-wrapper .header__tel {
	margin: 0 0 0 auto;
}

.header__burger {
	border-radius: 4px;
	border: 1px solid #e2e2e2;
}

.header__burger span {
	left: 7px;
}

.header__burger span:nth-of-type(1) {
	top: 11px;
}

.header__burger span:nth-of-type(2) {
	top: 19px;
}

.header__burger span:nth-of-type(3) {
	top: 27px;
}