/* Start:/local/templates/men/components/bitrix/news/vacancies/bitrix/news.detail/.default/style.css?178126187919243*/
/* Vacancy landing (betone-vacancy layout), scoped */
.vacancy-detail {
	--vd-black: #373737;
	--vd-accent: #d9dfa3;
	--vd-brown: #654a43;
	--vd-gray-light: #f9f9f9;
	--vd-gray-mid: #646464;
	--vd-white: #fff;
	--vd-font-main: "Helvetica Neue", Helvetica, Arial, sans-serif;
	box-sizing: border-box;
	font-family: var(--vd-font-main);
	background: var(--vd-white);
	color: var(--vd-black);
	word-wrap: break-word;
	padding-top: 130px;
}
header.r-header{
	background-color: #fff;
}
.vacancy-detail *,
.vacancy-detail *::before,
.vacancy-detail *::after {
	box-sizing: border-box;
}

.vacancy-detail a {
	text-decoration: none;
	color: inherit;
}

.vacancy-detail .vd-hero-subtitle {
	font-size: 26px;
	color: #555;
	margin-bottom: 45px;
}

.vacancy-detail .vd-hero-title {
	font-size: clamp(42px, 5.5vw, 77px);
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.12;
	color: var(--vd-black);
	margin-bottom: 16px;
	margin-top: 0;
}

.vacancy-detail .vd-hero-desc {
	font-size: 20px;
	color: #333;
	max-width: 700px;
	margin-bottom: 40px;
}

.vacancy-detail .vd-hero-image {
	width: 100%;
	height: 657px;
	border-radius: 0;
	overflow: hidden;
	margin: 0 auto;
}

.vacancy-detail .vd-hero-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	display: block;
}

.vacancy-detail .vd-section {
	margin: 136px 0 76px;
}

.vacancy-detail .vd-section-title {
	font-size: clamp(40px, 5.5vw, 77px);
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.17;
	color: var(--vd-black);
	margin-bottom: 40px;
}

.vacancy-detail .vd-section-lead {
	font-size: clamp(18px, 1.8vw, 26px);
	line-height: 1.2;
	color: var(--vd-black);
	max-width: 1037px;
}


