/**
 * Бейджи на карточках и в карточке товара — единый минималистичный стиль (outline).
 * Скоп для: .products__item-badges, .sku__badges
 */

/* В сетке — колонка без absolute-наслоения ProStore (иначе 3–4-й бейдж уезжают) */
.products__item-badges .ui-badge:first-of-type ~ * {
	position: relative !important;
	top: auto !important;
	left: auto !important;
}

.products__item-badges .ui-badge:nth-of-type(2),
.products__item-badges .ui-badge:nth-of-type(3),
.products__item-badges .ui-badge:nth-of-type(4),
.products__item-badges .ui-badge:nth-of-type(5) {
	top: auto !important;
}

.products__item-badges .ui-badge,
.sku__badges .ui-badge {
	background: rgba(255, 255, 255, 0.92) !important;
	color: #1f1f1f !important;
	border: 1px solid rgba(31, 31, 31, 0.14);
	box-shadow: none;
	font-weight: 500;
	letter-spacing: 0.02em;
	font-size: 1.1rem;
	line-height: 2rem;
	padding: 0 0.65rem;
	border-radius: 4px;
}

/* Лёгкий акцент по типу — без заливки */
.products__item-badges .ui-badge--orange,
.sku__badges .ui-badge--orange {
	color: #7a6520 !important;
	border-color: rgba(122, 101, 32, 0.32);
}

.products__item-badges .ui-badge--purple,
.sku__badges .ui-badge--purple {
	color: #5c4a6e !important;
	border-color: rgba(92, 74, 110, 0.3);
}

.products__item-badges .ui-badge--blue,
.sku__badges .ui-badge--blue {
	color: #1f1f1f !important;
	border-color: rgba(31, 31, 31, 0.18);
}

.products__item-badges .ui-badge--red,
.sku__badges .ui-badge--red {
	color: #9a3b3b !important;
	border-color: rgba(154, 59, 59, 0.28);
}

.products__item-badges .ui-badge--green,
.sku__badges .ui-badge--green {
	color: #4a5c52 !important;
	border-color: rgba(74, 92, 82, 0.28);
}

.products__item-badges .ui-badge--yellow,
.sku__badges .ui-badge--yellow {
	color: #6b5e20 !important;
	border-color: rgba(107, 94, 32, 0.28);
}

.products__item-badges .ui-badge--transparent,
.sku__badges .ui-badge--transparent {
	background: rgba(255, 255, 255, 0.85) !important;
	color: #1f1f1f !important;
	border-color: rgba(31, 31, 31, 0.12);
}

/* Store77 — те же правила, классы для явной разметки */
.ui-badge.se-sticker--novinka {
	color: #1f1f1f !important;
	border-color: rgba(31, 31, 31, 0.18);
}

.ui-badge.se-sticker--no-rustore {
	color: #4a5c52 !important;
	border-color: rgba(74, 92, 82, 0.28);
}

@media (max-width: 767px) {
	.products__item-badges .ui-badge {
		font-size: 1rem;
		line-height: 1.8rem;
		padding: 0 0.5rem;
	}
}
