.agreement-page {
	background: #f5f5f5;
	padding: 58px 0 100px;
}

.agreement-breadcrumbs {
	display: flex;
	gap: 10px;
	margin-bottom: 24px;
	color: #777;
	font-size: 14px;
}

.agreement-breadcrumbs a,
.agreement-card a {
	color: #202020;
	text-decoration: underline;
	text-decoration-color: #ffd234;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.agreement-card {
	max-width: 980px;
	margin: 0 auto;
	padding: 64px 72px;
	background: #fff;
	box-shadow: 0 18px 60px rgba(0, 0, 0, .06);
	color: #3d3d3d;
	font-size: 16px;
	line-height: 1.75;
}

.agreement-card h1 {
	margin: 0 0 8px;
	color: #202020;
	font-size: clamp(36px, 5vw, 60px);
	line-height: 1.05;
}

.agreement-kicker {
	margin-bottom: 14px;
	color: #8b7500;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .13em;
}

.agreement-updated {
	margin-bottom: 50px;
	color: #777;
}

.agreement-card section {
	padding-top: 32px;
	border-top: 1px solid #e8e8e8;
	margin-top: 32px;
}

.agreement-card h2 {
	margin: 0 0 16px;
	color: #202020;
	font-size: 24px;
	line-height: 1.3;
}

.agreement-card p:last-child,
.agreement-card ol:last-child {
	margin-bottom: 0;
}

.agreement-card li + li {
	margin-top: 8px;
}

.agreement-contacts {
	padding: 32px !important;
	border: 0 !important;
	background: #fff7cf;
}

.agreement-page + .footer {
	margin-top: 0;
}

.logo img,
.footer-logo img {
	display: block;
	width: 214px;
	height: 80px;
}

@media (max-width: 767px) {
	.agreement-page {
		padding: 32px 0 60px;
	}

	.agreement-card {
		padding: 36px 22px;
		font-size: 15px;
		line-height: 1.65;
	}

	.agreement-card h2 {
		font-size: 21px;
	}

	.agreement-updated {
		margin-bottom: 36px;
	}

	.agreement-contacts {
		padding: 24px !important;
	}
}