.scw-box {
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: flex-start;
	margin: 6px 0;
	clear: both;
	width: 100%;
	box-sizing: border-box;
	text-align: var(--scw-align, left);
}
.scw-align-center { align-items: center; }
.scw-align-right { align-items: flex-end; }

.scw-chip {
	display: inline-block;
	box-sizing: border-box;
	width: auto;
	max-width: 100%;
	margin: 0;
	padding: var(--scw-py, 6px) var(--scw-px, 12px);
	font-size: var(--scw-fs, 14px);
	font-weight: normal;
	font-style: normal;
	line-height: 1.35;
	letter-spacing: normal;
	text-transform: none;
	text-align: inherit;
	color: var(--scw-fg, #1f2937);
	background: var(--scw-bg, #f1f5f9);
	border-radius: var(--scw-radius, 8px);
}
/* Some themes style every span and strong inside a product (block, float, colour). Keep the parts of the counter inline. */
.scw-box .scw-chip .scw-icon,
.scw-box .scw-chip .scw-count,
.scw-box .scw-chip .scw-text {
	display: inline !important;
	float: none !important;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-transform: none;
}
.scw-box .scw-chip .scw-count { font-weight: 700; font-variant-numeric: tabular-nums; }
.scw-box .scw-chip .scw-icon { font-size: calc(1em * var(--scw-icon-scale, 1)); line-height: 1; }

.scw-preset--pill .scw-chip { border-radius: 999px; }
.scw-preset--outline .scw-chip { background: transparent; border: 1.5px solid currentColor; }
.scw-preset--minimal .scw-chip { background: transparent; padding-left: 0; padding-right: 0; }

/* Pro badges share the chip frame but get their own accents. */
.scw-chip--milestone { font-weight: 600; }
.scw-milestone-epic { background: #fef0c7; color: #7a2e0e; }
.scw-milestone-gold { background: #fef3c7; color: #92400e; }
.scw-milestone-silver { background: #e5e7eb; color: #374151; }
.scw-chip--low-stock { font-weight: 600; background: transparent; padding-left: 0; padding-right: 0; }
.scw-chip--trending { font-weight: 600; }

.scw-chip--stock-bar { display: block; width: 100%; max-width: 360px; }
.scw-bar-text { display: block; margin-bottom: 6px; }
.scw-bar { display: block; height: 8px; border-radius: 999px; background: rgba(0, 0, 0, .1); overflow: hidden; }
.scw-bar > i { display: block; height: 100%; border-radius: inherit; }

.scw-top-sellers { margin: 0; padding: 0; list-style: none; }
.scw-top-sellers li { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px solid rgba(0, 0, 0, .08); }

/* Top sellers list, block and carousel */
.scw-tops { margin: 1.5em 0; }
.scw-tops__title { margin: 0 0 .75em; }
.scw-tops__list { margin: 0; padding: 0; list-style: none; }
.scw-tops__link { display: block; color: inherit; text-decoration: none; }
.scw-tops__img img { display: block; width: 100%; height: auto; border-radius: 8px; }
.scw-tops__name { display: block; margin-top: .5em; font-weight: 600; line-height: 1.3; }
.scw-tops__price { display: block; margin-top: .15em; }
.scw-tops__sold { display: block; margin-top: .25em; font-size: .85em; opacity: .7; }

.scw-tops--grid .scw-tops__list { display: grid; gap: 20px; grid-template-columns: repeat(var(--scw-cols, 4), minmax(0, 1fr)); }
@media (max-width: 782px) { .scw-tops--grid .scw-tops__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.scw-tops--list .scw-tops__item + .scw-tops__item { border-top: 1px solid rgba(0, 0, 0, .08); }
.scw-tops--list .scw-tops__link { display: grid; grid-template-columns: 64px 1fr auto; grid-template-areas: "img name price" "img sold price"; gap: 0 14px; align-items: center; padding: 10px 0; }
.scw-tops--list .scw-tops__img { grid-area: img; }
.scw-tops--list .scw-tops__name { grid-area: name; margin: 0; }
.scw-tops--list .scw-tops__sold { grid-area: sold; margin: 0; }
.scw-tops--list .scw-tops__price { grid-area: price; margin: 0; }

.scw-tops--carousel .scw-tops__list { display: flex; gap: 16px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.scw-tops--carousel .scw-tops__item { flex: 0 0 min(220px, 70%); scroll-snap-align: start; }