.yandex-badge-container {
	display: block;
	margin-bottom: 20px;
	text-align: left;
	font-size: 14px;
	line-height: 18px;	
	position: relative;
}

.yandex-badge-container .yandex-badge-sum {
	background: url(/local/templates/page/css/../icons/icon20/yandex-badge.svg) 0 0 no-repeat #52525B;
	height: 18px;
	padding: 0 5px 0 20px;
	display: inline-block;
	color: #fff;
	border-radius: 2px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-size: contain;
}
.yandex-badge-container .yandex-badge-discount {
	background: #FEEDED;
	color: #F73E12;
	padding: 3px;
	border-radius: 2px;
	display: none;
}

.card .yandex-badge-container, 
.catalogCard .yandex-badge-container {
	margin: 5px auto 5px 0;
	font-size: 13px;
	line-height: 15px;
	display: flex;
	gap: 5px;
}
.card .yandex-badge-container .yandex-badge-sum,
.catalogCard .yandex-badge-container .yandex-badge-sum {
	height: 15px;
}
.card .yandex-badge-container .yandex-badge-text span,
.catalogCard .yandex-badge-container .yandex-badge-text span  {
	display: inline;
}
.card .yandex-badge-container .yandex-badge-discount,
.catalogCard .yandex-badge-container .yandex-badge-discount {
	padding: 2px;
	margin-top: -2px;
}

.yandex-badge-container.glvr .yandex-badge-sum,
.catalogCard .yandex-badge-container .yandex-badge-sum {
	background-color: #111215;
}

@media (max-width: 575px) {
	.card .yandex-badge-container {
		gap: 3px;
	}
	.card .yandex-badge-container .yandex-badge-sum {
		padding: 0 3px 0 15px;
	}	
	.card .yandex-badge-container .yandex-badge-text span  {
		display: none;
	}
	.card .yandex-badge-container .yandex-badge-discount {
		padding: 1px 2px;
	}	
}