.vacancy-detail .vd-candidate-wrap {
	position: relative;
	min-height: 620px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.vacancy-detail .vd-candidate-center {
	position: relative;
	width: 380px;
	flex-shrink: 0;
}

.vacancy-detail .vd-candidate-center img.vd-candidate-photo {
	width: 100%;
	height: 560px;
	object-fit: cover;
	border-radius: 24px;
	display: block;
}

.vacancy-detail .vd-candidate-logo {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 200px;
	opacity: 0.85;
}

.vacancy-detail .vd-tag {
	background: rgba(249, 249, 249, 0.9);
	backdrop-filter: blur(16px);
	border-radius: 100px;
	padding: 14px 28px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	line-height: 1.2;
	max-width: 372px;
	border: 1px solid #F95D09;
}
.vd-condition-item__head {
	display: flex;
	align-items: center;
	gap: 17px;
}
.vacancy-detail .vd-candidate-col {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: flex-start;
	padding-right: 40px;
	height: 540px;
	justify-content: space-around;
	max-width: 501px;
}

.vacancy-detail .vd-candidate-col--right {
	align-items: flex-end;
	padding-right: 0;
	padding-left: 40px;
}

.vacancy-detail .vd-candidate-col .vd-tag {
	position: relative;
	white-space: normal;
}

.vacancy-detail .vd-candidate-line {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: clamp(260px, 42vw, 560px);
	width: 50vw;
	pointer-events: none;
	z-index: 0;
}

.vacancy-detail .vd-candidate-line--left {
	left: calc(50% - 50vw);
}

.vacancy-detail .vd-candidate-line--right {
	right: calc(50% - 50vw);
}

.vacancy-detail .vd-candidate-line-path {
	stroke-dasharray: var(--line-length, 1);
	stroke-dashoffset: calc(var(--line-length, 1) * -1);
	transition: stroke-dashoffset 1.35s ease-in-out;
}

.vacancy-detail .vd-candidate-line.vd-line-ready .vd-candidate-line-path {
	stroke-dashoffset: 0;
}

.vacancy-detail .vd-candidate-col,
.vacancy-detail .vd-candidate-center {
	position: relative;
	z-index: 2;
}

.vacancy-detail .vd-candidate-tag {
	opacity: 0;
	transform: translateY(16px) scale(0.96);
	transition: opacity 0.45s ease, transform 0.45s ease;
}

.vacancy-detail .vd-candidate-wrap.vd-tags-left-ready .vd-candidate-col:not(.vd-candidate-col--right) .vd-candidate-tag,
.vacancy-detail .vd-candidate-wrap.vd-tags-right-ready .vd-candidate-col.vd-candidate-col--right .vd-candidate-tag {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.vacancy-detail .vd-candidate-wrap.vd-tags-left-float .vd-candidate-col:not(.vd-candidate-col--right) .vd-candidate-tag,
.vacancy-detail .vd-candidate-wrap.vd-tags-right-float .vd-candidate-col.vd-candidate-col--right .vd-candidate-tag {
	animation: vdFloat 4.2s ease-in-out infinite;
}

.vacancy-detail .vd-candidate-wrap.vd-tags-left-float .vd-candidate-col:not(.vd-candidate-col--right) .vd-candidate-tag:nth-child(odd),
.vacancy-detail .vd-candidate-wrap.vd-tags-right-float .vd-candidate-col.vd-candidate-col--right .vd-candidate-tag:nth-child(odd) {
	animation-duration: 4.8s;
}

.vacancy-detail .vd-candidate-wrap.vd-tags-left-float .vd-candidate-col:not(.vd-candidate-col--right) .vd-candidate-tag:nth-child(3n),
.vacancy-detail .vd-candidate-wrap.vd-tags-right-float .vd-candidate-col.vd-candidate-col--right .vd-candidate-tag:nth-child(3n) {
	animation-duration: 5.3s;
}

.vacancy-detail .vd-candidate-col .vd-candidate-tag:nth-child(1) { transition-delay: 0ms; }
.vacancy-detail .vd-candidate-col .vd-candidate-tag:nth-child(2) { transition-delay: 130ms; }
.vacancy-detail .vd-candidate-col .vd-candidate-tag:nth-child(3) { transition-delay: 260ms; }

@keyframes vdFloat {
	0% {
		transform: translate3d(0, 0, 0);
	}
	35% {
		transform: translate3d(8px, -5px, 0);
	}
	70% {
		transform: translate3d(-6px, 4px, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}

.vacancy-detail .vd-candidate-tags {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.vacancy-detail .vd-candidate-tags .vd-tag {
	position: absolute;
	white-space: nowrap;
}

.vacancy-detail .vd-tag-tl {
	top: 10%;
	left: 0;
}
.vacancy-detail .vd-tag-ml {
	top: 37%;
	left: 0;
}
.vacancy-detail .vd-tag-bl {
	top: 64%;
	left: 0;
}
.vacancy-detail .vd-tag-tr {
	top: 10%;
	right: 0;
}
.vacancy-detail .vd-tag-mr {
	top: 37%;
	right: 0;
}
.vacancy-detail .vd-tag-br {
	top: 64%;
	right: 0;
}

.vacancy-detail .vd-obligations-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
}

.vacancy-detail .vd-obligations-header .vd-section-title {
	margin-bottom: 0;
}

.vacancy-detail .vd-swiper-nav {
	display: flex;
	gap: 54px;
}

.vacancy-detail .vd-swiper-btn {
	border: none;
	background: none;
	cursor: pointer;
	padding: 0;
}

.vacancy-detail .vd-swiper-btn:hover {
	color: white;
}

.vacancy-detail .vd-obligations-swiper {
	width: 100%;
	overflow: hidden;
}

.vacancy-detail .vd-obligations-swiper .swiper-slide {
	width: 325px;
	height: 376px;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	flex-shrink: 0;
}

.vacancy-detail .vd-obligations-swiper .swiper-slide img.vd-slide-bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	display: block;
}

.vacancy-detail .vd-slide-phone-card {
	background: var(--vd-gray-light);
	height: 495px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.vacancy-detail .vd-slide-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 16px 32px 24px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, transparent 100%);
}

.vacancy-detail .vd-slide-num {
	font-size: 22px;
	font-weight: 500;
	color: white;
	margin-bottom: 6px;
	text-align: right;
}

.vacancy-detail .vd-slide-text {
	font-size: 16px;
	color: white;
	line-height: 1.4;
}

.vacancy-detail .vd-slide-num-dark {
	color: var(--vd-black);
}
.vacancy-detail .vd-slide-text-dark {
	color: var(--vd-black);
}

.vacancy-detail .vd-slide-overlay-plain {
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	padding: 0 32px;
}

.vacancy-detail .vd-phone-mockup {
	width: 250px;
	background: #eee;
	border-radius: 24px;
	padding: 16px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
	position: relative;
}

.vacancy-detail .vd-phone-time {
	font-size: 32px;
	font-weight: 700;
	color: var(--vd-accent);
	text-align: center;
	margin-bottom: 12px;
}

.vacancy-detail .vd-phone-notification {
	background: white;
	border-radius: 14px;
	padding: 12px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.vacancy-detail .vd-notif-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6px;
	gap: 8px;
	flex-wrap: wrap;
}

.vacancy-detail .vd-notif-logo {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background: var(--vd-accent);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.vacancy-detail .vd-notif-title {
	font-size: 10px;
	font-weight: 600;
	color: var(--vd-black);
}
.vacancy-detail .vd-notif-time {
	font-size: 8px;
	color: var(--vd-gray-mid);
}
.vacancy-detail .vd-notif-body {
	font-size: 10px;
	color: var(--vd-black);
	line-height: 1.4;
}

.vacancy-detail .vd-conditions-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 48px 60px;
}

.vacancy-detail .vd-condition-item {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.vacancy-detail .vd-condition-icon {
	width: 44px;
	height: 44px;
	object-fit: contain;
	margin-bottom: 4px;
}

.vacancy-detail .vd-condition-label {
	font-size: 22px;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--vd-black);
}

.vacancy-detail .vd-condition-value {
	font-size: 16px;
	color: var(--vd-black);
	line-height: 1.4;
}

.vacancy-detail .vd-pyramid-container {
	flex: 0 0 630px;
	width: 100%;
	max-width: 630px;
	height: calc(var(--vd-career-tier-height) * var(--vd-career-tier-count, 4));
	margin: 0;
	position: relative;
	z-index: 2;
	pointer-events: none;
	margin-bottom: 6px;
}

.vacancy-detail .vd-pyramid-container svg {
	width: 100%;
	height: 100%;
	display: block;
}

.vacancy-detail .vd-career {
	--vd-career-overlap: clamp(72px, 31%, 300px);
	--vd-career-tier-height: 163px;
	display: flex;
	align-items: flex-end;
	flex-wrap: nowrap;
	gap: 0;
	position: relative;
	max-width: 1024px;
	margin: 0 auto;
}

.vacancy-detail .vd-career-labels {
	flex: 1 1 auto;
	min-width: 0;
	display: grid;
	gap: 31px;
	margin-right: calc(-1 * var(--vd-career-overlap) - 26px);
	position: relative;
	z-index: 1;
	margin-bottom: 15px;
	margin-top: 15px;
}

.vacancy-detail .vd-career-label {
	background: #f9f9f9;
	min-height: 135px;
	display: flex;
	align-items: center;
	position: relative;
	padding: 22px clamp(52px, 7vw, 72px) 20px 28px;
	padding-right: max(48px, calc(var(--vd-career-overlap) * 0.35 + 36px));
	font-size: clamp(18px, 2vw, 22px);
	line-height: 1.2;
	color: #1f1f1f;
	margin-right: 10px;
}

.vacancy-detail .vd-career-type {
	display: inline-block;
	min-height: 1.2em;
	white-space: nowrap;
}

.vacancy-detail .vd-career-label:nth-child(1) .vd-career-type {
	padding-left: 242px;
}

.vacancy-detail .vd-career-label:nth-child(2) .vd-career-type {
	padding-left: 173px;
}

.vacancy-detail .vd-career-label:nth-child(3) .vd-career-type {
	padding-left: 104px;
}

.vacancy-detail .vd-career-label:nth-child(4) .vd-career-type {
	padding-left: 35px;
}

.vacancy-detail .vd-career-type::after {
	content: "";
	display: inline-block;
	width: 2px;
	height: 0.95em;
	margin-left: 3px;
	background: currentColor;
	vertical-align: -0.1em;
	opacity: 0;
}

.vacancy-detail .vd-career-label.is-typing .vd-career-type::after {
	opacity: 1;
	animation: vdTypeCursor 0.85s steps(1) infinite;
}

.vacancy-detail .vd-career-tier {
	opacity: 0;
	transform: translateY(40px) scaleX(0.86);
	transform-box: fill-box;
	transform-origin: center bottom;
	transition: transform 0.75s ease, opacity 0.75s ease;
	stroke-width: 1.5;
	vector-effect: non-scaling-stroke;
}

.vacancy-detail .vd-career-num {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: clamp(22px, 2.4vw, 22px);
	font-weight: 500;
	line-height: 1;
	color: #F95D09;
	opacity: 0;
	transition: opacity 0.45s ease;
}

.vacancy-detail .vd-career.vd-career-ready .vd-career-tier {
	opacity: 1;
	transform: none;
}

/* Анимация уровней снизу вверх; при N < 4 в разметке только соответствующие path */
.vacancy-detail .vd-career--count-4.vd-career-ready .vd-career-tier-4 { transition-delay: 0ms; }
.vacancy-detail .vd-career--count-4.vd-career-ready .vd-career-tier-3 { transition-delay: 240ms; }
.vacancy-detail .vd-career--count-4.vd-career-ready .vd-career-tier-2 { transition-delay: 480ms; }
.vacancy-detail .vd-career--count-4.vd-career-ready .vd-career-tier-1 { transition-delay: 720ms; }

.vacancy-detail .vd-career--count-3.vd-career-ready .vd-career-tier-3 { transition-delay: 0ms; }
.vacancy-detail .vd-career--count-3.vd-career-ready .vd-career-tier-2 { transition-delay: 240ms; }
.vacancy-detail .vd-career--count-3.vd-career-ready .vd-career-tier-1 { transition-delay: 480ms; }

.vacancy-detail .vd-career--count-2.vd-career-ready .vd-career-tier-2 { transition-delay: 0ms; }
.vacancy-detail .vd-career--count-2.vd-career-ready .vd-career-tier-1 { transition-delay: 240ms; }

.vacancy-detail .vd-career--count-1.vd-career-ready .vd-career-tier-1 { transition-delay: 0ms; }

.vacancy-detail .vd-career--count-4.vd-career-ready .vd-career-label:nth-child(4) .vd-career-num {
	opacity: 1;
	transition-delay: 180ms;
}
.vacancy-detail .vd-career--count-4.vd-career-ready .vd-career-label:nth-child(3) .vd-career-num {
	opacity: 1;
	transition-delay: 420ms;
}
.vacancy-detail .vd-career--count-4.vd-career-ready .vd-career-label:nth-child(2) .vd-career-num {
	opacity: 1;
	transition-delay: 660ms;
}
.vacancy-detail .vd-career--count-4.vd-career-ready .vd-career-label:nth-child(1) .vd-career-num {
	opacity: 1;
	transition-delay: 900ms;
}

.vacancy-detail .vd-career--count-3.vd-career-ready .vd-career-label:nth-child(3) .vd-career-num {
	opacity: 1;
	transition-delay: 180ms;
}
.vacancy-detail .vd-career--count-3.vd-career-ready .vd-career-label:nth-child(2) .vd-career-num {
	opacity: 1;
	transition-delay: 420ms;
}
.vacancy-detail .vd-career--count-3.vd-career-ready .vd-career-label:nth-child(1) .vd-career-num {
	opacity: 1;
	transition-delay: 660ms;
}

.vacancy-detail .vd-career--count-2.vd-career-ready .vd-career-label:nth-child(2) .vd-career-num {
	opacity: 1;
	transition-delay: 180ms;
}
.vacancy-detail .vd-career--count-2.vd-career-ready .vd-career-label:nth-child(1) .vd-career-num {
	opacity: 1;
	transition-delay: 420ms;
}

.vacancy-detail .vd-career--count-1.vd-career-ready .vd-career-label:nth-child(1) .vd-career-num {
	opacity: 1;
	transition-delay: 180ms;
}

@keyframes vdTypeCursor {
	0%, 49% { opacity: 1; }
	50%, 100% { opacity: 0; }
}

.vacancy-detail .vd-cta-wrap {
	display: flex;
	justify-content: center;
	padding: 60px 40px 80px;
}

.vacancy-detail .vd-cta-btn .vd-cta-text{
	text-align: center;
	flex: 1;
}
.vacancy-detail .vd-cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	background: #F95D09;
	color: #fff;
	font-size: 16px;
	padding: 5px;
	border-radius: 100px;
	cursor: pointer;
	transition: transform 0.2s, box-shadow 0.2s;
	border: none;
	font-family: inherit;
	width: 301px;
	justify-content: space-between;

}

.vacancy-detail .vd-cta-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.vacancy-detail .vd-cta-arrow {
	width: 43px;
	height: 43px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.vacancy-detail .vd-reveal {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.vacancy-detail .vd-reveal.vd-visible {
	opacity: 1;
	transform: none;
}

.vacancy-detail .vd-detail-text {
	font-size: 16px;
	line-height: 1.6;
	max-width: 900px;
}

.vacancy-detail .vd-detail-text::after {
	content: "";
	display: block;
	clear: both;
}
@media (max-width: 1000px) {
	.vacancy-detail .vd-tag{
		font-size: 12px;
		padding: 14px 25px;
	}
}
@media (max-width: 900px) {

	.vacancy-detail .vd-section-title{
		text-align: center;
	}
	.vacancy-detail .vd-candidate-wrap{
		overflow: visible;
	}
	.vacancy-detail .vd-candidate-line {
		width: 50vw;
		top: 85px;
		height: clamp(190px, 34vw, 360px);
	}
	.vacancy-detail .vd-candidate-line--right{
		top: auto;
		bottom: -185px;
	}
	.vacancy-detail .vd-candidate-col--right{
		margin-top: 15px;
	}
	.vacancy-detail .vd-candidate-col{
		margin-bottom: 15px;
	}
	.vacancy-detail .vd-candidate-wrap {
		flex-direction: column;
	}
	.vacancy-detail .vd-candidate-center {
		width: 100%;
		max-width: 340px;
	}
	.vacancy-detail .vd-conditions-grid {
		grid-template-columns: 1fr 1fr;
		gap: 32px;
	}
	.vacancy-detail .vd-career {
		flex-direction: row-reverse;
	}
	.vacancy-detail .vd-career-labels {
		order: 2;
		margin-right: 0;
	}
	.vacancy-detail .vd-pyramid-container {
		order: 1;
		flex: none;
		max-width: 520px;
		margin-left: auto;
		margin-right: auto;
	}
	.vacancy-detail .vd-career-label {
		padding-right: max(48px, calc(var(--vd-career-overlap) * 0.35 + 68px));
	}
}

@media (max-width: 600px) {
	.vacancy-detail{
		padding-top: 70px;
	}
	:root{
		--container-padding: 15px !important;
	}
	.vacancy-detail .vd-section-title{
		font-size: 34px;
		margin-bottom: 8px;
	}
	.vacancy-detail .vd-obligations-swiper .swiper-slide{
		width: 285px;
	}
	.vacancy-detail .vd-swiper-nav{
		display: none;
	}
	.vacancy-detail .vd-career {
		--vd-career-tier-height: 55px;
	}
	.vacancy-detail .vd-hero-title{
		font-size: 34px;
	}
	.vacancy-detail .vd-hero-subtitle{
		font-size: 16px;
		margin-bottom: 16px;
	}
	.vacancy-detail .vd-pyramid-container {
		width: 211px;
		max-width: 211px;
		flex-basis: 211px;
		margin-right: -76px;
	}
	.vacancy-detail .vd-hero-title{
		margin-bottom: 8px;
	}
	.vacancy-detail .vd-section-lead{
		text-align: center;
	}
	.vacancy-detail .vd-candidate-col,
	.vacancy-detail .vd-candidate-col--right {
		padding-left: 0;
		padding-right: 0;
	}
	.vacancy-detail .vd-section {
		margin: 88px 0;
	}
	.vacancy-detail .vd-hero-image {
		height: 395px;
		border-radius: 30px;
	}
	.vacancy-detail .vd-conditions-grid {
		grid-template-columns: 1fr;
	}
	.vacancy-detail .vd-cta-wrap {
		padding: 40px 20px 60px;
	}
	.vd-tag.vd-candidate-tag {
		margin: 0 0 0 auto;
	}

	.vacancy-detail .vd-tag:nth-child(2n) {
		margin: 0 auto 0 0;
	}
	.vacancy-detail .vd-condition-item:nth-child(2n) {
		margin: 0 0 0 auto;
	}

	.vacancy-detail .vd-condition-item {
		display: flex;
		flex-direction: column;
		gap: 6px;
		width: max-content;
		max-width: 265px;
	}
	.vacancy-detail .vd-career-label {
		min-height: 46px;
		padding: 0;
	}
	.vacancy-detail .vd-career-labels{
		gap: 7px;
		margin-right: calc(-1 * var(--vd-career-overlap) + 52px);
	}
	.vacancy-detail .vd-career-num{
		font-size: 16px;
	}
	.vacancy-detail .vd-career-label:nth-child(1) .vd-career-type {
		padding-left: 56px;
	}
	.vacancy-detail .vd-career-label:nth-child(2) .vd-career-type {
		padding-left: 40px;
	}
	.vacancy-detail .vd-career-label:nth-child(3) .vd-career-type {
		padding-left: 24px;
	}
	.vacancy-detail .vd-career-label:nth-child(4) .vd-career-type {
		padding-left: 8px;
	}
	.vacancy-detail .vd-career{
		overflow: hidden;
	}
}
@media (max-width: 390px) {
	.vacancy-detail .vd-career-labels {
		gap: 7px;
		margin-right: calc(-1 * var(--vd-career-overlap) - 12px);
	}
}
/* End */
/* /local/templates/men/components/bitrix/news/vacancies/bitrix/news.detail/.default/style.css?178126187919243 */