/* [CHANGE][2026-11-07] Product page v2 (#256): tab buttons and stacked panels.
 * Without JS every panel shows under its heading; with JS (.sp-v2--tabs) only the active panel shows
 * and the tab button is its visible name. The rest of the page uses single-product.css. */

.sp-v2 [data-v2-tablist][hidden],
.sp-v2 [data-v2-hint][hidden],
.sp-v2--tabs .spv2-panel[hidden] {
	display: none !important;
}

.sp-v2 .spv2-panel + .spv2-panel {
	margin-top: 24px;
}

.sp-v2 .spv2-panel__title {
	margin: 0 0 12px;
	font-size: 15px;
	font-weight: 700;
}

.sp-v2--tabs .spv2-panel + .spv2-panel {
	margin-top: 0;
}

.sp-v2--tabs .spv2-panel__title {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.sp-v2--tabs .spv2-panel:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}