.producten {
	background-color: #fff;
	transition: 0.5s;
	padding-bottom: 100px;

	> h2 {
		font-family: var(--tl-header-font);
		text-align: center;
		text-transform: uppercase;
		font-size: 2em;
		margin-top: 0;
		margin-bottom: 70px;
		@media only screen and (max-width: 768px) {
			margin-bottom: 50px;
		}
	}

	.producten__inner {
		padding: 0 25px 0 25px;

		.producten__inner--content {
			max-width: 480px;
			margin: 0 auto;
			width: 100%;
			margin-bottom: 130px;
			text-align: center;
		}

		.swiper-producten {
			margin: 0 auto;
			position: relative;
			overflow: hidden;
			list-style: none;
			padding: 0;
			z-index: 1;
			padding-bottom: 0;

			.swiper-wrapper .swiper-slide {
				aspect-ratio: 8 / 6;
				width: 80% !important;
				background-color: #000;

				@media only screen and (min-width: 768px) {
					width: 45% !important;
				}
				@media only screen and (min-width: 992px) {
					width: 28% !important;
				}
				@media only screen and (max-width: 768px) {
					aspect-ratio: auto;
				}
			}
		}
	}
}

.producten__inner .swiper-producten .swiper-wrapper .swiper-slide__item {
	height: 100%;
	
	a {
		display: block;
		height: 100%;

		.swiper-slide__item--inner {
			position: relative;

			.text {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				text-align: center;
				padding: 20px;
				color: #fff;
				background-color: #00000078;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				transition: all 500ms ease-in-out;
				@media only screen and (max-width: 768px) {
					visibility: visible;
					opacity: 1;
				}

				h3 {
					font-family: var(--tl-header-font);
					font-size: 12px;
					text-transform: uppercase;
					margin-bottom: 16px;
					transition: all 300ms ease-in-out;
					@media only screen and (max-width: 1024px) {
						margin-bottom: 16px;
					}
					@media only screen and (max-width: 768px) {
						font-size: 20px;
					}
				}

				.body-text {
					display: flex;
					justify-content: center;
					font-size: 13px;
					font-weight: 400;
					margin-bottom: 8px;
					font-weight: 400;
					font-variation-settings: 'wght' 400;
					color: #ffffffbf;

					.inner {
						width: 100%;
						max-width: 300px;
						text-align: justify;
						text-align-last: center;
					}
				}

				.discover-now {
					@media only screen and (max-width: 1024px) {
						max-height: 43px;
						padding-top: 10px;
						padding-bottom: 10px;
						visibility: visible;
						border: 1px solid #fff;
						opacity: 1;
					}
				}
			}
		}

		&:hover {
			.swiper-slide__item--inner {
				.text {
					h3 {
						margin-bottom: 16px;
					}
				}
			}
		}
	}
}

.producten__inner .swiper-producten .swiper-wrapper .swiper-slide__item a:hover .swiper-slide__item--inner img,
body.single-defender .producten__inner .swiper-producten .swiper-wrapper .swiper-slide__item a:focus .swiper-slide__item--inner img {
	transform: scale(1.2);
	@media only screen and (max-width: 768px) {
		transform: none;
	}
}
.producten__inner .swiper-producten .swiper-wrapper .swiper-slide__item--inner {
	background-color: #c1bfbf;
	overflow: hidden;
	position: relative;
	height: 100%;

	img {
		max-width: 720px;
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: 0.5s;
		@media only screen and (max-width: 768px) {
			height: 450px;
		}
	}
}

.producten__inner .swiper-producten {
	.swiper-scrollbar {
		width: 100%;
		left: 0;
		bottom: 0;
		height: 3px;
	}
		
	.swiper-scrollbar-drag {
		background: #333;
		transition: 0.5s;
	}
}
.producten__inner .swiper-next {
	text-align: right;
	cursor: pointer;
	margin-top: 25px;

	&:focus {
		outline: 0;
	}

	svg {
		font-size: 26px;
	}
}