.liquidmaster-ajax-product-search {
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.liquidmaster-ajax-product-search__input {
	width: 100%;
	min-width: 0;
	min-height: var(--ajax-product-search-input-min-height, auto);
	padding: var(--ajax-product-search-input-padding-block, var(--space-xs)) var(--ajax-product-search-input-padding-inline, 12px);
	border-radius: var(--radius-field);
	border: var(--ajax-product-search-input-border, var(--input-border));
	background: var(--ajax-product-search-input-background, var(--input-bg));
	color: var(--input-text);
}

.liquidmaster-ajax-product-search__results {
	position: absolute;
	top: calc(100% + var(--space-2xs));
	left: 0;
	right: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 999;
	border-radius: var(--ajax-product-search-results-radius, var(--radius-field));
	background: var(--ajax-product-search-results-background, var(--bg-color));
	border: var(--border-default);
	box-shadow: var(--shadow-panel);
	overflow: hidden;
}

.liquidmaster-ajax-product-search__loading,
.liquidmaster-ajax-product-search__no-results,
.liquidmaster-ajax-product-search__error {
	padding: 12px var(--space-sm);
	font-size: 14px;
	opacity: 0.9;
}

.liquidmaster-ajax-product-search__list {
	list-style: none;
	margin: 0;
	padding: var(--space-2xs);
	display: grid;
	gap: var(--space-2xs);
	max-height: 360px;
	overflow: auto;
}

.liquidmaster-ajax-product-search__item {
	margin: 0;
}

.liquidmaster-ajax-product-search__link {
	display: grid;
	grid-template-columns: 44px 1fr;
	gap: var(--space-xs);
	align-items: center;
	padding: var(--space-2xs);
	border-radius: var(--radius-field);
	text-decoration: none;
	color: inherit;
	background: var(--surface-subtle);
}

.liquidmaster-ajax-product-search__link:hover {
	background: var(--surface-panel-hover);
}

.liquidmaster-ajax-product-search__thumb {
	width: 44px;
	height: 44px;
	object-fit: cover;
	border-radius: var(--radius-field);
}

.liquidmaster-ajax-product-search__info {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.liquidmaster-ajax-product-search__title {
	font-size: 14px;
	line-height: 1.25;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.liquidmaster-ajax-product-search__price {
	font-size: 13px;
	opacity: 0.85;
}

.liquidmaster-ajax-product-search__footer {
	padding: var(--space-xs) var(--space-sm);
	border-top: var(--border-subtle);
	display: flex;
	justify-content: flex-end;
}

.liquidmaster-ajax-product-search__view-all {
	font-size: 13px;
	text-decoration: none;
	color: inherit;
	opacity: 0.9;
}

.liquidmaster-ajax-product-search__view-all:hover {
	opacity: 1;
	text-decoration: underline;
}