/* Millenare — busca instantânea */
/* Remove o "x" nativo do navegador, que ficava por cima da lupa. */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; display: none; }
input[type="search"]::-ms-clear { display: none; }

.mlr-s-form { position: relative; }
.mlr-s {
	position: absolute; z-index: 99999; left: 0; right: 0; top: calc(100% + 8px);
	max-height: min(70vh, 520px); overflow: auto;
	background: #fff;
	border: 1px solid #ece6d8; border-radius: 16px;
	box-shadow: 0 18px 50px rgba(30, 24, 10, .16);
	font-family: 'Inter', system-ui, sans-serif; text-align: left;
}
.mlr-s[hidden] { display: none; }
.mlr-s.is-loading { opacity: .7; }
.mlr-s__list { padding: 6px; }
.mlr-s__item {
	display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 12px;
	padding: 8px 10px; border-radius: 11px;
	color: #1d1b16 !important; text-decoration: none !important;
}
.mlr-s__item:hover, .mlr-s__item.is-active { background: #faf5e8; }
.mlr-s__img { width: 48px; height: 48px; border-radius: 10px; overflow: hidden; background: #f6f3ec; }
.mlr-s__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mlr-s__name { font-size: 14px; font-weight: 500; line-height: 1.35; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mlr-s__price { font-size: 14px; font-weight: 600; color: #1faa59; white-space: nowrap; }
.mlr-s__all {
	display: block; padding: 12px 16px; border-top: 1px solid #f0ebe0;
	font-size: 13.5px; font-weight: 600; color: #a37c2c !important; text-decoration: none !important;
}
.mlr-s__all:hover { background: #fffaf0; }
.mlr-s__empty { padding: 16px; font-size: 14px; color: #5c574d; line-height: 1.5; }
.mlr-s__wa { display: inline-block; margin-left: 6px; color: #1faa59 !important; font-weight: 600; text-decoration: none !important; }
@media (max-width: 767px) {
	.mlr-s { max-height: 60vh; border-radius: 14px; }
	.mlr-s__item { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 10px; }
	.mlr-s__img { width: 44px; height: 44px; }
}