@layer blocks {
	.blk {
		--innerPadding: var(--spacing5);
		overflow: hidden;
	}
	
	.blk > hr {
		height: 1px;
		margin-top: var(--innerPadding);
		border: none;
		background-color: var(--color__gray);
	}
	
	.blk__row > * + * {
		margin-top: var(--innerPadding);
	}
	
	.blk:not(:has(> hr)) {
		padding-bottom: var(--innerPadding);
	}
	
	.blk + .blk {
		position: relative;
		padding-top: var(--innerPadding);
	}
	
	.blk .breadcrumbs {
		margin-bottom: var(--spacing4);
	}
	
	.blk header {
		margin-bottom: var(--spacing5);
	}
	
	.blk header .nadnaslov {
		margin-bottom: var(--spacing3);
	}
	
	.swiper-navigation {
		display: flex;
		justify-content: flex-end;
		gap: var(--spacing2);
	}
	
	.swiper-navigation button {
		border: 0;
		background-color: transparent;
		padding: var(--spacing2);
	}
	
	.swiper-navigation button:hover {
		background-color: var(--color__silver--light);
	}
	
	.swiper-navigation .swiper-prev img {
		transform: rotate(180deg);
	}
	
	
	@media (min-width: 48rem) {
		.blk {
			--innerPadding: var(--spacing7);
		}
		
		.blk__row {
			display: grid;
			grid-template-columns: subgrid;
			row-gap: var(--spacing5);
		}

		.blk__row > * + * {
			margin-top: 0;
		}

		.blk__column:nth-child(1) {
			grid-column: span 5;
		}

		.blk__column:nth-child(2) {
			grid-column: 7 / -1;
		}
	}
}