/*
Данная шапка шаблона - это результат скрещинвания и доработки двух разных типов шапок в шаблоне.

в этом файле общие стили для шапки сайта.
А детальные стили каджого компонета, подключаемых в шапке, раскиданы по разным файлам шаблона.

#headerLine2 - первая линия. Стили идут первыми в файле вместе с брекпоинтами.
#subHeader5 - вторая линия, стили следующие.
.extra_top_menu - третья линия

*/

/* общие стили #headerLine2 */

#headerLine2 {
	background-color: #ffffff;
	position: relative;
	min-width: 320px;
	height: 45px;
}
#headerLine2.color_black {
	background-color: #2b2b2b;
}

#headerLine2.color_black,
#headerLine2.color_theme {
	/*border-bottom: 1px solid rgba(255, 255, 255, 0.15);*/
	color: #ffffff;
}
#headerLine2 .limiter {
	clear: none !important;
}
#headerLine2 .headerLineContainer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
#headerLine2 .headerLineColumn.headerLineMenu {
	max-width: 400px;
}
#headerLine2 #topAuth ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#headerLine2 #topAuth>ul li {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	margin-left: 12px;
}
/* вернуть в стилях, когда залогинен
#headerLine2 #topAuth>ul li:first-child:after {
	position: absolute;
	content: "|";
	right: -10px;
	top: 0px;
}
*/
#headerLine2 #topAuth>ul li:first-child {
	margin-left: 0;
}
#headerLine2 #topAuth>ul li a {
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	color: #000000;
}
#headerLine2 #topCallBack {
	display: flex;
	margin-left: 12px;
}
#headerLine2 #topCallBack .callBack {
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	line-height: 45px;
	padding: 0 24px;
	color: #ffffff;
	display: block;
	height: 45px;
}
#headerLine2.color_theme #subMenu li a,
#headerLine2.color_theme #topAuth>ul li a,
#headerLine2.color_theme #subMenu li a:hover,
#headerLine2.color_theme #subMenu li .selected,
#headerLine2.color_theme #topAuth>ul li a:hover,
#headerLine2.color_black #subMenu li a,
#headerLine2.color_black #topAuth>ul li a {
	color: #ffffff;
}

#headerLine2.color_theme #subMenu li a:hover,
#headerLine2.color_theme #subMenu li .selected,
#headerLine2.color_theme #topAuth>ul li a:hover {
	opacity: 0.8;
}
#headerLine2.color_theme .callBack:hover {
	opacity: 0.8;
}

#headerLine2 .headerContacts {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-right: 14px;
}
#headerLine2 .headerContacts a {
	color: #5d4a39;
	text-decoration: none;
}
#headerLine2 .headerContacts a:hover {
	color: #fab66e;
}
#headerLine2 .phone_top a {
	font-weight: 700;
	font-size: 16px;
}
#headerLine2 .phone_top .heading {
	position: relative;
	padding-left: 24px;
	display: flex;
}
#headerLine2 .phone_top .heading:before {
	position: absolute;
	content: "";
	left: 0;
	top: 3px;
	width: 16px;
	height: 16px;
	background-image: url(images/icon__header--tel-color.svg);
	background-repeat: no-repeat;
	background-size:contain;
}
#headerLine2 .social_top ul {
	display: none;
}
#headerLine2 .social_top a:visited {
	text-decoration: none;
	transition: all .2s;
}
#headerLine2 .cont__icon--tg,
#headerLine2 .cont__icon--max,
#headerLine2 .cont__icon--wa  {
	width: 23.33px;
	height: 23.33px;
	margin-right: 6px;
}
#headerLine2 .cont__icon--tg {
	background: url(images/icon__header--tg.svg);
}
#headerLine2 .cont__icon--max {
	background: url(images/icon__header--max.svg);
}
#headerLine2 .cont__icon--wa {
	background: url(images/icon__header--wa.svg);
}
#headerLine2 .headerLine__btns {
	display: flex;
	justify-content: left;
}
#headerLine2 .topCallBack a {
	display: flex;
}
#headerLine2 #topAuth .ico_lk {
	display: none;
}
#headerLine2 #topAuth .ico_lk img {
	height: 30px;
	position: relative;
	top: 10px;
	left: 0;
}
#headerLine2.mobile_contact {
	display: none;
}

/* стили для мобильной адаптации #headerLine2 */

