.swiper-container-wrapper.swiper-style-layers3d{

	@media (max-width: 767px){
		.swiper-button-next, .swiper-button-prev{
			display: none !important;
		}
	}

	@media (min-width: 768px){
		.swiper-horizontal > .swiper-pagination-bullets[style*="display: block"]{
			display: none !important;
		}
	}

	.swiper-wrapper{
		padding: 52px 0 0;
	}

	div.swiper-button-next, div.swiper-button-prev{
		top: 0;
		left: auto;
		right: 0;
		width: 40px;
		height: 40px;
		margin: 0;
		background: url(../../images/swiper-orange.svg) center / contain no-repeat !important;
		border-radius: 0;
		background: none;

		@media (max-width: 767px){
			transform: translateX( var(--snap) );
		}

		&::after{
			display: none;
		}
	}
	div.swiper-button-prev{
		right: 64px;
		transform: rotate(180deg);

		@media (max-width: 767px){
			transform: translateX( var(--snap) ) rotate(180deg);
		}
	}

	.swiper-slide{
		width: min( 384px, 100% - 92px );

		.image{
			aspect-ratio: 384/280;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: var(--wp--preset--color--gray-60);
			transition: all .3s ease;
			transition-property: background-color;

			img{
				max-width: 71%;
				max-height: 71%;

				@media (max-width: 575px){
					width: 71%;
					height: 71%;
					object-fit: contain;
				}
			}
		}
		&.swiper-slide-prev,
		&.swiper-slide-next{
			.image{
				background-color: var(--wp--preset--color--gray-40);
			}
		}
		&.swiper-slide:has( ~ .swiper-slide + .swiper-slide-prev ),
		&.swiper-slide-next + .swiper-slide ~ .swiper-slide{
			opacity: 0;
		}
		&.swiper-slide-active{
			.image{
				background-color: var(--wp--preset--color--gray-10);
			}
		}
		.counter, .title, .text{
			transition: opacity .3s ease;
		}
		.counter{
			margin: 8px 0 0;
			font-size: 16px;
			font-weight: 700;
			line-height: 1.1875;
			letter-spacing: 0.005em;
			color: var(--wp--preset--color--gray-20);
			text-transform: uppercase;
			text-align: right;

			span{
				color: var(--wp--preset--color--gray-60);
			}
		}
		.title{
			margin: 12px 0 8px;
			font-size: 24px;
			font-weight: 700;
			line-height: 1.1;
			color: var(--wp--preset--color--gray-80);
			text-transform: uppercase;
		}

		&:not(.swiper-slide-active){
			.counter, .title, .text{
				opacity: 0;
			}
		}
	}
}