/* ==========================================================================
   Vacancies page (Bricks template 1582). Card base: purchases.css (.card-block).
   The section keeps Bricks' empty intro spacing (3.2rem) even with no vacancies.
   ========================================================================== */
.page-content > .ju-block.vacancies { margin-top: calc(var(--section-space-m) - var(--section-space-s)); }
.vacancies { padding-top: 3.2rem; }
.vacancies__list {
	display: flex;
	flex-direction: column;
	row-gap: 1.6rem;
}
.vacancy-card { row-gap: 2rem; }
.vacancies__empty { font-size: 1.6rem; color: var(--base); }

.vacancy-card__meta { justify-content: flex-start; }
.vacancy-card__meta-item {
	display: flex;
	align-items: center;
	column-gap: 1.2rem;
	padding-right: 5.6rem;
}
.vacancy-card__meta-item:last-child { padding-right: 0; }
.vacancy-card__icon { display: flex; margin: 0; }
.vacancy-card__icon svg { width: auto; height: 2rem; }

@media (max-width: 767px) {
	.vacancy-card__meta-item { padding-right: 0; }
	.vacancy-card__meta-item:first-child .card-block__value { font-size: 1.4rem; }
}
@media (max-width: 478px) {
	.vacancy-card__meta { flex-direction: column; }
}