/* Predlozi pretrage (assets/search-suggest.js) — neutralno, nasleđuje font teme; tema može da prepiše .ss-* */
.ss-box { position: fixed; z-index: 10000; overflow-y: auto; background: #fff; color: #1d1d1f; border: 1px solid #e3e1dd; border-radius: 6px; box-shadow: 0 18px 40px rgba(0, 0, 0, .14); font-size: 14px; line-height: 1.35; text-align: left; }
.ss-box[hidden] { display: none; }
.ss-item { display: flex; align-items: center; gap: 12px; padding: 9px 14px; color: inherit; text-decoration: none; border-bottom: 1px solid #f1efec; }
.ss-item:hover, .ss-item.is-active { background: #f7f5f1; }
.ss-img { flex: none; display: grid; place-items: center; width: 52px; height: 52px; overflow: hidden; border-radius: 4px; background: #f6f4f0; }
.ss-img img { width: 100%; height: 100%; object-fit: contain; }
.ss-ph { width: 22px; height: 22px; border-radius: 50%; background: #e6e2db; }
.ss-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ss-title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.ss-title mark { background: none; color: inherit; font-weight: 700; }
.ss-sub { color: #85817a; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ss-price { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 1px; white-space: nowrap; font-size: 13.5px; }
.ss-price del { color: #9a958d; font-size: 12px; }
.ss-price del + strong { color: #b4262f; }
.ss-term .ss-img { border-radius: 50%; }
.ss-fix { display: block; width: 100%; padding: 11px 14px; border: 0; border-bottom: 1px solid #f1efec; background: #fbf8f2; color: #5c5548; font: inherit; font-size: 13.5px; text-align: left; cursor: pointer; }
button.ss-fix:hover { background: #f5efe3; }
.ss-fix strong { color: #1d1d1f; }
button.ss-fix strong { text-decoration: underline; text-underline-offset: 3px; }
.ss-none { padding: 16px 14px; color: #85817a; }
.ss-all { display: block; padding: 11px 14px; color: #1d1d1f; font-weight: 600; font-size: 13px; text-decoration: none; letter-spacing: .02em; }
.ss-all:hover, .ss-all.is-active { background: #f7f5f1; }
@media (max-width: 639px) { .ss-img { width: 44px; height: 44px; } .ss-item { padding: 8px 12px; gap: 10px; } }