/* Страница «Услуги ВЭД и представление интересов в Китае» (/services/uslugi-logistiki/).
   Геро, карточки и контакты берут стили шаблона logistic/style.css, здесь — только новые блоки. */

.evg-ved {
	--evg-ved-ink: var(--evg-color-primary, #13322b);
	--evg-ved-muted: #5d6764;
	--evg-ved-line: #e3ebe8;
	--evg-ved-soft: #f7f9f8;
	--evg-ved-accent: var(--evg-color-accent, #c8a24a);
	--evg-ved-tbc-bg: #fff3c4;
	--evg-ved-tbc-ink: #6b4e00;
	color: var(--evg-ved-ink);
}

.evg-ved__container {
	max-width: var(--evg-container-max, 1464px);
	margin: 0 auto;
	padding: 0 var(--evg-container-padding, 32px);
}

.evg-ved__title {
	margin: 0 0 40px;
	font-size: clamp(28px, 3vw, 40px);
	line-height: 1.15;
	font-weight: 700;
	color: var(--evg-ved-ink);
}

.evg-ved__container p {
	margin: 0 0 12px;
	font-size: 17px;
	line-height: 1.55;
}

.evg-ved-tbc {
	padding: 1px 6px;
	border-radius: 4px;
	background: var(--evg-ved-tbc-bg);
	color: var(--evg-ved-tbc-ink);
	font-size: 0.9em;
	font-weight: 500;
}

/* Геро: своё фото порта и затемнение слева под белый текст */
.evg-ved .evg-hero {
	background-position: center 60%;
}

.evg-ved .evg-hero::before {
	background: linear-gradient(90deg,
			rgba(19, 48, 42, 0.92) 0%,
			rgba(19, 48, 42, 0.78) 45%,
			rgba(19, 48, 42, 0.35) 100%);
}

/* Геро: вторая кнопка и подпись под формой */
.evg-ved-hero__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 28px;
}

.evg-ved .evg-hero .evg-ved-hero__link {
	padding: 0;
	border: 0;
	background: none;
	color: #fff;
	font: inherit;
	font-size: 16px;
	text-decoration: underline;
	text-underline-offset: 4px;
	cursor: pointer;
}

.evg-ved .evg-hero .evg-ved-hero__link:hover,
.evg-ved .evg-hero .evg-ved-hero__link:focus-visible {
	color: var(--evg-ved-accent);
}

.evg-ved .evg-ved-hero__note {
	max-width: 560px;
	margin: 24px 0 0;
	font-size: 15px;
	color: var(--evg-color-text-muted, rgba(255, 255, 255, 0.82));
}

/* Два направления */
.evg-ved-dir {
	padding: 96px 0;
}

.evg-ved-dir__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.evg-ved-dir__card {
	padding: 36px 32px;
	border: 1px solid var(--evg-ved-line);
	border-radius: 12px;
	background: #fff;
}

.evg-ved-dir__card--accent {
	box-shadow: inset 0 3px 0 var(--evg-ved-accent);
}

.evg-ved-dir__scope {
	margin: 20px 0 24px;
}

.evg-ved-dir__name {
	margin: 0 0 16px;
	font-size: 26px;
	line-height: 1.2;
	font-weight: 700;
	color: var(--evg-ved-ink);
}

.evg-ved .evg-ved-dir__lead {
	margin-top: 20px;
	font-weight: 600;
}

.evg-ved-dir__more {
	font-weight: 600;
	color: var(--evg-ved-ink);
	text-decoration: underline;
	text-underline-offset: 4px;
}

.evg-ved-list {
	margin: 0;
	padding: 0 0 0 20px;
}

.evg-ved-list li {
	margin: 0 0 8px;
	font-size: 16px;
	line-height: 1.5;
}

/* Схема работы */
.evg-ved-steps {
	padding: 96px 0;
}

.evg-ved-steps__list {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: evg-ved-step;
}

.evg-ved-steps__item {
	position: relative;
	margin: 0;
	padding: 56px 0 0;
	border-top: 2px solid var(--evg-ved-ink);
	counter-increment: evg-ved-step;
}

.evg-ved-steps__item::before {
	content: counter(evg-ved-step, decimal-leading-zero);
	position: absolute;
	top: 14px;
	left: 0;
	font-size: 22px;
	font-weight: 700;
	color: var(--evg-ved-accent);
}

.evg-ved-steps__name {
	margin: 0 0 10px;
	font-size: 20px;
	line-height: 1.25;
	font-weight: 700;
	color: var(--evg-ved-ink);
}

.evg-ved-steps__item p {
	font-size: 16px;
	color: var(--evg-ved-muted);
}

/* Виды доставки */
.evg-ved-transport {
	padding: 96px 0;
	background: var(--evg-ved-soft);
}

.evg-ved-transport__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.evg-ved-transport__card {
	margin: 0;
	padding: 28px;
	border: 1px solid var(--evg-ved-line);
	border-radius: 12px;
	background: #fff;
}

.evg-ved-transport__card::before {
	display: none;
}

.evg-ved-transport__note {
	margin: 24px 0 0;
	font-size: 16px;
	color: var(--evg-ved-muted);
}

.evg-ved-transport__name {
	margin: 0 0 16px;
	font-size: 22px;
	font-weight: 700;
	color: var(--evg-ved-ink);
}

/* «Что входит»: номер латунью над заголовком, как в шагах поставки */
.evg-ved .evg-advantages {
	padding: 96px 0;
	border-bottom: 0;
}

.evg-ved .evg-advantages__card {
	min-height: 0;
}

.evg-ved .evg-advantages__item-title {
	padding-right: 0;
}

#evg-ved-scope .evg-advantages__number {
	position: static;
	display: block;
	margin: 0 0 14px;
	font-size: 22px;
	letter-spacing: 0;
	color: var(--evg-ved-accent);
	background: none;
	-webkit-background-clip: border-box;
	background-clip: border-box;
}

