/* otaceni flipbox karet */

.dype-flipbox {
	position: relative;
	height: 400px;
	perspective: 1000px;
}

.dype-flipbox__front,
.dype-flipbox__back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition: opacity 0.4s ease-in-out;
}

.dype-flipbox__front {
	opacity: 1;
	pointer-events: auto;
}

.dype-flipbox__back {
	opacity: 0;
	pointer-events: none;
}

/* desktop: hover */
@media (min-width: 768px) {
	.dype-flipbox:hover .dype-flipbox__front {
		opacity: 0;
		pointer-events: none;
	}

	.dype-flipbox:hover .dype-flipbox__back {
		opacity: 1;
		pointer-events: auto;
	}
}

/* mobilni prepinani pres tridu .flipped */
.dype-flipbox.flipped .dype-flipbox__front {
	opacity: 0;
	pointer-events: none;
}

.dype-flipbox.flipped .dype-flipbox__back {
	opacity: 1;
	pointer-events: auto;
}