/*
 * brickstore-core 前台模块样式（Stage 4 临时中性视觉）。
 *
 * 规则：这里不出现任何写死的颜色 / 字号 / 圆角 / 间距。
 * 全部走 Bricks Global Variables（var(--...)），并给出安全回退值，
 * 使得未来确定 V01/V02/V03/V04 或混合视觉时，只改变量即可换肤。
 */

.bs-availability {
	margin: 0;
	font-size: var(--text-sm, 14px);
	font-weight: 600;
	letter-spacing: 0.02em;
}

.bs-availability--active {
	color: var(--color-success, #1f7a4d);
}

.bs-availability--temporarily-unavailable,
.bs-availability--sold-out,
.bs-availability--retired {
	color: var(--color-danger, #b3261e);
}

.bs-specs {
	margin: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-xs, 8px);
	border-top: 1px solid var(--color-border, #e3e5ea);
	padding-top: var(--space-md, 20px);
}

.bs-spec {
	display: grid;
	grid-template-columns: minmax(140px, 30%) 1fr;
	gap: var(--space-sm, 12px);
	align-items: start;
}

.bs-spec--block {
	grid-template-columns: 1fr;
	gap: var(--space-xs, 8px);
}

.bs-spec__label {
	margin: 0;
	font-size: var(--text-sm, 14px);
	font-weight: 600;
	color: var(--color-text-muted, #5c6070);
}

.bs-spec__value {
	margin: 0;
	font-size: var(--text-sm, 14px);
	color: var(--color-text, #16181d);
}

.bs-manual-notice {
	border: 1px solid var(--color-border, #e3e5ea);
	border-radius: var(--radius-md, 10px);
	background: var(--color-surface, #f7f7f8);
	padding: var(--space-md, 20px);
}

.bs-manual-notice__title {
	margin: 0 0 var(--space-xs, 8px);
	font-size: var(--text-base, 16px);
	font-weight: 600;
	color: var(--color-text, #16181d);
}

.bs-manual-notice__text {
	margin: 0;
	font-size: var(--text-sm, 14px);
	color: var(--color-text-muted, #5c6070);
}

@media (max-width: 600px) {
	.bs-spec {
		grid-template-columns: 1fr;
		gap: var(--space-xs, 8px);
	}
}