.vk-hero{
	position:relative;
	overflow:hidden;
	min-height:460px;
	display:flex;
	align-items:center;
	border-radius:16px;
	background:#071A33;
	box-shadow:0 18px 45px rgba(7,26,51,.15);
}

/* Hero vehicle image */
.vk-hero-card{
	position:absolute;
	inset:0;
	z-index:0;
	width:100%;
	height:100%;
	margin:0;
	border-radius:0;
	box-shadow:none;
	transform:none;
	overflow:hidden;
}

.vk-hero-card img{
	width:100%;
	height:100%;
	min-height:460px;
	object-fit:cover;
	object-position:center right;
	display:block;
}

/* Dark overlay — strong behind text, transparent over vehicle */
.vk-hero-card::after{
	content:"";
	position:absolute;
	inset:0;
	background:
		linear-gradient(
			90deg,
			rgba(5,20,40,.97) 0%,
			rgba(7,26,51,.92) 34%,
			rgba(7,26,51,.65) 55%,
			rgba(7,26,51,.18) 78%,
			rgba(7,26,51,.05) 100%
		);
}

/* Text above image */
.vk-hero-copy{
	position:relative;
	z-index:2;
	width:58%;
	padding:60px 56px;
	box-sizing:border-box;
}

.vk-eyebrow{
	display:block;
	font-family:var(--vk-font-body);
	font-size:11px;
	font-weight:700;
	letter-spacing:2.2px;
	text-transform:uppercase;
	color:#9FC3FF;
	margin-bottom:16px;
}

.vk-hero h1{
	font-family:var(--vk-font-body);
	font-style:normal;
	font-weight:700;
	font-size:clamp(36px,4.5vw,56px);
	line-height:1.07;
	letter-spacing:-1.2px;
	color:#fff;
	margin:0 0 18px;
}

.vk-hero p{
	font-family:var(--vk-font-body);
	font-size:15.5px;
	line-height:1.7;
	color:#D3E0F3;
	max-width:570px;
	margin:0 0 28px;
}

.vk-hero-actions{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
}

.vk-hero-actions a{
	font-family:var(--vk-font-body);
	padding:13px 22px;
	font-size:13px;
	font-weight:700;
	border-radius:8px;
	text-decoration:none;
	white-space:nowrap;
	transition:.2s ease;
}

.vk-hero-actions a:hover{
	transform:translateY(-2px);
}

.vk-whatsapp{
	background:#fff;
	color:#071A33;
}

.vk-call{
	background:#1261D8;
	border:1px solid #1261D8;
	color:#fff;
}

.vk-link-secondary{
	background:rgba(255,255,255,.08);
	border:1px solid rgba(255,255,255,.35);
	color:#fff;
}

/* Existing waves remain optional */
.vk-hero-waves{
	position:absolute;
	inset:0;
	z-index:1;
	width:100%;
	height:100%;
	opacity:.10;
	pointer-events:none;
}

/* Mobile */
@media (max-width:768px){

	.vk-hero{
		min-height:520px;
		align-items:flex-end;
		border-radius:12px;
	}

	.vk-hero-card img{
		min-height:520px;
		object-position:center;
	}

	.vk-hero-card::after{
		background:
			linear-gradient(
				0deg,
				rgba(5,20,40,.98) 0%,
				rgba(7,26,51,.90) 48%,
				rgba(7,26,51,.30) 78%,
				rgba(7,26,51,.08) 100%
			);
	}

	.vk-hero-copy{
		width:100%;
		padding:180px 24px 32px;
	}

	.vk-hero h1{
		font-size:clamp(32px,9vw,42px);
	}

	.vk-hero p{
		font-size:15px;
	}

	.vk-hero-actions a{
		padding:12px 17px;
	}
}