/* Promo Lab masonry gallery */
.creocom-promolab-gallery {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	columns: 4 220px;
	column-gap: 18px;
}

.creocom-promolab-gallery__item {
	position: relative;
	display: block;
	margin: 0 0 18px;
	overflow: hidden;
	break-inside: avoid;
	border-radius: 8px;
	background: #f2f1f1;
	box-shadow: 0 4px 24px rgba(61, 59, 60, 0.08);
	text-decoration: none;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
}

.creocom-promolab-gallery__item::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(61, 59, 60, 0.18), transparent 42%);
	content: '';
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.creocom-promolab-gallery__item:hover {
	box-shadow: 0 12px 48px rgba(61, 59, 60, 0.12);
	transform: translateY(-3px);
}

.creocom-promolab-gallery__item:hover::after {
	opacity: 1;
}

.creocom-promolab-gallery__item:focus-visible {
	outline: 3px solid #ff1782;
	outline-offset: 4px;
}

.creocom-promolab-gallery__image {
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 1024px) {
	.creocom-promolab-gallery {
		columns: 3 210px;
	}
}

@media (max-width: 768px) {
	.creocom-promolab-gallery {
		columns: 2 150px;
		column-gap: 12px;
	}

	.creocom-promolab-gallery__item {
		margin-bottom: 12px;
	}
}