/* Contacts Page - Start */
.contact-page .contacts-content {
	padding-top: 20px;
	padding-bottom: 100px;
}

.contact-page .contacts-content .col-50 {
	gap: 60px;
}

/* Intro (left col top) */
.contact-page .contacts-intro {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.contact-page .contact-description {
	font-family: var(--font-family-2);
	font-size: 18px;
	line-height: 28px;
	max-width: 663px;
}

/* Contact Block (used in both columns) */
.contact-page .contact-block {
	display: flex;
	flex-direction: column;
	gap: 9px;
}
.contact-page .contact-label {
	font-family: var(--font-family-2);
	font-size: 18px;
	line-height: 28px;
	color: var(--gray);
}
.contact-page .contact-value {
	color: var(--black);
}

/* Row Tel | Графік | Соц (left col bottom) */
.contact-page .contacts-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 50px;
}

/* Social List */
.contact-page .social-list {
	flex-wrap: wrap;
}
.contact-page .social-list .icon {
	filter: var(--primary-filter-match);
}

/* Info Адреса + Email (right col top) */
.contact-page .contacts-info {
	display: flex;
	flex-direction: column;
	gap: 38px;
}

/* CTA (right col bottom) */
.contact-page .contacts-cta {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 15px;
}
.contact-page .callback-text-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 15px;
	flex: 1;
	min-width: 0;
}
.contact-page .callback-decor {
	flex-shrink: 0;
	min-width: 64px;
	width: 64px;
	height: 64px;
}

.contact-page .callback-decor img {
	min-width: 28px;
	width: 28px;
	height: 28px;
}
.contact-page .callback-text {
	display: flex;
	flex-direction: column;
	font-family: var(--font-family-1);
	font-size: 18px;
	line-height: 28px;
}
.contact-page .callback-text-title {
	font-weight: 600;
}

@media (max-width: 1279px) {
	.contact-page .contacts-content {
		padding-top: 0px;
		padding-bottom: 50px;
	}
	.contact-page .contacts-content .col-50 {
		gap: 30px;
	}
	.contact-page .contact-description {
		font-size: 14px;
		line-height: 22px;
	}
	.contact-page .contact-label {
		font-size: 12px;
		line-height: 19px;
	}
	.contact-page .contacts-row {
		flex-direction: column;
		gap: 30px;
	}
	.contact-page .contacts-info {
		gap: 30px;
	}
	.contact-page .contacts-cta {
		flex-direction: column;
		align-items: flex-start;
		gap: 30px;
	}
	.contact-page .callback-decor {
		min-width: 48px;
		width: 48px;
		height: 48px;
	}

	.contact-page .callback-decor img {
		min-width: 22px;
		width: 22px;
		height: 22px;
	}
	.contact-page .callback-text {
		font-size: 14px;
		line-height: 22px;
	}
}
/* Contacts Page - End */