/* Шапка: контакты WhatsApp / Telegram рядом с телефоном (добавлено 27.10.2026).
   Подключается из modules/module_header.php, при правке менять ?v= в ссылке. */
.msgr {
	border-radius:50%;
	display:inline-block;
	height:24px;
	transition:transform .15s;
	width:24px;
}
.msgr svg {
	display:block;
	fill:#fff;
	height:14px;
	margin:5px;
	width:14px;
}
.msgr-wa {
	background:#25d366;
}
.msgr-tg {
	background:#229ed9;
}
a.msgr:hover {
	transform:scale(1.12);
}

/* десктоп: два ряда под телефоном, иконка + данные */
@media only screen and (min-width : 1201px) {
.area-header .column-2 {
	width:176px;
}
.area-header .column-3 {
	width:174px;
}
.area-header .column-4 {
	width:620px;
}
}
@media only screen and (min-width : 1024px) {
.area-header .column-3 {
	padding-top:6px;
}
}
.area-header .text-2 {
	white-space:nowrap;
}
.area-header .text-2 .messengers {
	left:0;
	line-height:18px;
	margin-top:5px;
	position:absolute;
	top:100%;
}
.area-header .text-2 a.msgr-link {
	border-bottom:0;
	display:block;
	height:18px;
	margin-bottom:3px;
	text-decoration:none;
}
.area-header .text-2 a.msgr-link .msgr {
	height:18px;
	margin-right:10px;
	vertical-align:top;
	width:18px;
}
.area-header .text-2 a.msgr-link .msgr svg {
	height:10px;
	margin:4px;
	width:10px;
}
.area-header .text-2 a.msgr-link span {
	border-bottom:1px solid rgba(127,63,152,0.5);
	vertical-align:top;
}
.area-header .text-2 a.msgr-link:hover span {
	border-bottom-color:transparent;
}
.block-header-white .area-header .text-2 a.msgr-link span {
	border-bottom-color:#B19FC9;
}

/* мобильная версия: полоса МЕНЮ — меню, контакты и телефон на равных расстояниях
   (блок adapter3 создаёт messengers.js; подписи у иконок видны только когда хватает места) */
@media only screen and (max-width : 1023px) {
#adapt_menu {
	align-items:stretch;
	display:flex;
	justify-content:space-between;
}
#adapt_menu:after {
	display:none;
}
#adapt_menu .adapter1,
#adapt_menu .adapter2,
#adapt_menu .adapter3 {
	float:none;
}
#adapt_menu .adapter1 {
	order:1;
}
#adapt_menu .adapter3 {
	align-items:center;
	display:flex;
	order:2;
	padding:0;
}
#adapt_menu .adapter2 {
	order:3;
}
#adapt_menu .adapter3 a.msgr-link {
	align-items:center;
	color:#fff;
	display:flex;
	font-size:14px;
	font-weight:700;
	line-height:1;
	text-decoration:none;
	text-transform:none;
}
#adapt_menu .adapter3 a.msgr-link:hover .msgr-text {
	text-decoration:underline;
}
#adapt_menu .adapter3 .msgr-link + .msgr-link {
	margin-left:12px;
}
#adapt_menu .adapter3 .msgr-text {
	display:none;
}
}
@media only screen and (min-width : 640px) and (max-width : 1023px) {
#adapt_menu .adapter3 .msgr-text {
	display:inline;
	margin-left:8px;
	white-space:nowrap;
}
#adapt_menu .adapter3 .msgr-link + .msgr-link {
	margin-left:24px;
}
}
@media only screen and (max-width : 359px) {
#adapt_menu .adapter2 a {
	font-size:15px;
}
#adapt_menu .adapter3 .msgr {
	height:22px;
	width:22px;
}
#adapt_menu .adapter3 .msgr svg {
	height:12px;
	margin:5px;
	width:12px;
}
#adapt_menu .adapter3 .msgr-link + .msgr-link {
	margin-left:8px;
}
}

/* исправление: на планшетной ширине шапка выше, и заголовок слайдера на главной уходил под полосу МЕНЮ
   (значения top/transform те же, что adaptive.css задаёт до 767px; высоту слайдера не трогаем) */
@media only screen and (min-width : 768px) and (max-width : 1023px) {
.page-index .block-slideshow .item>.group {
	top:300px;
	transform:translate(0, 0);
}
}