@media (min-width: 1441px) {
	.logo_top, .mobile_contact, .bottom-nav {
		display: none;
	}
	.phone_top, .email_top {
		margin-right: 24px;
	}
	#headerLine2 .header__socials {
		display: flex;
	}
	.topAuth--pk {
		display: flex;
		align-items: center;
	}
	.topAuth--pk a {
		display: flex;
		flex-wrap: nowrap;
		position: relative;
		padding-left: 23px;
	}
	.top-auth-login, .top-auth-personal, .top-auth-exit {
		position: relative;
	}
	.topAuth--pk .top-auth-login:before, .topAuth--pk .top-auth-personal:before {
		position: absolute;
		content: "";
		left: 0;
		top: 2px;
		width:14px;
		height: 15px;
		background-image: url(images/icon__header--lk-color.svg);
		background-repeat: no-repeat;
		background-size:contain;
	}
	.top-auth-exit:before {
		position: absolute;
		content: "|";
		left: 0;
		top: 0px;
		width:14px;
		height: 15px;
	}
	.openWebFormModal {
		padding: 16px 24px;
	}
}

@media (min-width: 1024px) and (max-width: 1440px) {

	.logo_top, .header__socials, .phone_top span, .mobile_contact, .bottom-nav {
		display: none;
	}
	#headerLine2 .headerLineColumn.headerLineMenu {
		max-width: 201px;
	}
	.phone_top, .email_top {
		margin-right: 20px;
	}
	#headerLine2 .phone_top .heading {
		display: none;
	}
	.phone_top .phone_top--mob {
		display: flex;
		width: 18px;
		height: 20px;
		background-image: url(images/icon__header--tel-color.svg);
		background-repeat: no-repeat;
		background-size:contain;
	}
	.phone_top:before {
		width: 23.33px;
		height: 23.33px;
		top: -10px;
	}
	.topAuth--pk {
		display: flex;
		align-items: center;
	}
	.topAuth--pk a {
		display: flex;
		flex-wrap: nowrap;
		position: relative;
		padding-left: 23px;
	}
	.top-auth-login, .top-auth-personal, .top-auth-exit {
		position: relative;
	}
	.topAuth--pk .top-auth-login:before, .topAuth--pk .top-auth-personal:before {
		position: absolute;
		content: "";
		left: 0;
		top: 2px;
		width:14px;
		height: 15px;
		background-image: url(images/icon__header--lk-color.svg);
		background-repeat: no-repeat;
		background-size:contain;
	}
	.top-auth-exit:before {
		position: absolute;
		content: "|";
		left: 0;
		top: 0px;
		width:14px;
		height: 15px;
	}
	.openWebFormModal {
		padding: 16px 24px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.limiter {
		padding: 0 12px !important;
	}
	#headerLine2 div.headerLineColumn.headerLineMenu{
		display: none;
	}
	.user-geo-position-label, .headerLine__btns, .social_top,
	.topAuth--mob, #topAuth,
	.phone__top span, .mobile_contact {
		display: none;
	}
	#headerLine2 .phone_top .heading {
		display: none;
	}
	.logo_top {
		display: flex;
		align-items: center;
		height: 45px;
		margin: 0;
		padding: 0;
		font-size: 100%;
		background: transparent;
		outline: none;
		margin-right: 20px;
	}
	.logo_top a {
		line-height: 0;
	}
	.logo_top img {
		display: block;
		max-width: 100%;
		height: auto;
		max-width: 150px;
	}
	.phone_top .phone_top--mob {
		display: flex;
		width: 23px;
		height: 23px;
		background-image: url(images/icon__header--tel-color.svg);
		background-repeat: no-repeat;
		background-size:contain;
	}
	.phone_top:before {
		width: 23.33px;
		height: 23.33px;
		top: -10px;
	}
	.openWebFormModal {
		padding: 16px 24px;
		justify-content: center;
	}
	.phone_top {
		margin-right: 12px;
	}
	.phone_top a {
		font-size: 16px;
	}

	.bottom-nav {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		border-top: 1px solid #e0e0e0;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
		z-index: 1000;
		display: flex;
		justify-content: center;
	}
	.bottom-nav__list {
		display: flex;
		justify-content: space-between;
		margin: 0;
		padding-top: 12px;
		list-style: none;
		min-width: 470px;
	}

	.bottom-nav__link {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		color: #666;
		transition: color 0.3s ease;
	}

	/* Стили для иконок */
	.bottom-nav__icon {
		width: 23px;
		height: 23px;
		fill: currentColor; /* Наследует цвет от ссылки */
	}

	/* Стили для корзины */
	.bottom-nav__item:last-child .bottom-nav__link {
		display: flex;
		flex-direction: row;

	}
	.bottom-nav__link--cart {
		position: relative;
		padding-bottom: 12px; /* Дополнительный отступ для блока с ценой */
	}

	.bottom-nav__cart-info {
		display: flex;
		flex-direction: row;
		align-items: center;
		text-align: center;
		width: 100%;
		margin-left: 8px;
	}

	.bottom-nav__cart-text {
		font-size: 15px;
		text-transform: uppercase;
		font-weight: 400;
		color: #151515;
	}

	.bottom-nav__cart-count {
		font-weight: 300;
		font-size: 15px;
		color: #151515;
	}

}

	@media screen and (min-width: 300px) and (max-width: 767px) {
		#headerLine2 .limiter {
			padding: 0 12px !important;
		}

		#headerLine2 div.headerLineColumn.headerLineMenu{
			display: none;
		}
		.user-geo-position-label,
		.phone_top, email_top,
		.ico_email, .header__socials, .headerLine__btns, #headerLine2 #topAuth,
		.email_top--pk, #headerLine2 #topCallBack .callBack, .openWebFormModal span {
			display: none;
		}
		/* - вычистить везде в коде
		#headerLine2 #topAuth .ico_lk {
			display: none;
		}

		 */
		.headerContacts {
			display: none !important;
		}
		#headerLine2 .logo_top {
			display: flex;
			align-items: center;
		}
		.logo_top a {
			line-height: 0;
		}
		.logo_top a img {
			max-width: 120px;
		}
		.email_top--mob {
			display: flex;
			width: 23px;
			height: 23px;
			background-image: url(images/icon__header--tel-color.svg);
			background-repeat: no-repeat;
			background-size: contain;
		}
		.openWebFormModal {
			display: block;
			position: relative;
			width: 30px;
			height: 30px;
			padding: 0;
		}
		.mobile_contact {
			display: flex;
			position: relative;
			width: 45px;
			height: 45px;
			background-color: #5D4A39;
			cursor: pointer;
		}

		.mobile_contact:before {
			position: absolute;
			z-index: 5;
			content:"";
			width: 24px;
			height: 24px;
			background-image: url(images/icon__heading--tel-wt.svg);
			background-repeat: no-repeat;
			background-size: contain;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

	}
	@media (min-width: 240px) and (max-width: 299px) {
		.limiter {
			padding: 10px 12px 0 12px;
		}
		.geomenu, .submenu, .headerContacts,
		.phone_top,
		.social_top, .topAuth--pk, .topAuth--mob,
		.email_top a, .openWebFormModal span {
			display: none;
		}
		.logo_top {
			display: flex;
			max-width: 120px;
			align-items: center;
		}
		.user-geo-position {
			padding-left: 19.67px;
		}
		.user-geo-position-value {
			font-size: 12px;
		}
		.openWebFormModal {
			display: block;
			position: relative;
			width: 30px;
			height: 30px;
			padding: 0;
		}
		.topCallBack__btn {
			height: 30px;
			margin-left: 12px;
		}
		.topCallBack__btn--icon {
			position: absolute;
			content: "";
			width: 24px;
			height: 24px;
			background-image: url(images/icon__heading--tel-wt.svg);
			background-repeat: no-repeat;
			background-size: contain;
			left: 3px;
		}

	}


