/* Подвал: чёрный, логотип + кнопка «наверх», колонки ссылок */
.site-footer {
	background: var(--c-black);
	color: var(--c-white);
	font-weight: 500;
	font-size: 14px;
	line-height: normal;
	letter-spacing: -.01em;
}
.site-footer__inner {
	max-width: var(--page-max);
	margin-inline: auto;
	padding: 60px var(--gutter) 20px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.site-footer__head { display: flex; align-items: center; justify-content: space-between; }
.site-footer__logo { color: var(--c-white); }
.site-footer__logo svg { width: 88.9px; height: 37.2px; }
.site-footer__up {
	width: 48px; height: 48px; border-radius: 8px;
	background: var(--c-white); color: var(--c-accent);
	display: flex; align-items: center; justify-content: center;
	transition: opacity var(--t) var(--ease);
}
.site-footer__up:hover { opacity: .85; }
.site-footer__up svg { width: 20px; height: 20px; transform: rotate(-90deg); }
.site-footer__line { height: 1px; background: var(--c-line-light); }

.site-footer__cols { display: flex; gap: 40px; }
.site-footer__cols + .site-footer__cols { margin-top: 0; }
.footer-col {
	flex: 1 1 0; min-width: 0;
	display: flex; flex-direction: column; gap: 16px;
	padding-left: 17px;
	border-left: 1px solid var(--c-line-light);
}
.footer-col__title { opacity: .56; }
.footer-col__list { display: flex; flex-direction: column; gap: 8px; }
.footer-col__list--row { flex-direction: row; flex-wrap: wrap; }
.footer-col__list a:hover { color: var(--c-accent); }
.site-footer__copy { padding-inline: 16px; text-align: center; opacity: .56; }

@media (max-width: 1023px) {
	.site-footer__cols { flex-direction: column; }
}