/* search-suggest.css — dropdown under the search boxes + the shop "nothing found" help. */
.ss-drop{position:fixed;z-index:1200;background:#fff;border:1px solid #e2e8e4;border-radius:14px;box-shadow:0 16px 36px rgba(0,0,0,.16);overflow-y:auto;overscroll-behavior:contain;padding:6px;box-sizing:border-box;font-size:14px;color:#1f2a22;text-align:left}
.ss-drop[hidden]{display:none}
.ss-item{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:10px;color:inherit;text-decoration:none;min-height:44px;box-sizing:border-box}
.ss-item:hover,.ss-item.is-active{background:#eef6f0}
.ss-img{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:0 0 40px;background:#f2f5f2}
.ss-img--ph{display:flex;align-items:center;justify-content:center;font-size:20px}
.ss-txt{display:flex;flex-direction:column;min-width:0;flex:1}
.ss-name{font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ss-price{font-size:12.5px;color:#5a6b60;margin-top:2px}
.ss-tag{margin-left:auto;flex:0 0 auto;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#2d6a4f;background:#e3f1e8;border-radius:20px;padding:3px 8px}
.ss-tag--oos{color:#8a3b12;background:#fbe9df}
.ss-oos .ss-img,.ss-oos .ss-name{opacity:.6}
.ss-cat .ss-name{flex:1}
.ss-cat-ico{width:40px;flex:0 0 40px;text-align:center;color:#2d6a4f;font-size:16px}
.ss-all{justify-content:center;font-weight:700;color:#2d6a4f;border-top:1px solid #eef1ee;border-radius:0 0 10px 10px;margin-top:4px}
.ss-note,.ss-empty{padding:10px 12px;color:#5a6b60;font-size:13px}
.ss-note a{color:#2d6a4f;font-weight:700}

/* Shop page: nothing found */
.no-results .ss-dym{font-size:16px;margin:6px 0 10px}
.no-results .ss-dym a{color:#2d6a4f;font-weight:700}
.no-results .ss-cats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin:0 0 14px}
.no-results .ss-cats .pill{display:inline-block;padding:6px 14px;border-radius:20px;background:#eef6f0;color:#2d6a4f;font-weight:600;text-decoration:none}
.no-results .ss-best-title{margin:30px 0 14px;font-size:18px;font-weight:800;color:#1f2a22}
.no-results .ss-best{text-align:left}

@media (max-width:600px){
  .ss-drop{border-radius:12px}
  .ss-item{padding:8px}
}
