:root {
	--card-transition: all 0.2s ease-in-out;
}
#pk_flex_content .producten_overzicht:not(:first-child) {
	margin-top: -2.5rem;
}

#pk_flex_content .producten_overzicht .producten-overzicht-title {
	font-family: var(--heading-font);
	font-weight: 600; text-transform: uppercase; margin-bottom: 1rem;
}
#pk_flex_content .producten_overzicht .product-cards {
	display: flex; flex-direction: column; gap: 2rem;
}
#pk_flex_content .producten_overzicht .product-card {
	display: flex; align-items: center; gap: 3.5rem;
	position: relative; text-decoration: none;
	background: var(--Identity-Highlight, #E1F5FF); border-radius: var(--radius-normal);
	overflow: hidden; padding: 2rem; color: var(--text-color);
	transition: var(--card-transition);
}
#pk_flex_content .producten_overzicht .product-card.care {
	background: rgba(35, 146, 186, 0.15);
}
#pk_flex_content .producten_overzicht .product-card.relax {
	background: rgba(174, 45, 109, 0.15);
}
#pk_flex_content .producten_overzicht .product-card.emdr {
	background: rgba(207, 161, 63, 0.15);
}
#pk_flex_content .producten_overzicht .product-card > video {
	width: 250px; height: auto; aspect-ratio: 1; object-fit: cover;
	border-radius: var(--radius-normal); vertical-align: middle;
	opacity: 0; visibility: hidden;
	transition: var(--card-transition);
}
#pk_flex_content .producten_overzicht .product-card .card-content {
	position: relative; z-index: 2;
}
#pk_flex_content .producten_overzicht .product-card .heading {
	margin-bottom: 1rem; color: inherit;
}
#pk_flex_content .producten_overzicht .product-card .heading_text {
	font-weight: 400; color: inherit;
}
#pk_flex_content .producten_overzicht .product-card .card-info {
	display: flex; align-items: flex-start; gap: 2rem;
	padding-right: 100px; margin-bottom: 1rem;
}
#pk_flex_content .producten_overzicht .product-card .card-info > * {
	width: 50%;
}
#pk_flex_content .producten_overzicht .product-card .usps_wrapper {
	display: flex; flex-direction: column; gap: 0.5rem;
}
#pk_flex_content .producten_overzicht .product-card .usp {
	display: flex; align-items: flex-start; gap: 0.5rem;
}
#pk_flex_content .producten_overzicht .product-card .usp svg {
	translate: 0 0.1em;
}
#pk_flex_content .producten_overzicht .product-card .usp svg path {
	stroke: currentColor;
}
#pk_flex_content .producten_overzicht .product-card .pk-button {
	color: inherit; transition: var(--card-transition);
	-webkit-transition: var(--card-transition);
}
#pk_flex_content .producten_overzicht .product-card .pk-button > .pk-button-text,
#pk_flex_content .producten_overzicht .product-card .pk-button > svg {
	transition: none;
}
#pk_flex_content .producten_overzicht .product-card .pk-button svg path {
	stroke: currentColor;
}

#pk_flex_content .producten_overzicht .product-card .swirl {
	position: absolute; right: 0; top: 0; z-index: 1;
	pointer-events: none; width: auto; height: 100%;
	opacity: 0; visibility: hidden;
	transition: var(--card-transition);
}

#pk_flex_content .producten_overzicht .product-card:hover {
	color: #ffffff;
}
#pk_flex_content .producten_overzicht .product-card.care:hover {
	background-color: var(--Psylaris-Care);
}
#pk_flex_content .producten_overzicht .product-card.relax:hover {
	background-color: var(--Psylaris-Relax);
}
#pk_flex_content .producten_overzicht .product-card.emdr:hover {
	background-color: var(--Products-Remote);
}
#pk_flex_content .producten_overzicht .product-card:hover > video,
#pk_flex_content .producten_overzicht .product-card:hover > .swirl {
	opacity: 1; visibility: visible;
}

@media screen and (min-width: 768px) {
	
}
@media screen and (max-width: 1024px) {
	#pk_flex_content .producten_overzicht .product-cards {
		gap: 1rem;
	}
	#pk_flex_content .producten_overzicht .product-card {
		flex-direction: column;
	}
	#pk_flex_content .producten_overzicht .product-card > video {
		width: 100%; aspect-ratio: 3/2; opacity: 1; visibility: visible;
	}

	#pk_flex_content .producten_overzicht .product-card .swirl {
		display: none;
	}
	#pk_flex_content .producten_overzicht .product-card {
		color: #ffffff;
	}
	#pk_flex_content .producten_overzicht .product-card.care {
		background-color: var(--Psylaris-Care);
	}
	#pk_flex_content .producten_overzicht .product-card.relax {
		background-color: var(--Psylaris-Relax);
	}
	#pk_flex_content .producten_overzicht .product-card.emdr {
		background-color: var(--Products-Remote);
	}
}
@media screen and (max-width: 767px) {
	#pk_flex_content .producten_overzicht .product-card {
		padding: 1.5rem; gap: 1.5rem;
	}
	#pk_flex_content .producten_overzicht .product-card .card-info {
		flex-direction: column; gap: 1rem; margin-bottom: 1rem;
		padding: 0;
	}
	#pk_flex_content .producten_overzicht .product-card .card-info > * {
		width: 100%;
	}
}