/* ═══════════════════════════════════════════════════════════════════════
   EliteSport — подвал сайта. Подключается на всех страницах.
   ═══════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════
   EliteSport — главная. Концепция «МАРШРУТ»: страница читается как трасса
   с километровыми отметками, красная линия слева заполняется при прокрутке.
   ═══════════════════════════════════════════════════════════════════════ */

.eh,
.ehf{
	--red: #e31e24;
	--red-dark: #b3161b;
	--ground: #191c21;
	--panel: #232830;
	--panel-2: #2b313a;
	--line: rgba(255, 255, 255, .14);
	--line-strong: rgba(255, 255, 255, .22);
	--text: #f4f2f0;
	--muted: #9d9895;
	--wrap: 1400px;
	--rail: 96px;
	--display: "Russo One", "Arial Black", sans-serif;
	--body: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	--mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;
	--ease: cubic-bezier(.16, .84, .44, 1);

	background: var(--ground);
	color: var(--text);
	font-family: var(--body);
	font-size: 16px;
	line-height: 1.6;
	overflow-x: clip;
}

/* ── Футер ───────────────────────────────────────────────────────────── */
.ehf.ehf{ background: #14171b; border-top: 1px solid var(--line); padding-top: 72px; margin-top: 40px; }

.ehf .ehf-top{ display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 44px; padding-bottom: 56px; }
.ehf .ehf-logo img{ width: 260px; }
.ehf .ehf-about{ color: var(--muted); font-size: 14.5px; margin: 22px 0 24px; max-width: 42ch; }

.ehf .ehf-soc{ display: flex; gap: 10px; }
.ehf .ehf-soc a{
	width: 42px; height: 42px;
	display: grid;
	place-items: center;
	border: 1px solid var(--line);
	color: var(--muted);
	transition: background .22s var(--ease), border-color .22s var(--ease), color .22s var(--ease), transform .22s var(--ease);
}
.ehf .ehf-soc a:hover{ background: var(--red); border-color: var(--red); color: #fff; transform: translateY(-2px); }
.ehf .ehf-soc svg{ width: 18px; height: 18px; }

.ehf .ehf-col h5{
	font-family: var(--mono);
	font-size: 10.5px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--red);
	margin: 0 0 18px;
}

.ehf .ehf-col li + li{ margin-top: 11px; }
.ehf .ehf-col a{ color: var(--muted); font-size: 14.5px; transition: color .2s var(--ease), padding-left .2s var(--ease); position: relative; }
.ehf .ehf-col a::before{
	content: "";
	position: absolute;
	left: 0; top: 50%;
	width: 0; height: 1px;
	background: var(--red);
	transform: translateY(-50%);
	transition: width .22s var(--ease);
}
.ehf .ehf-col a:hover{ color: var(--text); padding-left: 14px; }
.ehf .ehf-col a:hover::before{ width: 9px; }

.ehf .ehf-contacts{ display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 30px 0; border-top: 1px solid var(--line); }
.ehf .ehf-contacts__item{ display: grid; gap: 4px; font-size: 14.5px; }
.ehf .ehf-contacts__item span{ font-family: var(--mono); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.ehf .ehf-contacts__item a{ font-family: var(--display); font-size: 19px; }
.ehf .ehf-contacts__item a:hover{ color: var(--red); }
.ehf .ehf-contacts__item em{ font-style: normal; color: var(--muted); font-size: 13px; }

.ehf .ehf-bottom{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 22px 0 34px;
	border-top: 1px solid var(--line);
	font-size: 13px;
	color: var(--muted);
}

.ehf .ehf-pay{ display: flex; gap: 8px; align-items: center; }
.ehf .ehf-pay span{
	padding: 6px 10px;
	border: 1px solid var(--line);
	font-family: var(--mono);
	font-size: 10px;
	letter-spacing: .1em;
}
.ehf .eh-i{ width: 18px; height: 18px; }

.ehf.ehf { box-sizing: border-box; }
.ehf *, .ehf *::before, .ehf *::after { box-sizing: border-box; }

/* Обёртка и сброс кнопок — нужны и вне главной */
.ehf .eh-wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 24px; }

.ehf button {
	font: inherit;
	color: inherit;
	background: none;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	padding: 0;
	margin: 0;
	min-width: 0;
	min-height: 0;
	height: auto;
}

.ehf a { color: inherit; text-decoration: none; }
.ehf img { display: block; max-width: 100%; height: auto; }
.ehf ul { margin: 0; padding: 0; list-style: none; }
.ehf :focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }

/* Подвал во всю ширину независимо от контейнера темы */
.ehf.ehf { position: relative; z-index: 1; margin-inline: calc(50% - 50vw); width: 100vw; max-width: 100vw; }

@media (max-width: 1100px) {
	.ehf .ehf-top { grid-template-columns: 1fr 1fr; gap: 34px; }
}

@media (max-width: 720px) {
	.ehf .eh-wrap { padding: 0 16px; }
	.ehf .ehf-top { grid-template-columns: 1fr; gap: 30px; }
	.ehf .ehf-contacts { grid-template-columns: 1fr; }
	.ehf .ehf-bottom { flex-direction: column; align-items: flex-start; }
}