.live-search {
	background: var(--ls-bg, #ffffff);
	border: 1px solid var(--ls-border, rgba(26, 36, 58, .12));
	border-radius: var(--ls-radius-window, 14px);
	box-shadow: 0 18px 45px rgba(15, 23, 42, .18);
	box-sizing: border-box;
	display: none;
	max-height: 420px;
	overflow: auto;
	position: fixed;
	z-index: 2147483000;
}

body.live-search-active .live-search-host .autocomplete,
body.live-search-active .live-search-host .autocomplete-suggestions,
body.live-search-active .live-search-host .autocomplete-results,
body.live-search-active .live-search-host .ajax-search-results,
body.live-search-active .live-search-host .journal-search-results,
body.live-search-active .live-search-host .tt-menu,
body.live-search-active .live-search-host .ui-autocomplete {
	display: none !important;
}

.live-search.is-open {
	display: block;
}

.live-search__section + .live-search__section {
	border-top: var(--ls-separator-width, 1px) var(--ls-separator-style, solid) var(--ls-separator-color, rgba(26, 36, 58, .08));
}

.live-search__section {
	clear: both;
	display: block;
	position: relative;
}

.live-search__heading {
	background: var(--ls-heading-bg, linear-gradient(90deg, rgba(87, 191, 0, .14), rgba(87, 191, 0, .04)));
	color: var(--ls-heading-text, #243044);
	font-size: var(--ls-heading-size, 12px);
	font-weight: var(--ls-heading-weight, 700);
	letter-spacing: 0;
	line-height: 1.2;
	padding: 10px 14px;
	text-transform: uppercase;
}

.live-search__item {
	align-items: center;
	background: var(--ls-item-bg, #fff);
	border-bottom: var(--ls-separator-width, 1px) var(--ls-separator-style, solid) var(--ls-separator-color, rgba(26, 36, 58, .08));
	border-radius: var(--ls-radius-item, 0);
	box-sizing: border-box;
	color: var(--ls-text, #243044);
	display: flex;
	gap: var(--ls-item-gap, 12px);
	min-height: var(--ls-item-min-height, 62px);
	padding: var(--ls-item-padding-y, 11px) var(--ls-item-padding-x, 14px);
	position: relative;
	text-decoration: none;
	transition: background-color .16s ease, color .16s ease;
	width: 100%;
}

.live-search__item--category {
	min-height: 48px;
}

.live-search--zebra .live-search__section .live-search__item:nth-of-type(even) {
	background: var(--ls-zebra-bg, #f7f9fb);
}

.live-search__item:hover,
.live-search__item:focus {
	background: var(--ls-item-hover, rgba(87, 191, 0, .08));
	color: var(--ls-text, #172033);
	text-decoration: none;
}

.live-search__image {
	align-items: center;
	background: #f7f9fb;
	border: 1px solid var(--ls-border, rgba(26, 36, 58, .08));
	border-radius: var(--ls-radius-image, 10px);
	display: flex;
	flex: 0 0 var(--ls-image-width, 54px);
	height: var(--ls-image-height, 54px);
	justify-content: center;
	text-align: center;
}

.live-search__image img {
	height: auto;
	max-height: var(--ls-image-height, 48px);
	max-width: var(--ls-image-width, 48px);
}

.live-search__content {
	display: block;
	min-width: 0;
	overflow: hidden;
}

.live-search__name {
	display: block;
	font-size: var(--ls-name-size, 14px);
	font-weight: var(--ls-name-weight, 600);
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.live-search__caption,
.live-search__price {
	color: var(--ls-muted, #687386);
	display: block;
	font-size: var(--ls-caption-size, 12px);
	font-weight: var(--ls-caption-weight, 400);
	line-height: 1.35;
	margin-top: 5px;
}

.live-search__price {
	color: var(--ls-price, #4a9700);
	font-size: var(--ls-price-size, 13px);
	font-weight: var(--ls-price-weight, 700);
}

.live-search__old-price {
	color: #999;
	margin-right: 6px;
	text-decoration: line-through;
}

.live-search__empty {
	color: var(--ls-muted, #687386);
	font-size: var(--ls-caption-size, 12px);
	font-weight: var(--ls-caption-weight, 400);
	padding: 14px 16px;
}

.live-search__suggestions {
	align-items: center;
	background: var(--ls-suggestion-bg, #f8fbf5);
	border-bottom: var(--ls-separator-width, 1px) var(--ls-separator-style, solid) var(--ls-separator-color, rgba(87, 191, 0, .16));
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 10px 14px;
	position: sticky;
	top: 0;
	z-index: 2;
}

.live-search__suggestions-label {
	color: var(--ls-muted, #687386);
	font-size: var(--ls-caption-size, 12px);
	font-weight: var(--ls-caption-weight, 700);
}

.live-search__suggestion {
	background: var(--ls-item-bg, #fff);
	border: 1px solid var(--ls-accent, rgba(79, 189, 0, .38));
	border-radius: var(--ls-radius-button, 999px);
	color: var(--ls-suggestion-text, #3f9700);
	cursor: pointer;
	font-size: var(--ls-caption-size, 13px);
	font-weight: var(--ls-price-weight, 800);
	line-height: 1.2;
	padding: 7px 12px;
}

.live-search__suggestion:hover,
.live-search__suggestion:focus {
	background: var(--ls-accent, #4fbd00);
	color: var(--ls-button-text, #fff);
	outline: none;
}

.live-search__footer {
	background: var(--ls-suggestion-bg, #f7fbf3);
	border-top: var(--ls-separator-width, 1px) var(--ls-separator-style, solid) var(--ls-separator-color, rgba(87, 191, 0, .18));
	padding: 12px 14px 14px;
}

.live-search__more {
	align-items: center;
	background: var(--ls-button-bg, #4fbd00);
	border: 1px solid var(--ls-accent, rgba(40, 120, 0, .2));
	border-radius: var(--ls-radius-button, 12px);
	box-shadow: 0 8px 20px rgba(79, 189, 0, .22);
	box-sizing: border-box;
	color: var(--ls-button-text, #fff);
	display: flex;
	font-size: var(--ls-button-size, 15px);
	font-weight: var(--ls-button-weight, 800);
	justify-content: center;
	line-height: 1.25;
	margin-left: auto;
	margin-right: auto;
	min-height: var(--ls-more-height, 48px);
	padding: 12px 18px;
	text-align: center;
	text-decoration: none;
	width: var(--ls-more-width, 100%);
}

.live-search__more:hover,
.live-search__more:focus {
	background: var(--ls-accent, #43a900);
	color: var(--ls-button-text, #fff);
	text-decoration: none;
}

.live-search__close {
	display: none;
}

@media (max-width: 767px) {
	.live-search {
		max-height: 70vh;
		border-radius: var(--ls-radius-window, 12px);
	}

	.live-search--mobile-close {
		padding-top: 42px;
	}

	.live-search--mobile-close .live-search__close {
		align-items: center;
		background: var(--ls-item-bg, #fff);
		border: 1px solid var(--ls-border, rgba(26, 36, 58, .14));
		border-radius: var(--ls-radius-button, 999px);
		box-shadow: 0 4px 12px rgba(15, 23, 42, .12);
		color: var(--ls-accent, #4fbd00);
		display: flex;
		font-size: 28px;
		font-weight: 500;
		height: 34px;
		justify-content: center;
		line-height: 1;
		position: absolute;
		right: 10px;
		top: 6px;
		width: 34px;
		z-index: 4;
	}

	.live-search__item {
		gap: var(--ls-item-gap, 8px);
		padding: var(--ls-item-padding-y, 10px) var(--ls-item-padding-x, 10px);
	}

	.live-search__suggestions {
		box-shadow: 0 8px 18px rgba(15, 23, 42, .08);
		padding: 10px;
	}

	.live-search__suggestion {
		font-size: var(--ls-caption-size, 14px);
		min-height: 34px;
		padding: 8px 12px;
	}

	.live-search__suggestions-label {
		flex: 0 0 100%;
	}

	.live-search__item--category {
		min-height: 46px;
		padding-right: 42px;
	}

	.live-search__item--category .live-search__caption {
		display: none;
	}

	.live-search__item--category::after {
		border-right: 3px solid var(--ls-accent, #4fbd00);
		border-top: 3px solid var(--ls-accent, #4fbd00);
		content: "";
		height: 12px;
		margin-top: -6px;
		position: absolute;
		right: 18px;
		top: 50%;
		transform: rotate(45deg);
		width: 12px;
	}

	.live-search__image {
		flex-basis: var(--ls-image-width, 44px);
		height: var(--ls-image-height, 44px);
	}

	.live-search__image img {
		max-height: var(--ls-image-height, 44px);
		max-width: var(--ls-image-width, 44px);
	}

	.live-search__more {
		min-height: 50px;
	}
}
