/* Облегчённый подвал etalon.su — 2026-08-03 (ревизия 2: сетка/ритм/мобильные контакты).
   Скоуп .ot-footer-v2: на превью /footer-test/ живёт на обёртке превью-блока,
   при переносе класс вешается на корень боевого футера. Ядро aspro не трогаем. */

/* ── Сетка колонок на десктопе: даём «Компании» и «Информации» больше места,
      чтобы «Реквизиты и уставные документы» и «Контактная информация» не ломались */
@media (min-width: 992px) {
	.ot-footer-v2 .footer_top > .maxwidth-theme > .row {
		display: flex;
		flex-wrap: nowrap;
	}
	.ot-footer-v2 .footer_top > .maxwidth-theme > .row > div[class*="col-"] { float: none; }
	.ot-footer-v2 .footer_top > .maxwidth-theme > .row > div:nth-child(1) { width: 18%; }
	.ot-footer-v2 .footer_top > .maxwidth-theme > .row > div:nth-child(2) { width: 16%; }
	.ot-footer-v2 .footer_top > .maxwidth-theme > .row > div:nth-child(3) { width: 24%; }
	.ot-footer-v2 .footer_top > .maxwidth-theme > .row > div:nth-child(4) { width: 18%; }
	.ot-footer-v2 .footer_top > .maxwidth-theme > .row > div:nth-child(5) { width: 24%; }
}

/* Сброс жёстких отступов аспро, съедавших ширину колонок (footer.css:16-17) */
.ot-footer-v2 .second_bottom_menu,
.ot-footer-v2 .third_bottom_menu {
	margin: 0;
}

/* 1. Обычный регистр всех пунктов меню (перебиваем footer.css: uppercase) */
.ot-footer-v2 .bottom-menu .item .title,
.ot-footer-v2 .bottom-menu .item .title a {
	text-transform: none;
	letter-spacing: 0;
}

/* 2. Заголовки колонок: 12px, uppercase, letter-spacing .08em, белый 50% */
.ot-footer-v2 .bottom-menu .item.childs { margin-bottom: 14px; }
.ot-footer-v2 .bottom-menu .item.childs .title,
.ot-footer-v2 .bottom-menu .item.childs .title a,
.ot-footer-v2 .bottom-menu .item.childs .title span {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: rgba(255, 255, 255, .5);
	font-weight: 600;
}
.ot-footer-v2 .bottom-menu .item.childs .title a:hover {
	color: #fff;
	text-decoration: none;
}

/* 3. Ссылки-пункты. Ритм: внутри пункта строки плотно (1.45), между пунктами — зазор.
      Перенесённая строка читается как продолжение пункта, а не как новый пункт. */
.ot-footer-v2 .bottom-menu .wrap .item { margin: 0 0 9px; }
.ot-footer-v2 .bottom-menu .wrap .item .title {
	font-weight: normal;
	line-height: 1.45;
}
.ot-footer-v2 .bottom-menu .wrap .item .title a {
	color: rgba(255, 255, 255, .68);
	font-size: 13.5px;
	line-height: 1.45;
	display: inline-block;
	text-decoration: none;
	transition: color .15s ease;
}
.ot-footer-v2 .bottom-menu .wrap .item .title a:hover {
	color: #fff;
	text-decoration: none;
}

/* «Весь каталог» / «Все услуги» — слегка отбиты от списка */
.ot-footer-v2 .fourth_bottom_menu .wrap .item:last-child,
.ot-footer-v2 .first_bottom_menu .wrap .item:last-child {
	margin-top: 12px;
}

/* 4. Белый 100% — только контакты (телефон/email) */
.ot-footer-v2 .info .phone a,
.ot-footer-v2 .info .email a {
	color: #fff;
}
.ot-footer-v2 .info .address {
	color: rgba(255, 255, 255, .68);
	font-size: 14px;
	line-height: 1.5;
}

/* 5. Логотип в подвале: −35% (нативные 89px → 58px) */
.ot-footer-v2 .info img {
	width: 58px;
	height: auto;
	margin-bottom: 6px;
}

/* 6. Мобильная вёрстка контактов: иконка и текст — одно целое по центру,
      многострочный адрес выравнивается по левому краю своего блока */
@media (max-width: 767px) {
	.ot-footer-v2 .info .blocks {
		display: flex;
		justify-content: center;
		align-items: baseline;
		gap: 8px;
		text-align: left;
	}
	.ot-footer-v2 .info .blocks a {
		width: auto;
		flex: 0 0 auto;
	}
	/* иконки email/адреса в аспро прибиты absolute к краю — на мобиле возвращаем их в поток
	   (телефон не трогаем: его иконка и так стоит вплотную к номеру) */
	.ot-footer-v2 .info .email.blocks,
	.ot-footer-v2 .info .address.blocks { padding-left: 0; }
	.ot-footer-v2 .info .email.blocks .svg,
	.ot-footer-v2 .info .address.blocks .svg { position: static; }
	.ot-footer-v2 .info .address.blocks {
		max-width: 300px;
		margin: 0 auto;
	}
	.ot-footer-v2 .info img { margin-bottom: 10px; }
}

/* 7. Юридические абзацы (правая часть юрполосы): 11.5px, белый 45%, lh 1.5.
      Тексты/структура юрполосы не меняются — только типографика. */
.ot-footer-v2 .ot-footer-legal .ot-fl-right p,
.ot-footer-v2 .ot-footer-legal .ot-fl-right a {
	font-size: 11.5px;
	line-height: 1.5;
	color: rgba(255, 255, 255, .45);
}
.ot-footer-v2 .ot-footer-legal .ot-fl-right a:hover {
	color: #fff;
}