.wc-lps { position: relative; max-width: 420px; }
.wc-lps__field { position: relative; }

.wc-lps__input {
  width: 100%; padding: 10px 36px 10px 12px; border: 1px solid #ddd; border-radius: 6px;
  font-size: 15px; line-height: 1.4; outline: none; transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.wc-lps__input:focus { border-color: #2271b1; box-shadow: 0 0 0 3px rgba(34,113,177,0.15); }

.wc-lps__spinner { position: absolute; right: 10px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%);
  border: 2px solid #ccc; border-top-color: #2271b1; border-radius: 50%; opacity: 0; pointer-events: none; transition: opacity 0.2s ease; }
.wc-lps__spinner.is-on { opacity: 1; animation: wc-lps-spin 0.8s linear infinite; }
@keyframes wc-lps-spin { to { transform: translateY(-50%) rotate(360deg); } }

.wc-lps__results { list-style: none; margin: 8px 0 0; padding: 0; border: 1px solid #eee; border-radius: 6px; overflow: hidden; background: #fff; box-shadow: 0 6px 24px rgba(0,0,0,0.08); }

.wc-lps__item { display: flex; align-items: center; gap: 10px; padding: 10px; border-bottom: 1px solid #f4f4f4; }
.wc-lps__item:last-child { border-bottom: 0; }
.wc-lps__item.is-out .wc-lps__name { opacity: 0.9; }

.wc-lps__link { text-decoration: none; color: #222; display: flex; align-items: center; gap: 10px; width: 100%; flex: 1; }
.wc-lps__link:hover .wc-lps__name { text-decoration: underline; }

.wc-lps__thumb { width: 44px; height: 44px; object-fit: cover; border-radius: 6px; background: #fafafa; }
.wc-lps__name { flex: 1; font-size: 14px; }
.wc-lps__price { font-size: 13px; color: #444; }

/* Right-aligned out-of-stock badge */
.wc-lps__badge { font-size: 11px; color: #999; margin-left: 12px; white-space: nowrap; }

.wc-lps__noresults { padding: 10px; color: #666; background: #fff; }