/* Compact Telegram / E-mail cards in the hero block. */
.bn-hero .bn-contact-features {
	display: grid !important;
	grid-template-columns: 166px 206px !important;
	gap: 10px !important;
	align-items: center !important;
	max-width: 382px !important;
	margin: 0 !important;
	padding: 0 !important;
	-webkit-user-select: none !important;
	user-select: none !important;
}

.bn-hero .bn-contact-link {
	display: flex !important;
	align-items: center !important;
	min-height: 64px !important;
	padding: 0 15px !important;
	overflow: hidden !important;
	border: 1px solid rgba(173, 122, 15, .24) !important;
	border-radius: 7px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)),
		#080808 !important;
	box-shadow:
		inset 0 0 0 1px rgba(255, 219, 95, .025),
		0 12px 28px rgba(0, 0, 0, .28) !important;
	color: #f2f2f2 !important;
	text-decoration: none !important;
	-webkit-tap-highlight-color: transparent !important;
}

.bn-hero .bn-contact-link--telegram,
.bn-hero .bn-contact-link--email {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
}

.bn-hero .bn-contact-icon {
	position: relative !important;
	display: block !important;
	flex: 0 0 36px !important;
	width: 36px !important;
	height: 36px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

.bn-hero .bn-contact-link--telegram .bn-contact-icon {
	background-image: url("../images/hero-telegram-icon.png") !important;
}

.bn-hero .bn-contact-link--email .bn-contact-icon {
	background-image: url("../images/hero-email-icon.png") !important;
}

.bn-hero .bn-contact-icon::before,
.bn-hero .bn-contact-icon::after {
	content: none !important;
	display: none !important;
}

.bn-hero .bn-contact-link b {
	display: block !important;
	color: #f2f2f2 !important;
	font-size: 15px !important;
	font-weight: 850 !important;
	line-height: 1.05 !important;
	letter-spacing: 0 !important;
	white-space: nowrap !important;
}

.bn-hero .bn-contact-link > span:not(.bn-contact-icon) {
	display: none !important;
}

@media (max-width: 900px) {
	.bn-hero .bn-contact-features {
		grid-template-columns: 132px 158px !important;
		gap: 8px !important;
		max-width: 298px !important;
	}

	.bn-hero .bn-contact-link {
		min-height: 52px !important;
		padding: 0 10px !important;
	}

	.bn-hero .bn-contact-link--telegram,
	.bn-hero .bn-contact-link--email {
		gap: 8px !important;
	}

	.bn-hero .bn-contact-icon {
		flex-basis: 30px !important;
		width: 30px !important;
		height: 30px !important;
	}

	.bn-hero .bn-contact-link b {
		font-size: 12px !important;
	}
}

@media (max-width: 430px) {
	.bn-hero .bn-contact-features {
		grid-template-columns: 1fr !important;
		max-width: 272px !important;
	}
}

/* Hard override for the original TG/@ icon placeholders. */
.bn-contact-features .bn-contact-icon,
.bn-hero .bn-contact-features .bn-contact-icon {
	display: block !important;
	overflow: hidden !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: transparent !important;
	font-size: 0 !important;
	font-weight: 0 !important;
	line-height: 0 !important;
	text-indent: -9999px !important;
	white-space: nowrap !important;
}

.bn-contact-features .bn-contact-link--telegram .bn-contact-icon,
.bn-hero .bn-contact-features .bn-contact-link--telegram .bn-contact-icon {
	background: transparent url("../images/hero-telegram-icon.png") center / contain no-repeat !important;
}

.bn-contact-features .bn-contact-link--email .bn-contact-icon,
.bn-hero .bn-contact-features .bn-contact-link--email .bn-contact-icon {
	background: transparent url("../images/hero-email-icon.png") center / contain no-repeat !important;
}