/* Bien Hecho Theme 0.4.60 — search CSS */

/* === 21-search.css === */
/* Search Suggestions 2.0 — compact, accessible product discovery. */
.bh-search,[data-bh-live-search]{position:relative}
.bh-search-results{position:absolute;z-index:110;top:calc(100% + 9px);left:0;right:0;max-height:min(70vh,560px);overflow:auto;border:1px solid rgba(26,37,64,.1);border-radius:18px;background:#fff;box-shadow:0 22px 54px rgba(24,32,51,.14);overscroll-behavior:contain}
.bh-search-results[hidden]{display:none!important}
.bh-search-results__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 7px;color:var(--bh-ink-soft);font-size:.67rem;font-weight:var(--bh-weight-emphasis);letter-spacing:.04em;text-transform:uppercase}
.bh-search-results__head small{font-size:.62rem;font-weight:var(--bh-weight-body);letter-spacing:0;text-transform:none;opacity:.76}
.bh-search-results__loading{padding:18px;color:var(--bh-ink-soft);font-size:.86rem}
.bh-search-results__empty{display:grid;gap:4px;padding:16px 15px 14px;color:var(--bh-ink-soft)}
.bh-search-results__empty strong{color:var(--bh-ink);font-size:.9rem}
.bh-search-results__empty span{font-size:.75rem;line-height:1.45}
.bh-search-results__list{padding:3px 7px 6px}
.bh-search-result{display:grid;grid-template-columns:66px minmax(0,1fr) 28px;gap:12px;align-items:center;padding:8px;border-radius:13px;color:var(--bh-ink);transition:background var(--bh-transition),transform var(--bh-transition)}
.bh-search-result:hover,.bh-search-result:focus-visible,.bh-search-result.is-active{background:var(--bh-surface);outline:0;transform:translateX(2px)}
.bh-search-result__media{display:block;width:66px;height:66px;overflow:hidden;border-radius:11px;background:var(--bh-surface)}
.bh-search-result__media img{display:block;width:100%;height:100%;object-fit:cover}
.bh-search-result__placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--bh-surface),#fff)}
.bh-search-result__content{display:grid;gap:3px;min-width:0}
.bh-search-result__category{overflow:hidden;color:var(--bh-violet);font-size:.58rem;font-weight:var(--bh-weight-heavy);letter-spacing:.055em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.bh-search-result__content strong{display:-webkit-box;overflow:hidden;font-size:.84rem;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.bh-search-result__details{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;min-width:0}
.bh-search-result__meta{overflow:hidden;color:var(--bh-ink-soft);font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}
.bh-search-result__meta--muted{opacity:.72}
.bh-search-result__price{font-size:.72rem;font-weight:var(--bh-weight-emphasis);color:var(--bh-ink)}
.bh-search-result__arrow{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#fff;color:var(--bh-violet);font-size:.84rem;box-shadow:0 4px 12px rgba(26,37,64,.07);transition:transform var(--bh-transition)}
.bh-search-result:hover .bh-search-result__arrow,.bh-search-result.is-active .bh-search-result__arrow{transform:translateX(2px)}
.bh-search-results__all{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 7px 7px;padding:11px 12px;border-radius:11px;background:rgba(111,78,255,.075);color:var(--bh-violet);font-size:.76rem;font-weight:var(--bh-weight-emphasis);transition:background var(--bh-transition),transform var(--bh-transition)}
.bh-search-results__all:hover{color:var(--bh-violet);background:rgba(111,78,255,.12);transform:translateY(-1px)}
.bh-search-results__all--empty{margin-top:0}
.bh-mobile-search__form{position:relative}
.bh-search-results--mobile{top:calc(100% + 8px);max-height:60vh;border-radius:16px}
@media(max-width:980px){
  .bh-mobile-search{position:relative;z-index:95}
  .bh-mobile-search__inner{width:min(calc(100% - 24px),var(--bh-container))}
  .bh-mobile-search .bh-search-results{left:0;right:0}
  .bh-search-results--mobile .bh-search-result{grid-template-columns:58px minmax(0,1fr) 26px;gap:10px;padding:7px}
  .bh-search-results--mobile .bh-search-result__media{width:58px;height:58px}
  .bh-search-results__head{padding-inline:12px}
}
@media(max-width:520px){
  .bh-search-result__details{display:grid;gap:2px}
  .bh-search-result__content strong{font-size:.8rem}
  .bh-search-results__all{padding:11px 10px}
}