/**
 * Общая ширина контента как у шапки (max-width 1366px) на всех страницах.
 * Перебивает .limiter из template_styles (1480px), чтобы блоки не были шире шапки.
 */
.limiter {
	max-width: 1366px !important;
	min-width: 320px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	width: 100%;
}

@media (max-width: 960px) {
	.limiter {
		padding-left: 16px;
		padding-right: 16px;
	}
}

/* ===== Marker badges (one-click modal / fast order) =====
   Иногда метки товаров в модалках рендерятся как:
   <div class="markerContainer"><div class="marker" style="background-color: ...">...</div></div>
   Чтобы они выглядели 1 в 1 как .tsk-product-card__badges / .tsk-badge — задаем здесь базовый стиль.
*/
.markerContainer {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	pointer-events: none;
}

.markerContainer .marker {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 600;
	padding: 4px 8px;
	border-radius: 999px !important;
	font-family: "Montserrat", sans-serif;
	line-height: 1.2;
	white-space: nowrap;

	/* базовый вид (как дефолтный .tsk-badge) */
	color: #0f172a;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow: 0 4px 10px rgba(15, 23, 42, 0.12);
}

/* Варианты бейджа. В одном из модальных шаблонов sale может приходить как #424242,
   поэтому этот цвет принудительно мапим на красный .tsk-badge--sale. */
.markerContainer .marker[style*="#ef4444"],
.markerContainer .marker[style*="#424242"] {
	color: #ffffff !important;
	background: rgba(239, 68, 68, 0.95) !important;
	border-color: rgba(239, 68, 68, 0.5) !important;
}

.markerContainer .marker[style*="#fbbf24"] {
	color: #1a1a1a !important;
	background: rgba(251, 191, 36, 0.95) !important;
	border-color: rgba(251, 191, 36, 0.6) !important;
}

.markerContainer .marker[style*="#22c55e"] {
	color: #ffffff !important;
	background: rgba(34, 197, 94, 0.95) !important;
	border-color: rgba(34, 197, 94, 0.55) !important;
}