.lemon-split-heading {
	margin: 0;
	display: flex;
	align-items: center;
	gap: 16px;
	font-weight: 800;

	line-height: 1.15;
}

.lemon-split-heading__lemon-icon {
	flex-shrink: 0;
	width: 56px;
	height: 56px;
}

.lemon-split-heading__text {
	display: block;
}

.lemon-split-heading__line1 {
	display: inline;
	padding: 2px 4px;
}

.lemon-split-heading__line2 {
	display: inline-block;
	padding: 4px 14px;
	margin-top: 6px;
}

/* realne reguły CSS (nie inline style), żeby !important dało się użyć
   i wygrać z motywem, który wymusza pogrubienie na h2/h3/h4 */
.lemon-split-heading__line1.is-bold,
.lemon-split-heading__line2.is-bold {
	font-weight: 800 !important;
}
.lemon-split-heading__line1.is-regular,
.lemon-split-heading__line2.is-regular {
	font-weight: 400 !important;
}

@media ( max-width: 480px ) {
	.lemon-split-heading {
		gap: 10px;
	}
	.lemon-split-heading__lemon-icon {
		width: 40px;
		height: 40px;
	}
}