.wals41 { position:relative; /* width:640px; remove fixed width for flexibility */ }
.wals41-input {
  width:100%; padding:10px 12px; font-size:16px;
  border:1px solid #ddd!important; border-radius:10px; outline:none;
}
.wals41-input:focus { border-color:#bbb; }

.wals41-results { position:absolute; /*top:calc(100% + 15px);*/ padding: 0 5px; left:0; right:0; z-index:9999; display:none; }
.wals41-results.open { display:block; }

.wals41-wrap {
  background:#fff; border:1px solid #eee; border-radius:12px;
  box-shadow:0 10px 28px rgba(0,0,0,0.1); overflow:hidden;
}

.wals41-head { padding:10px 12px; font-size:13px; font-weight:600; background:#fafafa; border-bottom:1px solid #f0f0f0; }

.wals41-item {
  display:flex; gap:10px; align-items:flex-start; padding:10px 12px;
  text-decoration:none; color:inherit; border-bottom:1px solid #f6f6f6;
}
.wals41-item:last-child { border-bottom:0; }
.wals41-item:hover { background:#fafafa; }

.wals41-thumb { width:48px; height:auto; object-fit:cover; border-radius:8px; background:#f5f5f5; flex:0 0 auto; }
.wals41-thumb.placeholder { display:inline-block; }

.wals41-info { display:flex; flex-direction:column; gap:6px; min-width:0; }
.wals41-title { font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wals41-meta { font-size:12px; opacity:.75; }
.wals41-price { font-size:13px; }
.wals41-excerpt { font-size:12px; color:#444; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.wals41-viewall {
  display:block; text-align:center; padding:10px 12px; text-decoration:none; color:#333;
  background:#f8f8f8; font-weight:600; border-top:1px solid #eee;
}
.wals41-viewall:hover { background:#f0f0f0; }

/* Highlight */
mark { background:#ffec99; padding:0 2px; border-radius:2px; }

/* Empty state */
.wals41-empty { text-align:center; padding:10px; }

/* AJAX search loading spinner */
.wals41-spinner { position: absolute; top: 43%; right: 13px; transform: translateY(-50%); z-index: 99; display: none; width: 24px; height: 24px; }
.wals41-spinner-inner { width: 100%; height: 100%; border: 3px solid #ccc; border-top: 3px solid #0073aa; border-radius: 50%; animation: spin 0.8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

/* Badges */
.wals41-badge-sale {
  background:#e60023;color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;margin-left:6px;
}
.wals41-badge-stock { font-size:11px;padding:2px 6px;border-radius:3px;margin-left:6px; color:#fff; }
.wals41-badge-stock.instock { background:#28a745; }
.wals41-badge-stock.outofstock { background:#dc3545; }
.wals41-badge-stock.onbackorder { background:#ff9800; color:#111; }