﻿.site-footer {
	background: #f0f2f5;
	border-top: 1px solid #dfe4ea;
}

.footer-inner {
	width: min(1180px,calc(100% - 40px));
	margin: auto;
	padding: 42px 0 28px;
	display: grid;
	grid-template-columns: 1.5fr .8fr 1fr;
	gap: 45px;
}

.footer-column h3 {
	margin: 0 0 14px;
	font-size: 15px;
	color: #202b36;
}

.footer-column p,
.footer-links a,
.footer-contact a {
	color: #697583;
	font-size: 13px;
	line-height: 1.8;
}

.footer-column p {
	margin: 0;
}

.footer-links {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.footer-links li + li {
		margin-top: 7px;
	}

	.footer-links a,
	.footer-contact a {
		text-decoration: none;
		display: block;
	}

		.footer-links a:hover,
		.footer-contact a:hover {
			color: var(--primary);
		}

.social-links {
	display: flex;
	gap: 12px;
	margin-top: 14px;
}

	.social-links a {
		width: 36px;
		height: 36px;
		display: grid;
		place-items: center;
		border: 1px solid #d6dde5;
		border-radius: 9px;
		background: #fff;
	}

	.social-links svg {
		width: 18px;
		height: 18px;
	}

.footer-bottom {
	border-top: 1px solid #dfe4ea;
	text-align: center;
	padding: 16px 20px;
	color: #8993a0;
	font-size: 12px;
}

@media(max-width:850px) {
	.footer-inner {
		grid-template-columns: 1fr 1fr;
	}
}

@media(max-width:600px) {
	.header-inner {
		width: calc(100% - 28px);
		min-height: 68px;
	}

	.brand img {
		width: 125px;
	}

	.header-label {
		font-size: 12px;
	}

	.page-hero {
		padding: 40px 18px 68px;
	}

	.page-wrap {
		width: calc(100% - 24px);
		margin-top: -30px;
	}

	.terms-card {
		padding: 23px 18px;
	}

		.terms-card h2 {
			margin-top: 32px;
		}

		.terms-card p,
		.terms-card li {
			font-size: 13.5px;
		}

	.footer-inner {
		width: calc(100% - 30px);
		grid-template-columns: 1fr;
		gap: 28px;
	}
}
