.lanco-buscador { position: relative; }
/* Centrado vertical dentro de la barra del tema (.searchwp-form es flex con altura fija). */
.lanco-buscador .lanco-buscador__input {
	margin: 0; height: 100%; width: 100%; box-sizing: border-box; align-self: stretch;
	display: block; line-height: normal; outline: none; box-shadow: none;
}
.lanco-buscador .lanco-buscador__input::-webkit-search-decoration,
.lanco-buscador .lanco-buscador__input::-webkit-search-cancel-button { -webkit-appearance: none; }
.lanco-buscador__resultados {
	position: absolute; top: calc(100% + 6px); left: 0; width: 100%; box-sizing: border-box;
	background: #fff; border: 1px solid #e5e5e5; border-radius: 8px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
	max-height: 70vh; overflow-y: auto; z-index: 1000;
}
.lanco-buscador__resultados[hidden] { display: none; }
.lanco-buscador__item {
	display: flex; align-items: center; gap: 12px; padding: 8px 12px;
	text-decoration: none; color: #222; transition: background-color .15s ease;
}
.lanco-buscador__item:hover,
.lanco-buscador__item[aria-selected="true"] { background: #f1f1f1; box-shadow: inset 3px 0 0 #c8102e; }
.lanco-buscador__item img,
.lanco-buscador__sin-imagen {
	flex: 0 0 auto; width: 56px; height: 56px; object-fit: contain;
	background: #f5f5f5; border-radius: 6px; display: block;
}
.lanco-buscador__titulo { flex: 1 1 auto; font-size: 17px; color: #222; line-height: 1.3; }
.lanco-buscador__titulo mark { background: none; color: inherit; font-weight: 700; }
.lanco-buscador__precio { flex: 0 0 auto; font-size: 14px; color: #666; white-space: nowrap; }
.lanco-buscador__ver-todos {
	display: block; text-align: center; font-size: 14px; color: #c8102e;
	padding: 12px; border-top: 1px solid #e5e5e5; text-decoration: none;
}
.lanco-buscador__ver-todos:hover { text-decoration: underline; }
.lanco-buscador__vacio { margin: 0; padding: 16px; font-size: 15px; color: #666; text-align: center; }
.lanco-buscador__desc,
.lanco-buscador__resumen { display: none; }

/* Móvil: el modal del tema pasa a pantalla completa. Barra arriba (campo destacado + X),
   selector de categorías oculto, y los resultados como tarjetas que ocupan el resto. */
@media (max-width: 767px) {
	/* El header es sticky con z-index 99 y la barra de envío gratis tiene 100: hay que subir el header. */
	.site-header.opened-search { z-index: 100001 !important; }
	body.overflow-hidden .wa-button-container { display: none !important; }
	.site-header.opened-search .site-header__search-modal.show {
		position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000;
		display: block; opacity: 1; background: #fff; height: auto; overflow: hidden;
	}
	.site-header__search-modal.show .site-header__search-form {
		height: auto; padding: 12px 0; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
	}
	.site-header__search-modal.show .site-header__search-form .container {
		max-height: none; overflow: visible; flex-wrap: nowrap; align-items: center; gap: 0 14px;
	}
	.site-header__search-modal.show .site-header__categories-box,
	.site-header__search-modal.show .site-header__product-list { display: none; }
	.site-header__search-modal.show .lanco-buscador {
		flex: 1 1 auto; position: relative; height: 54px;
		background: #fff; border: 2px solid #c8102e; border-radius: 999px;
	}
	.site-header__search-modal.show .lanco-buscador .lanco-buscador__input.swp-input {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23c8102e' stroke-width='2.6' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='7'/%3E%3Cpath d='M16 16l5.5 5.5'/%3E%3C/svg%3E") no-repeat right 18px center;
		background-size: 22px auto; padding: 0 52px 0 22px; font-size: 17px; color: #222;
		border-radius: 999px; outline: none; box-shadow: none;
	}
	.site-header__search-modal.show .site-header__search-form .icon-close { width: 18px; height: 18px; flex: 0 0 auto; }
	.site-header__search-modal.show .lanco-buscador__resultados {
		position: fixed; left: 0; right: 0; bottom: 0; top: 80px; width: auto; max-height: none;
		overflow-y: auto; -webkit-overflow-scrolling: touch;
		border: 0; border-radius: 0; box-shadow: none; background: #f5f5f5; padding: 14px 16px 28px;
	}
	.lanco-buscador__resumen { display: flex; gap: 8px; margin: 0 0 12px; }
	.lanco-buscador__chip {
		background: #c8102e; color: #fff; border-radius: 8px; padding: 10px 18px;
		font-size: 14px; font-weight: 600; line-height: 1.2;
	}
	.lanco-buscador__item {
		flex-direction: column; align-items: stretch; gap: 0;
		background: #fff; border: 1px solid #e3e3e3; border-radius: 14px;
		padding: 14px 16px 16px; margin-bottom: 12px;
	}
	.lanco-buscador__item[aria-selected="true"],
	.lanco-buscador__item:hover { background: #fff; box-shadow: 0 0 0 2px #c8102e inset; }
	.lanco-buscador__item img,
	.lanco-buscador__sin-imagen { width: 100%; height: 170px; object-fit: contain; margin-bottom: 12px; }
	.lanco-buscador__titulo { font-size: 18px; font-weight: 600; line-height: 1.25; }
	.lanco-buscador__desc {
		display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
		margin-top: 6px; font-size: 14px; line-height: 1.45; color: #555;
	}
	.lanco-buscador__precio { margin-top: 10px; font-size: 17px; font-weight: 700; color: #c8102e; }
	.lanco-buscador__ver-todos {
		display: block; text-align: center; margin-top: 4px; padding: 14px;
		background: #fff; border: 1.5px solid #c8102e; border-radius: 10px; color: #c8102e; font-weight: 600;
	}
	.lanco-buscador__vacio { padding: 28px 16px; }
}
@media (prefers-reduced-motion: reduce) {
	.lanco-buscador__item { transition: none; }
}
