/*
 * Scoped styles for [sauna_specs]. Prefixed with .bsp- to avoid
 * colliding with theme/Elementor styles. Uses the same neutral,
 * overridable color variables as the pricing configurator so the two
 * shortcodes look consistent when placed on the same page, but works
 * standalone too. Width and typography are left to the surrounding
 * Elementor container/theme — this is placeholder styling only.
 */

.bsp-specs {
	--bsp-border: #e2e0da;
	--bsp-surface: #ffffff;
	--bsp-text: #24261f;
	--bsp-text-muted: #6b6d64;
	--bsp-radius: 10px;

	font-family: inherit;
	color: var(--bsp-text);
	width: 100%;
	box-sizing: border-box;
}

.bsp-specs *,
.bsp-specs *::before,
.bsp-specs *::after {
	box-sizing: inherit;
}

.bsp-specs-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 0.9em;
	margin: 0;
}

.bsp-specs-row {
	padding: 1em 1.1em;
	border: 1px solid var(--bsp-border);
	border-radius: var(--bsp-radius);
	background: var(--bsp-surface);
}

.bsp-specs-label {
	font-size: 0.8em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--bsp-text-muted);
	margin: 0 0 0.35em;
}

.bsp-specs-value {
	font-size: 1.05em;
	font-weight: 500;
	margin: 0;
}