/* Suggestions live outside the header so sticky and mobile layouts cannot clip them. */
.search-suggestions { position:fixed; z-index:45; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; background:#fdfdfc; border:1px solid #dce6dd; border-radius:16px; box-shadow:0 14px 36px #173d3026; }
.search-suggestions-heading { position:sticky; top:0; z-index:1; display:flex; align-items:center; justify-content:space-between; min-height:48px; padding:2px 6px 2px 14px; background:#f1f5ef; border-bottom:1px solid #e2e8e2; color:#173d30; font:600 14px/1.2 var(--display); letter-spacing:.4px; }
.search-suggestions-heading button { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; border-radius:50%; }
.search-suggestions-heading button:hover { background:#e3ece2; }
.search-suggestions-heading svg { width:17px; height:17px; }
.search-suggestion { display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:11px; align-items:center; min-height:76px; margin:0 8px; padding:10px 6px; border-bottom:1px solid #edf0eb; color:var(--ink); text-decoration:none; }
.search-suggestion img { width:42px; height:54px; border-radius:7px; object-fit:contain; background:#f0f1ed; }
.search-suggestion-copy { min-width:0; }
.search-suggestion-copy strong { display:block; font:600 18px/1.15 var(--display); overflow-wrap:anywhere; }
.search-suggestion-copy > span { display:block; margin-top:4px; color:#65746a; font-size:10px; line-height:1.4; }
.search-suggestion-price { max-width:85px; color:#173d30; text-align:right; font:600 16px/1.2 var(--display); }
.search-suggestion:hover,.search-suggestion[aria-selected=true],.search-suggestions-all:hover,.search-suggestions-all[aria-selected=true] { background:#edf4e9; color:#173d30; border-radius:9px; }
.search-suggestions-all { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; margin:5px 8px; padding:10px 8px; color:#173d30; font:600 15px/1.2 var(--display); }
.search-suggestions-all > span { font-family:Arial,sans-serif; font-size:20px; }
.search-keyboard-hint { padding:0 14px 11px; color:#66736b; font-size:10px; }
.search-no-results { padding:16px; color:#56645b; font-size:12px; line-height:1.7; }
body:has(dialog[open]) .search-suggestions { display:none; }
.search-suggestions-open .whatsapp-help { opacity:0; visibility:hidden; pointer-events:none; }
@media (max-width:900px) {
  /* Keep a focused search row available when the on-screen keyboard scrolls the page. */
  body #site-header .header-discover:focus-within,body.is-scrolled #site-header .header-discover:focus-within { display:flex; }
  body #site-header .header-discover:focus-within .header-search,body.is-scrolled #site-header .header-discover:focus-within .header-search { display:flex; }
  .search-suggestion { grid-template-columns:36px minmax(0,1fr) auto; min-height:66px; gap:8px; padding:8px 4px; }
  .search-suggestion img { width:36px; height:46px; }
  .search-suggestion-copy strong { font-size:16px; }
  .search-suggestion-price { max-width:72px; font-size:14px; }
  .search-keyboard-hint { display:none; }
  .shop-search input { font-size:16px; }
}