.site-footer {
	margin-top: 48px;
	border-top: 1px solid var(--color-border);
}

.site-footer__top {
	background: var(--color-surface);
	padding: 40px 0;
}

.site-footer__top-inner {
	display: grid;
	grid-template-columns: 1fr 1.4fr;
	gap: 48px;
}

.footer-about p {
	color: var(--color-text-muted);
	margin-top: 16px;
	max-width: 420px;
}

.footer-contacts h3 {
	color: var(--color-brand);
	margin-bottom: 16px;
}

.footer-contacts .contact-block {
	background: transparent;
	padding: 0;
}

.site-footer__bottom {
	padding: 16px 0;
}

.site-footer__bottom-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	font-size: 13px;
	color: var(--color-text-muted);
}

.footer-legal {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.footer-legal a:hover {
	color: var(--color-brand);
}

@media (max-width: 760px) {
	.site-footer__top-inner {
		grid-template-columns: 1fr;
	}
}