/* общие стили #subHeader5 */

#subHeader5.color_theme .subHeader5_promo .heading,
#subHeader5.color_black .subHeader5_promo .heading {
	font-family: "roboto_ltregular";
}

#subHeader5 .subheader_discount,
#subHeader5 .subheader_discount--bold {
	font-size: 14px;
	display: block;
	margin: 0;
	text-align: center;
}
#subHeader5 .subheader_discount--bold {
	font-weight: 700;
}
#subHeader5 #topSearch2 .searchContainerInner {
	background-color: #fbfbfb;
}

#subHeader5.color_black #topSearch2 .searchContainerInner,
#subHeader5.color_theme #topSearch2 .searchContainerInner {
	background-color: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
}

#subHeader5.color_black #topSearch2 input[placeholder],
#subHeader5.color_theme #topSearch2 input[placeholder] {
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color: rgba(255, 255, 255, 0.7);
}

#subHeader5.color_black #topSearch2 input::-webkit-input-placeholder,
#subHeader5.color_theme #topSearch2 input::-webkit-input-placeholder {
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color: rgba(255, 255, 255, 0.7);
}

#subHeader5.color_black #topSearch2 input::-moz-placeholder,
#subHeader5.color_theme #topSearch2 input::-moz-placeholder {
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color: rgba(255, 255, 255, 0.7);
}

