.vk-icon-text-columns {
	--vk-itc-columns: 1;
	--vk-itc-gap: clamp(20px, 2vw, 32px);
	--vk-itc-item-gap: clamp(20px, 20px, 20px);
	--vk-itc-icon-size: clamp(35px, 35px, 35px);

	width: 100%;
}

.vk-icon-text-columns--empty {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: clamp(120px, 20vw, 200px);
	padding: clamp(16px, 2vw, 24px);
	text-align: center;
	color: #695757;
	background-color: #f0e9e1;
}

.vk-icon-text-columns__grid {
	display: grid;
	grid-template-columns: repeat(var(--vk-itc-columns), minmax(0, 1fr));
	gap: var(--vk-itc-gap);
	width: 100%;
}

.vk-icon-text-columns__column {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--vk-itc-item-gap);
	min-width: 0;
}

.vk-icon-text-columns__icon {
	display: block;
	flex: 0 0 var(--vk-itc-icon-size);
	width: var(--vk-itc-icon-size);
	min-width: var(--vk-itc-icon-size);
	max-width: var(--vk-itc-icon-size);
	line-height: 0;
}

.vk-icon-text-columns__image {
	display: block;
	width: var(--vk-itc-icon-size);
	height: var(--vk-itc-icon-size);
	max-width: var(--vk-itc-icon-size);
	object-fit: contain;
	object-position: center;
}

.vk-icon-text-columns__text {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	font-family: var(--wp--preset--font-family--din-light, "DIN Light", sans-serif);
	font-size: var(--wp--preset--font-size--body);
	font-weight: 300;
	line-height: 1.3;
	color: var(--wp--preset--color--text-dark, #4d4d4f);
}

.vk-icon-text-columns__text--bold {
	font-family: var(--wp--preset--font-family--din-bold, "DIN Bold", sans-serif);
	font-weight: 700;
}

@media (max-width: 767px) {
	.vk-icon-text-columns__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}
