/* Контакти - Start */

/* Вертикальная линия между колонками */
section.section-contacts .col-contacts-title {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

section.section-contacts .col-contacts-title:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: var(--border);
}

section.section-contacts .col-contacts-info {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 120px 20px;
}

section.section-contacts .contacts-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
	max-width: 500px;
}

section.section-contacts .contact-item {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

section.section-contacts .contact-label {
	color: var(--gray);
	font-size: 16px;
	line-height: 16px;
	text-align: center;
}

section.section-contacts .contact-item p,
section.section-contacts .contact-item a {
	font-size: 18px;
	line-height: 24px;
	color: var(--black);
	transition: all 0.3s ease;
}

section.section-contacts .contact-item a:hover {
	color: var(--primary);
}

/* Социальные сети */
section.section-contacts .contact-social-links {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	justify-content: center;
}

section.section-contacts .contact-social-links a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	background: var(--primary);
	border-radius: var(--border-radius-100);
	transition: all 0.3s ease;
}

section.section-contacts .contact-social-links a:hover {
	background: var(--accent);
}

section.section-contacts .contact-social-links a img {
	width: 20px;
	height: 20px;
	object-fit: contain;
	filter: var(--primary-filter-match);
	transition: all 0.3s ease;
}

section.section-contacts .contact-social-links a:hover img {
	filter: var(--accent-filter-match);
}

@media (max-width: 1480px) {
	section.section-contacts .col-contacts-info {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 100px 20px;
	}
}

@media (max-width: 1279px) {
	section.section-contacts {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	section.section-contacts .container-contacts {
		flex-direction: column;
	}

	section.section-contacts .col-contacts-title,
	section.section-contacts .col-contacts-info {
		width: 100%;
	}
	section.section-contacts .col-contacts-info {
		padding: 0px 20px;
	}

	/* Убираем вертикальную линию, добавляем горизонтальную */
	section.section-contacts .col-contacts-title:after {
		width: 100%;
		height: 1px;
		right: 0;
		left: 0;
		top: auto;
		bottom: 0;
	}

	section.section-contacts .col-contacts-title {
		padding-bottom: 40px;
		margin-bottom: 40px;
		justify-content: flex-start;
	}

	section.section-contacts .col-contacts-info {
		justify-content: flex-start;
	}

	section.section-contacts .contacts-content {
		max-width: 100%;
		gap: 20px;
	}

	section.section-contacts .contact-item p,
	section.section-contacts .contact-item a {
		font-size: 16px;
		line-height: 22px;
	}
	section.section-contacts .contact-item {
		gap: 16px;
	}
}
/* Контакти - End */

/* Галерея інтер'єрів - Start */
section.section-gallery {
	padding-top: 0;
	padding-bottom: 0;
}

section.section-gallery .container-gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
}

section.section-gallery .gallery-item {
	width: calc(100% / 6);
	height: 300px;
	cursor: pointer;
	object-fit: cover;
}

@media (max-width: 1279px) {
	section.section-gallery .gallery-item {
		width: calc(100% / 2);
		height: 55vw;
	}
}
/* Галерея інтер'єрів - End */