/* ==========================================================================
   Goulash.tech — Подвал (v2), подключается на всех страницах
   Зависит от tokens.css + ui-kit.css
   ========================================================================== */

.g2-footer {
	position: relative;
	overflow: hidden;
	background: var(--g-dark-primary);
	color: var(--g-od-primary);
}

.g2-footer__top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 24px 48px;
	padding: 24px 12px;
	border-bottom: 1px solid var(--g-line-on-dark);
	border-left: 1px solid var(--g-line-on-dark);
	border-right: 1px solid var(--g-line-on-dark);
}

.g2-footer__brand {
	display: flex;
	align-items: center;
	gap: 20px;
}

.g2-footer__sk img {
	height: 32px;
	width: auto;
}

.g2-footer__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 28px;
}

.g2-footer__navlink {
	font-size: var(--g-t5-size);
	color: var(--g-od-tertiary);
	transition: color var(--g-dur) var(--g-ease);
}

.g2-footer__navlink:hover {
	color: var(--g-od-primary);
}

.g2-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px 32px;
	padding: 12px;
	border-bottom: 1px solid var(--g-line-on-dark);
	border-left: 1px solid var(--g-line-on-dark);
	border-right: 1px solid var(--g-line-on-dark);
	margin-bottom: 12px;
}

.g2-footer__legal {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 28px;
}

.g2-footer__legallink {
	font-size: var(--g-t5-size);
	color: var(--g-od-disabled);
	transition: color var(--g-dur) var(--g-ease);
}

.g2-footer__legallink:hover {
	color: var(--g-od-secondary);
}

.g2-footer__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 24px;
	padding-bottom: 40px;
}

.g2-footer__footnote {
	font-size: var(--g-t5-size);
	line-height: var(--g-t5-lh);
	color: var(--g-od-tertiary);
	max-width: 580px;
}

.g2-footer__credit {
	margin: 0;
	font-size: 12px;
	line-height: 1.4;
	color: var(--g-od-disabled);
	white-space: nowrap;
}

.g2-footer__credit a {
	color: inherit;
	text-decoration: none;
	transition: color var(--g-dur) var(--g-ease);
}

.g2-footer__credit a:hover {
	color: var(--g-od-secondary);
}

.g2-footer__wordmark {
	display: flex;
	justify-content: center;
	padding-inline: var(--g-gutter);
	font-size: clamp(48px, 15vw, 260px);
	font-weight: 500;
	height: 0.8em;
	overflow: hidden;
}

.g2-footer__wordmark span {
	display: block;
	line-height: 1;
	letter-spacing: -0.04em;
	background: linear-gradient(180deg, #c9c9c9 13.75%, #040406 142.22%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	white-space: nowrap;
	user-select: none;
}

@media (max-width: 1023px) {
	.g2-footer__top {
		grid-template-columns: 1fr;
		gap: 28px;
	}
}

@media (max-width: 768px) {
	.g2-footer {
		overflow-x: clip;
	}
}

@media (max-width: 767px) {
	.g2-footer {
		padding-top: 32px;
	}
	.g2-footer .g2-container {
		padding-inline: 0;
	}
	.g2-footer__nav {
		flex-direction: column;
		gap: 24px;
	}
	.g2-footer__bottom {
		padding: 32px 0;
		flex-direction: column-reverse;
		align-items: flex-start;
		border-left: none;
		border-right: none;
		border-bottom: none;
		gap: 0;
	}
	.g2-footer__top {
		padding: 0 16px 32px 16px;
		gap: 32px;
		border-left: none;
		border-right: none;
	}
	.g2-footer__legal {
		flex-direction: column;
		gap: 24px;
		padding: 32px 16px 0 16px;
	}
	.g2-footer__socials {
		padding: 0 16px 32px 16px;
		width: 100%;
		border-bottom: 1px solid var(--g-line-on-dark);
	}
	.g2-footer__meta {
		padding-inline: 16px;
	}
}