/**
 * Reusable utility classes. Keep this small — one-off spacing/layout needs
 * belong here; anything used in more than a couple of places should become
 * a proper component/layout rule instead. The container system itself
 * (.myshop-container and its variants) lives in
 * assets/css/layouts/containers.css now — it outgrew "utility" status.
 */
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.myshop-stack > * + * {
	margin-block-start: var(--myshop-space-sm);
}