/* Bảng thông số kỹ thuật – dùng design tokens, có fallback khi token chưa có. */
.bcy-specs {
	display: grid;
	gap: var(--bcy-space-6, 32px);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
	color: var(--bcy-color-text, inherit);
	font-family: var(--bcy-font-sans, inherit);
}

.bcy-specs__title {
	margin: 0 0 var(--bcy-space-3, 12px);
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: .01em;
	text-transform: none;
	color: var(--bcy-color-secondary, inherit);
}

.bcy-specs__table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border: 0;
	font-size: .9375rem;
}

.bcy-specs__table th,
.bcy-specs__table td {
	padding: var(--bcy-space-3, 12px) var(--bcy-space-4, 16px);
	border: 0;
	border-bottom: 1px solid var(--bcy-color-border, #e5e7eb);
	text-align: left;
	vertical-align: top;
	line-height: 1.5;
}

.bcy-specs__table th {
	width: 42%;
	font-weight: 500;
	color: var(--bcy-color-muted, #6b7280);
}

.bcy-specs__table tr:nth-child(odd) {
	background: var(--bcy-color-surface, #f9fafb);
}

.bcy-specs__table tr:first-child th,
.bcy-specs__table tr:first-child td {
	border-top: 1px solid var(--bcy-color-border, #e5e7eb);
}

@media (max-width: 767px) {
	.bcy-specs__table th,
	.bcy-specs__table td {
		padding: var(--bcy-space-2, 8px) var(--bcy-space-3, 12px);
	}

	.bcy-specs__table th {
		width: 45%;
	}
}