#subHeader5.color_black #topSearch2 input:focus[placeholder],
#subHeader5.color_theme #topSearch2 input:focus[placeholder] {
	color: transparent;
}

#subHeader5.color_black #topSearch2 input:focus::-webkit-input-placeholder,
#subHeader5.color_theme #topSearch2 input:focus::-webkit-input-placeholder {
	color: transparent;
}

#subHeader5.color_black #topSearch2 input::-moz-placeholder,
#subHeader5.color_theme #topSearch2 input::-moz-placeholder {
	color: transparent;
}
#subHeader5.color_black {
	background-color: #2b2b2b;
}

#subHeader5.color_black,
#subHeader5.color_theme {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	color: #ffffff;
}
#subHeader5.color_theme .topWishlist .value,
#subHeader5.color_theme .topCompare .value,
#subHeader5.color_theme .cart .count {
	border-color: rgba(255, 255, 255, 0.7);
	color: #ffffff;
}

#subHeader5.color_theme .topCompare .active .value,
#subHeader5.color_theme .topWishlist .active .value,
#subHeader5.color_theme .cart .active .count {
	border-color: #ffffff;
	color: #ffffff;
}

#subHeader5.color_theme .cart .total,
#subHeader5.color_theme .cart .total:hover,
#subHeader5.color_theme .cart .heading,
#subHeader5.color_theme .cart .heading:hover,
#subHeader5.color_theme .cart .heading:hover .total {
	color: #ffffff;
}

#subHeader5.color_theme .cart .total:hover {
	opacity: 0.7;
}

#subHeader5 #searchResult {
	top: 110px;
}

#subHeader5 #searchOverlap {
	top: 156px;
}

/* исправленные стили */

#subHeader5 {
	border-bottom: 1px solid #f3f3f3;
	border-top: 1px solid #f3f3f3;
	background-color: #ffffff;
	position: relative;
	min-width: 320px;
	height: 82px;
}

#subHeader5 .subTable {
	display: flex;
	max-width: 100%;
	justify-content: space-between;
	align-items: center;

}
#subHeader5 #logo {
	max-height: 82px;
	text-align: left;
	display: inline-flex;
	align-items: center;
	height: 82px;
	border: 0;
	margin-right: 24px;
}
#subHeader5 .subHeader5_promo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	display: none;
}

#subHeader5 .toolsContainer {
	display: flex;
	justify-content: right;
	align-items: center;
	text-align: right;
	line-height: 21px;
	padding-right: 11px;
}
#subHeader5 .subHeader5_tools {
	margin-left: 24px;
}


.toolsContainer{
	svg{
		width: 24px;
		height: 24px;
	}
	.value{
		right: -10px !important;
		top: -7px !important;
	}
	.text{
		display: flex !important;
		align-items: center;
		justify-content: center;
	}
}

.subTable .toolsContainer{
	.text {
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		&:hover{
			path{
				fill: #5d4a39;
			}
		}
	}
	svg{
		width: 24px;
		height: 24px;
	}
	path{
		transition: all .25s linear;
	}
	.value{
		right: -10px !important;
		top: -7px !important;
	}
}

#subHeader5 .cart .heading {
	width: 155px;
}

#subHeader5 .topCompare,
#subHeader5 .topWishlist {
	margin-right: 24px;
}
/* кнопка вызова меню сайта на разрешениях до 1025px */
#subHeader5 .catalog-button {
	display: none;
}
#subHeader5 .subHeader5_search {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* мобильная адаптация #subHeader5 */

@media all and (max-width: 1280px) {

	.subHeader5_search {
		width: 100%;
	}
	#subHeader5 .subHeader5_tools{
		display: flex;
	}
	#subHeader5 .toolsContainer {
		display: flex;
		justify-content: right;
	}
}

@media all and (max-width: 1024px) {
	#subHeader5 .toolsContainer {
		display: none;
	}


}
@media (min-width: 651px) and (max-width: 1024px) {
	#subHeader5 .subHeader5_logo {
		display: none;
	}
	.subHeader5_search {
		max-width: 842px;
	}
	#subHeader5 .catalog-button {
		display: flex;
		align-items: center;
		background: #Fab66e;
		border-radius: 40px;
		height: 52px;
		padding: 0 20px;
		color: white;
		font-weight: 600;
		border: none;
		outline: none;
		box-shadow: none;
		font-size: 16px;
		transition: all .25s linear;
		svg{
			margin-left: 8px;
		}
		&:hover{
			background: #dc9a54;
		}
	}

}

