@layer blocks {
	
	.home .blkPokrovitelji {
		margin-top: 2em;
	}

	@media (min-width: 65em) {
		.home .blkPokrovitelji {
			--theme__padBlockEnd: var(--spacing8);

			margin-top: 0;
		}

		/* manjši okvir logotipa v drsniku (širina, višina je polovica) */
		.blkPokrovitelji--slider .pokrovitelji {
			--logos_small: 6em;
		}
		
		.home .blkPokrovitelji {
			margin-top: 0em;
			padding-block-end: 1em;
		}
	}

	.blkPokrovitelji .bWrap {
	}
	
	.blkPokrovitelji--slider .swiper {
		width: 100%;
		min-width: 0;
		overflow: hidden;
		padding: 1em 0; /* da hover zooma ne odreže logotipa */
	}

	.blkPokrovitelji--slider .pokrovitelji.swiper-wrapper {
		gap: 0; 
	}
	
	.blkPokrovitelji--slider .swiper-wrapper {
		flex-wrap: nowrap;
		transition-timing-function: linear !important;
		align-items: center; 
	}
	

	.blkPokrovitelji--slider .swiper-slide {
		width: auto; 
		
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.pokrovitelji {
		--logos_small: 9em;
		--logos_big: 12em;
		
		display: flex;	
		gap: var(--spacing5) var(--spacing4);
		align-items: center;
		justify-content: space-between;
		width: 100%;
		flex-wrap: wrap;
	}
	
	
	.pokrovitelji img {
		max-width: var(--logos_small);
		max-height: calc(var(--logos_small) / 2);
		
		transition: 
			filter .3s,
			opacity .3s,
			transform .6s;
	}
	
	.blkPokrovitelji--bw .pokrovitelji__logo img {
		filter: grayscale(1);
		opacity: 0.7;
	}
	
	.pokrovitelji__logo {
		display: block;
		min-width: 0;
	}
	
	.pokrovitelji__logo:hover img {
		filter: grayscale(0);
		opacity: 1;
		
		transform: scale(1.1);
	}
	
	
}