/* Bewegende foto — VcBlock theme_morphing_image */
.lp-morph-image {
	position: relative;
	margin: 0;
	overflow: hidden;
	max-height: 700px;
	background: var(--color-content-bg-alt, #F2ECE1);
}
.lp-morph-image__img {
	display: block;
	width: auto;

}
/* Vaste verhouding: laat de foto de vorm vullen */
.lp-morph-image[style*="aspect-ratio"] .lp-morph-image__img {
	height: 100%;
	object-fit: cover;
}

/* Zachte paarse gloed (volgt de vorm) */
.lp-morph-image--glow {
	box-shadow: 0 30px 60px -30px rgba(82, 63, 109, 0.35);
}

/* Afgeronde hoeken (rustige variant) */
.lp-morph-image--rounded {
	border-radius: 14px;
}

/* Organische, golvende rand */
.lp-morph-image--blob {
	border-radius: 44% 56% 60% 40% / 46% 38% 62% 54%;
	transition: border-radius 1.2s cubic-bezier(.4, .2, .2, 1);
	animation: lp-blob-morph var(--lp-morph-speed, 14s) ease-in-out infinite alternate;
}
@keyframes lp-blob-morph {
	0%   { border-radius: 44% 56% 60% 40% / 46% 38% 62% 54%; }
	33%  { border-radius: 60% 40% 44% 56% / 38% 56% 44% 62%; }
	66%  { border-radius: 52% 48% 62% 38% / 56% 44% 56% 44%; }
	100% { border-radius: 40% 60% 50% 50% / 48% 62% 38% 52%; }
}

/* Op mobiel en bij 'reduce motion': rustig, geen animatie */
@media (max-width: 1024px) {
	.lp-morph-image--blob { animation: none; border-radius: 14px; }
	/* Foto de volle kolombreedte laten vullen zodra de kolommen smaller worden
	   of stapelen (anders bleef hij op natuurlijke breedte links staan). */
	.lp-morph { display: block; width: 100%!important; }
	.lp-morph-image { width: 100%; }
	.lp-morph-image__img { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
	.lp-morph-image--blob { animation: none; }
}

@med

/* ── Wrapper + product-badge ─────────────────────────────────────────── */
.lp-morph { position: relative; display: inline-block; width: fit-content; }

.lp-morph__badge {
	position: absolute;
	z-index: 3;
	display: inline-flex;
	align-items: center; gap: 8px;
	padding: 10px 16px;
	font-family: var(--font-sans, 'Manrope', sans-serif);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #2A1F40;
	background: rgba(250, 246, 240, 0.32);
	-webkit-backdrop-filter: blur(14px) saturate(160%);
	backdrop-filter: blur(14px) saturate(160%);
	border: 1px solid rgba(250, 246, 240, 0.7);
	border-radius: 999px;
	box-shadow: 0 8px 32px -8px rgba(31, 26, 42, 0.2);
}
.hero-split-mark {
	bottom: 22px;
	right: 22px;
	background: rgba(250, 246, 240, 0.55);
	backdrop-filter: blur(14px) saturate(160%);
	-webkit-backdrop-filter: blur(14px) saturate(160%);
	border: 1px solid rgba(250, 246, 240, 0.7);
	box-shadow: 0 8px 32px -8px rgba(31, 26, 42, 0.2);
}
.lp-morph__badge::before {
	content: ""; width: 6px; height: 6px; border-radius: 50%;
	background: #C9A961; box-shadow: 0 0 0 4px rgba(201, 169, 97, 0.25);
}

.lp-morph--badge-tl .lp-morph__badge { top: 1.35rem; left: 1.35rem; }
.lp-morph--badge-tr .lp-morph__badge { top: 1.35rem; right: 1.35rem; }
.lp-morph--badge-bl .lp-morph__badge { bottom: 1.35rem; left: 1.35rem; }
.lp-morph--badge-br .lp-morph__badge { 	bottom: 22px;right: 22px; }

@media (max-width: 600px) {
	.lp-morph__badge { font-size: .64rem; padding: .45rem .85rem; }
}