@media all and (max-width: 650px) {

	#subHeader5 .subHeader5_logo,
	#subHeader5 .catalog-button--text {
		display: none;
	}
	#subHeader5 .catalog-button {
		svg {
			margin-left: 0;
		}
	}
	#subHeader5 .subHeader5_tools {
		margin-left: 12px;
	}
	.limiter {
		padding: 0 12px !important;
	}

	#subHeader5 .subHeader5_logo,
	#subHeader5 .toolsContainer {
		display: none;
	}

	#subHeader5 .catalog-button {
		display: flex;
		align-items: center;
		background: #Fab66e;
		border-radius: 40px;
		height: 52px;
		padding: 0 20px;
		color: white;
		font-weight: 600;
		border: none;
		outline: none;
		box-shadow: none;
		font-size: 16px;
		transition: all .25s linear;
		svg{
			margin-left: 8px;
		}
		&:hover{
			background: #dc9a54;
		}
	}
}


/* общие стили .extra_top_menu */

/*новое доп меню*/

#extra_top_menu {
	height: 60px;
	background-color: #5d4a39;
	position: relative;
	min-width: 320px;
}
.extra_subMenu {
	vertical-align: middle;
	display: inline-block;
	white-space: nowrap;
	text-align: center;
	list-style: none;
	margin: 0;
	font-size: 0;
	padding: 0;
	line-height: 60px;
	width: 100%;
}
.extra_subMenu li {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	list-style: none;
	font-size: 14px;
	padding: 0;
	margin: 0;
}
.extra_subMenu li a {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	vertical-align: middle;
	text-decoration: none;
	display: inline-block;
	padding: 0 32px;
	color: #fff;
	position: relative;
}
.extra_subMenu li a:hover {
	text-decoration: underline;
}
.extra_subMenu li a .extra_menu_ico {
	position: relative;
	margin-right: 9px;
	top: 8px;
	height: 24px;
}
@media all and (max-width: 1024px) {
	#extra_top_menu { /* скрывает горизонтальное меню с дом категориями */
		display: none;
	}
	#catalogMenuHeading { /* скрывает меню сайта для адаптива, вместо него .catalog-button */
		display: none !important;
	}

}
/* всплывающее окно с контактами при нажатии на .mobile_contact */

.popup__contacts {
	display: none;
}
.popup__contacts {

}
.popup__contacts {
	margin: auto;
	padding: 36px 28px 28px 28px;
	border: 1px solid #000;
	background-color: #fff;
	position: absolute;
	z-index: 2000;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.popup__close {
	position: absolute;
	content: "";
	background-color: #F3F3F3;
	background-image: url(../../../images/icon--close.svg);
	background-repeat: no-repeat;
	background-position: center;
	right: 0;
	top: 0;
	padding: 18px;
}
.popup__header {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;
}
.popup__contact {
	margin-bottom: 24px;
}
.popup__namecont {
	font-size: 15px;
	line-height: 1.2;
	color: #A7A7A7;
	font: normal normal 14px "roboto_ltregular", sans-serif, arial;
}
.popup__tel1, .popup__tel2, .popup__mail {
	font-size: 14px;
	line-height: 1.15;
	margin-bottom: 4px;
	color: #151515;
	text-decoration: none;
}
.popup__tel1:hover,
.popup__tel2:hover,
.popup__mail:hover {
	color: #fab66e;
}
.popup__tel2, .popup__mail {
	margin-bottom: 16px;
}
.popup__socials {
	display: flex;
	justify-content: space-between;
}
.popup__info {
	margin-bottom: 24px;
}
.popup__contacts .cont__icon--tg,
.popup__contacts .cont__icon--wa,
.popup__contacts .cont__icon--max {
	width: 60px;
	height: 60px;
	margin-right: 6px;
}
.popup__contacts .cont__icon--tg {
	background: #F3F3F3 url(images/icon__header--tg.svg) center no-repeat;
}
.popup__contacts .cont__icon--max {
	background: #F3F3F3 url(images/icon__header--max.svg) center no-repeat;
}
.popup__contacts .cont__icon--wa {
	background: #F3F3F3 url(images/icon__header--wa.svg) center no-repeat;
}
.show_popup {
	display: block;
}