@layer blocks {
	.wGallery .slide-figure {
		position: relative;
	}
	
	.blkGallery .wGallery .slide-figure > a.b {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		
		margin-top: 0;
		opacity: 0;
		transition: opacity .3s, 
			background-color .3s,
			border-color .3s,
			color .3s;
		background-color: var(--color__white);
	}
	
	.wGallery .slide-figure:has(> a.b):hover a.b  {
		opacity: 1;
	}
	
	.wGallery .slide-figure a.b:hover  {
		background-color: var(--color__blue--pale);
	}
	
	.wGallery .slide-figure:has(> a.b):hover img {
		filter: brightness(0.6);
	}
	
	.wGallery .slide-figure img {
		transition: filter .4s;
	}
		
		
	.wGallery--1 {
		grid-column-end: -1;
		
		display: grid;
		grid-template-columns: subgrid;
	}
	
	.wGallery--1 .swiper {
		overflow: visible;
		grid-column: 1 / -1;
	}
	
	.wGallery--1 .swiper-slide {
		display: flex;
		align-items: center;
		justify-content: center;
		width: auto !important;
	}
	
	.wGallery--1 .slide-figure img {
		height: 100%;
		width: auto;
		display: block;
	}
	
	.wGallery--1 .slide-figure {
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 200px;
		overflow: hidden;
	}
	
	.blkGallery .nadnaslov {
		margin-bottom: var(--spacing3);
	}
	
	
	.wGallery__info {
		grid-column: 1 / -2;
		
		display: flex;
		align-items: flex-start;
		gap: var(--spacing3);
		
		margin-top: var(--spacing4);
	}
	
	.wGallery__page {
		white-space: nowrap;
	}
	
	.wGallery .swiper-navigation {
		grid-column: 1 / -2;
	}
	
	.wGallery--2 .swiper-slide img {
		max-height: 48rem;
	}
	
	.wGallery--2 .slide-figure {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.wGallery--3 {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		grid-gap: var(--gridGap);
		grid-auto-flow: dense;
	}
	
	.wGallery--3 figure {
		aspect-ratio: 1;
	}
	
	.wGallery--3 img {
		object-fit: cover;
		width: 100%;
		height: 100%;
		
	} 

	
	@media (min-width: 48rem) {
		.wGallery--1 .slide-figure {
			height: 380px;
		}
		
		.wGallery__info {
			grid-column-end: -4;
		}
		
		.wGallery--1 .swiper-navigation {
			margin-top: var(--spacing4);
			grid-column: -4 / -2;
		}
		
		.wGallery--2 {
			grid-column: 4 / -4;
		}
		
		.wGallery--3 {
			grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
		}
	}
}