/* Плашки карточки товара SHOPSTYLE. Вывод: inc/badges.php.
   Контейнер: .product-element-top (position:relative) в каталоге; колонка галереи на странице товара. */

.ss-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 3;
	padding: 5px 10px;
	font-family: "Jost", sans-serif;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #F3F0EB;
	background: #2B2724;      /* NEW, BEST SELLER, SOLD OUT на странице товара */
	pointer-events: none;
}
.ss-badge-sale {
	background: #C4593A;      /* терракота SALE */
}

/* SOLD OUT в каталоге: полупрозрачное затемнение всего фото + надпись; карточка кликабельна. */
.ss-soldout {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(43, 39, 36, .28);
	pointer-events: none;
}
.ss-soldout > span {
	padding: 7px 14px;
	font-family: "Jost", sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #2B2724;
	background: rgba(243, 240, 235, .92);
}

/* Мобайл: чуть компактнее. */
@media (max-width: 576px) {
	.ss-badge { top: 8px; left: 8px; padding: 4px 8px; font-size: 10px; }
	.ss-soldout > span { padding: 6px 10px; font-size: 11px; }
}