.wroclaw-salons {
	.head {
		max-width: 640px;
		margin: 0 auto 56px;

		h2 {
			margin-bottom: 16px;
		}
	}

	.salons {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 24px;
	}

	.salon {
		border-radius: 24px;
		overflow: hidden;
	}

	.photo_box {
		position: relative;
		aspect-ratio: 4 / 3;

		img {
			object-fit: cover;
		}
	}

	.text_box {
		padding: 24px;

		h5 {
			margin-bottom: 8px;
		}

		.address,
		.hours {
			color: var(--text-color);
		}

		.address {
			margin-bottom: 4px;
		}

		.hours {
			margin-bottom: 20px;
			font-size: 13px;
			color: var(--brown-400);
		}
	}

	.actions {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	@media (max-width: 1199px) {
		.head {
			margin-bottom: 40px;
		}

		.salons {
			grid-template-columns: repeat(2, 1fr);
			gap: 16px;
		}
	}

	@media (max-width: 767px) {
		.salons {
			grid-template-columns: 1fr;
		}
	}
}