/* «Почему»: белый фон, три карточки одним рядом */
.evg-ved .evg-ved-why {
	background: #fff;
}

.evg-ved-why .evg-advantages__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.evg-ved-why .evg-advantages__item {
	grid-column: auto;
}

/* Кейсы и документы до ответа клиента — одна серая полоса */
.evg-ved-tbd {
	padding: 0;
	background: var(--evg-ved-soft);
}

#evg-ved-cases {
	padding-top: 96px;
}

#evg-ved-cases .evg-ved__container {
	padding-bottom: 40px;
}

#evg-ved-docs {
	padding-bottom: 96px;
}

.evg-ved-tbd .evg-ved__title {
	margin-bottom: 16px;
}

/* FAQ */
.evg-ved-faq {
	padding: 96px 0;
	background: var(--evg-ved-soft);
}

.evg-ved-faq__list {
	max-width: 960px;
	border-top: 1px solid var(--evg-ved-line);
}

.evg-ved-faq__item {
	border-bottom: 1px solid var(--evg-ved-line);
}

.evg-ved-faq__item summary {
	position: relative;
	padding: 22px 48px 22px 0;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.35;
	list-style: none;
	cursor: pointer;
}

.evg-ved-faq__item summary::-webkit-details-marker {
	display: none;
}

.evg-ved-faq__item summary::after {
	content: "+";
	position: absolute;
	top: 18px;
	right: 8px;
	font-size: 26px;
	font-weight: 400;
	line-height: 1;
}

.evg-ved-faq__item[open] summary::after {
	content: "\2212";
}

.evg-ved-faq__item summary:focus-visible {
	outline: 2px solid var(--evg-ved-accent);
	outline-offset: 4px;
}

.evg-ved-faq__item p {
	padding: 0 48px 20px 0;
	color: var(--evg-ved-muted);
}

/* Финальный призыв */
.evg-ved-final {
	padding: 64px 0;
	background: var(--evg-ved-ink);
	color: #fff;
}

.evg-ved-final__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
}

.evg-ved-final__title {
	margin: 0 0 12px;
	font-size: clamp(26px, 2.6vw, 36px);
	line-height: 1.2;
	font-weight: 700;
	color: #fff;
}

.evg-ved .evg-ved-final p {
	margin: 0;
	color: rgba(255, 255, 255, 0.82);
}

.evg-ved-final .btn {
	flex-shrink: 0;
}

@media (max-width: 1199px) {
	.evg-ved-steps__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.evg-ved-transport__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.evg-ved__container {
		padding: 0 16px;
	}

	.evg-ved-dir,
	.evg-ved-steps,
	.evg-ved-transport,
	.evg-ved-faq,
	.evg-ved .evg-advantages {
		padding: 56px 0;
	}

	#evg-ved-cases {
		padding-top: 56px;
	}

	#evg-ved-docs {
		padding-bottom: 56px;
	}

	.evg-ved-why .evg-advantages__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.evg-ved__title {
		margin-bottom: 24px;
	}

	.evg-ved-dir__grid,
	.evg-ved-steps__list,
	.evg-ved-transport__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.evg-ved-dir__card {
		padding: 28px 20px;
	}

	.evg-ved-final__inner {
		flex-direction: column;
		align-items: stretch;
	}

	.evg-ved .evg-hero .btn,
	.evg-ved-final .btn {
		min-width: 0 !important;
		width: 100%;
		white-space: normal;
	}

	.evg-ved-faq__item summary {
		font-size: 17px;
	}
}