/* ETOP KC – Home Topics Grid FIX 1.0.0 */

.etop-kc-home-topics-grid {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate;
	background:
		linear-gradient(
			90deg,
			#ffffff 0%,
			#f8fafc 5%,
			#f5f8fc 13%,
			#f3f6fb 28%,
			#f3f6fb 100%
		) !important;
}

.etop-kc-home-topics-grid > *:not(.etop-kc-home-topics-grid-decor) {
	position: relative;
	z-index: 2;
}

.etop-kc-home-topics-grid-decor {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;

	/* Фина engineering grid решетка */
	background-image:
		linear-gradient(rgba(36,87,214,.075) 1px, transparent 1px),
		linear-gradient(90deg, rgba(36,87,214,.075) 1px, transparent 1px);

	background-size: 28px 28px;

	/* Започва по-фино отляво и става по-видима към дясно */
	-webkit-mask-image:
		linear-gradient(
			90deg,
			transparent 0%,
			rgba(0,0,0,.22) 13%,
			rgba(0,0,0,.62) 28%,
			#000 48%,
			#000 100%
		);
	mask-image:
		linear-gradient(
			90deg,
			transparent 0%,
			rgba(0,0,0,.22) 13%,
			rgba(0,0,0,.62) 28%,
			#000 48%,
			#000 100%
		);
}

/* Допълнителни по-едри технически линии, за да не е просто квадратна мрежа */
.etop-kc-home-topics-grid-decor::before {
	content: "";
	position: absolute;
	right: -5%;
	top: -20%;
	width: 64%;
	height: 145%;
	opacity: .8;

	background:
		linear-gradient(
			28deg,
			transparent 46%,
			rgba(36,87,214,.09) 47%,
			rgba(36,87,214,.09) 48%,
			transparent 49%
		),
		linear-gradient(
			-22deg,
			transparent 48%,
			rgba(36,87,214,.075) 49%,
			rgba(36,87,214,.075) 50%,
			transparent 51%
		);

	background-size:
		210px 170px,
		260px 190px;
}

/* Лек бял veil около заглавието за добра четимост */
.etop-kc-home-topics-grid-decor::after {
	content: "";
	position: absolute;
	inset: 0;

	background:
		linear-gradient(
			90deg,
			rgba(255,255,255,.82) 0%,
			rgba(255,255,255,.48) 7%,
			rgba(255,255,255,.18) 15%,
			rgba(255,255,255,.04) 23%,
			rgba(255,255,255,0) 31%
		);
}

@media (max-width: 760px) {
	.etop-kc-home-topics-grid-decor {
		background-size: 24px 24px;
		opacity: .75;
	}
}