/* Header-only custom CSS loaded before the full custom.css. */
#header,
#headerfixed,
.top-block,
.logo-row,
.menu-row,
.mega-menu {
	box-sizing: border-box;
}

#header,
#headerfixed {
	position: relative;
	z-index: 300;
	background: #fff;
}

#header .logo img,
#headerfixed .logo img {
	display: block;
	max-width: 100%;
	height: auto;
}

#header .right-icons > .line-block,
#headerfixed .right-icons > .line-block {
	display: flex;
	align-items: center;
}

#header .top-description,
#header .phone-block,
#header .address,
#header .region_wrapper,
#header .city,
#header .personal-link,
#header .basket-link,
#headerfixed .phone-block,
#headerfixed .region_wrapper,
#headerfixed .personal-link,
#headerfixed .basket-link {
	position: relative;
}

#header .mega-menu table td .wrap > a,
#header .menu-row .mega-menu table td .wrap > a,
#headerfixed .mega-menu table td .wrap > a {
	text-decoration: none;
}

.mobileheader,
.mobileheader-v1,
.mobileheader-v2,
.mobileheader__inner,
.mobileheader .logo,
.mobileheader .burger,
.mobileheader .right-icons {
	box-sizing: border-box;
}

.mobileheader {
	position: relative;
	z-index: 300;
	background: #fff;
}

.mobileheader__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mobileheader .logo img {
	display: block;
	max-width: 100%;
	height: auto;
}

.mobileheader .burger,
.mobileheader .right-icons > * {
	flex: 0 0 auto;
}

@media (max-width: 767px) {
	#header,
	#headerfixed {
		display: none;
	}

	.mobileheader {
		display: block;
	}
}