.gallery-text-module {
	overflow: hidden;

	.gallery-swiper {
		width: 100%;
		overflow: hidden;
		padding: 0.5rem 0;

		.swiper-wrapper {
			align-items: center;
		}

		.swiper-slide {
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
			height: clamp(340px, 45vw, 640px);
			transform: scale(0.9) translateY(14px);
			opacity: 0.75;
			z-index: 1;
			transition: transform 320ms ease, opacity 320ms ease;
			transform-origin: center center;

			&::after {
				content: "";
				position: absolute;
				inset: 0;
				background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
				pointer-events: none;      
				z-index: 1;
			}
		}

		.gallery-slide-link {
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
			text-decoration: none;
			color: inherit;
			outline: none;
		}

		.gallery-slide-link:focus-visible {
			outline: 2px solid currentColor;
			outline-offset: 4px;
		}

		img {
			width: 100%;
			height: 100%;
			display: block;
			object-fit: cover;
			border-radius: 0;
		}

		.gallery-slide-title {
			position: absolute;
			inset: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 20px;
			color: #fff;
			text-align: center;
			pointer-events: none;
			z-index: 2;
		}

		.swiper-slide-active {
			transform: scale(1.03) translateY(0);
			opacity: 1;
			z-index: 3;
		}

		.swiper-slide-prev,
		.swiper-slide-next {
			transform: scale(0.95) translateY(8px);
			opacity: 0.9;
			z-index: 2;
		}
	}

	.gallery-swiper-nav {
		display: flex;
		justify-content: center;
		gap: 0.7rem;
		margin-top: 1rem;

		.btn {
			border-radius: 50%;
			height: 3rem;
			width: 3rem;
			margin: 0;
			padding: 0;
			position: static;

			&::after {
				content: unset;
			}

			.icon {
				width: 1rem;
				height: 1rem;
			}
		}
	}

	@media (max-width: 575.98px) {
		.gallery-swiper {
			overflow: visible;

			.swiper-slide {
				width: 80%;
				height: 450px;
				transform: scale(0.93) translateY(10px);
			}

			.swiper-slide-active {
				transform: scale(1.02) translateY(0);
			}

			.swiper-slide-prev,
			.swiper-slide-next {
				transform: scale(0.97) translateY(6px);
			}
		}
	}
}
}