/*
 * Structural CSS only: it positions the results panel under the search form and hides the live
 * region visually. Every colour, border, spacing and typography decision belongs to the theme,
 * which styles .suggest, .suggest__panel, .suggest__group, .suggest__item, .suggest__media,
 * .suggest__title, .suggest__sku, .suggest__price, .suggest__empty, .suggest__hint and .is-active.
 */

.suggest {
	position: relative;
	z-index: 60;
}

.suggest__panel {
	position: absolute;
	inset-inline: 0;
	top: 0;
	max-height: min(70vh, 32rem);
	overflow-y: auto;
	overscroll-behavior: contain;
}

.suggest__item {
	display: block;
}

.suggest__status {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}