/* Busca enxuta (nova versão). Tudo escopado em #searchDialog. */
#searchDialog{background:#fff;overflow-y:auto;overscroll-behavior:contain;color:#242624}
#searchDialog [hidden]{display:none!important}
#searchDialog .search-wrap{max-width:720px;margin:0 auto;padding:0 24px 40px}

/* Barra */
.nv-search-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:24px 0 12px;background:#fff}
#searchDialog .search-bar{position:relative;flex:1;display:flex;align-items:center;gap:6px;height:54px;padding:0 10px 0 18px;border:1px solid #e6e1d6;border-radius:999px;background:#fff;box-shadow:none;transition:border-color .2s,box-shadow .2s}
#searchDialog .search-bar:focus-within{border-color:#c9a86a;box-shadow:0 0 0 3px #c39b4d1a}
#searchDialog #searchGo{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;padding:0;border:0;background:none;color:#8f6a25;font-size:17px;cursor:pointer}
#searchDialog #searchInput{flex:1;min-width:0;height:100%;padding:0 6px;border:0;outline:0;background:transparent;color:#242624;font:400 16px 'Poppins',sans-serif}
#searchDialog #searchInput::placeholder{color:#a3a59e}
#searchDialog .clear-search{position:static;flex:0 0 auto;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#f1ede6;color:#6e706b;font-size:18px;line-height:1;transition:background .2s}
#searchDialog .clear-search:hover{background:#e7e1d6}
.nv-search-close{flex:0 0 auto;height:40px;padding:0 6px;border:0;background:none;color:#6e706b;font:400 14px 'Poppins',sans-serif;cursor:pointer;transition:color .2s}
.nv-search-close:hover{color:#242624}

/* Campo vazio: uma linha de sugestões em texto */
.nv-search-hint{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin:6px 0 0 18px;font-size:13px;color:#a3a59e}
.nv-search-hint button{padding:0;border:0;background:none;color:#4a4d47;font:400 13px 'Poppins',sans-serif;text-decoration:underline;text-decoration-color:#e0d6c2;text-underline-offset:4px;cursor:pointer;transition:color .2s}
.nv-search-hint button:hover{color:#8f6a25;text-decoration-color:currentColor}

/* Termos sugeridos pelo index.html: não usados nesta versão */
#searchDialog .suggest-terms{display:none!important}

/* Resultados em lista */
#searchDialog .suggest-grid{display:block;margin:4px 0 0}
#searchDialog .s-card.nv-row{display:flex;flex-direction:row;align-items:center;gap:14px;width:100%;padding:10px;border:0;border-radius:14px;background:none;box-shadow:none;transform:none;text-align:left;cursor:pointer;transition:background .15s}
#searchDialog .s-card.nv-row:hover{background:#f7f5f0;box-shadow:none;transform:none}
#searchDialog .nv-row img{flex:0 0 auto;width:48px;height:60px;aspect-ratio:auto;border-radius:10px;object-fit:cover;background:#f5f3ee}
#searchDialog .nv-row-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
#searchDialog .nv-row .s-name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:unset;font-size:15px;font-weight:400;line-height:1.35;color:#242624}
#searchDialog .nv-row .s-name mark{background:none;color:inherit;font-weight:600}
#searchDialog .nv-row-cat{font-size:12px;color:#9a9c95}
#searchDialog .nv-row .s-price{flex:0 0 auto;font-size:14px;font-weight:500;color:#242624}
.nv-search-all{display:inline-block;margin:10px 10px 0;padding:0;border:0;background:none;color:#876428;font:500 13px 'Poppins',sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.nv-search-none{margin:18px 18px;font-size:14px;color:#6e706b}
#searchDialog button:focus-visible{outline:2px solid #a17e35;outline-offset:2px}

/* Entrada e saída */
@media(prefers-reduced-motion:no-preference){
 #searchDialog[open]{animation:nvSearchIn .26s cubic-bezier(.22,1,.36,1)}
 #searchDialog.nv-closing{animation:nvSearchOut .18s ease forwards}
}
@keyframes nvSearchIn{from{opacity:0;transform:translateY(-8px)}}
@keyframes nvSearchOut{to{opacity:0;transform:translateY(-6px)}}

@media(max-width:600px){
 #searchDialog .search-wrap{padding:0 16px 32px}
 .nv-search-top{gap:6px;padding:14px 0 8px}
 #searchDialog .search-bar{height:50px;padding-left:14px}
 .nv-search-hint{margin-left:14px}
 #searchDialog .s-card.nv-row{padding:10px 6px}
 #searchDialog .nv-row .s-name{font-size:14px}
}
