.swiper-container-wrapper.swiper-style-tickets{
	@media (max-width: 1199px){
		margin-left: var(--snap);
		margin-right: var(--snap);
	}

	[data-non-swiper-class="swiper-wrapper"]{
		display: grid;
		grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
		gap: 20px;
	}

	a.ticket{
		display: flex;
		flex-direction: column;
		height: 100%;
		text-decoration: none;

		.image{
			flex-shrink: 0;
			-webkit-mask-image: var(--pattern);
			mask-image: var(--pattern);

			img{
				transition: transform .6s ease;
			}
		}

		.inner{
			flex-grow: 1;
			position: relative;
			margin: 0 0 3.3898%;
			padding: 30px 42px calc( 58px - 3.3898% );
			background-color: var(--bgc);
			text-align: center;
			transition: all .6s ease;
			transition-property: background-color, color;

			@media (max-width: 767px){
				padding: 20px 15px 30px;
			}

			&::after{
				--icon: url(../../images/tearoff.svg);
				content: '';
				width: 100%;
				aspect-ratio: 413/14;
				-webkit-mask: var(--icon) no-repeat center/100%;
				mask: var(--icon) no-repeat center/100%;
				background-color: var(--bgc);
				transition: background-color .6s ease;
				position: absolute;
				top: 100%;
				left: 0;
			}
		}

		.title{
			color: var(--wp--preset--color--blau);
			transition: color .6s ease;
		}

		&:hover{
			--bgc: var(--wp--preset--color--blau) !important;

			.image img{
				transform: scale(1.05);
			}
			.inner{
				color: #fff;
			}
			.title{
				color: #fff;
			}
		}
	}

	.swiper-slide{
		width: min( 413px, 100vw - 90px );
		height: auto;
	}
}