.product-search{position:relative}
.search-suggestions{position:absolute;z-index:12;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--michel-ui-border);border-radius:15px;padding:6px;box-shadow:0 12px 32px #1e1e1e14;overflow:visible;max-height:none}
.search-suggestions[hidden],.search-suggestions [hidden]{display:none!important}
.search-suggestion{display:grid;grid-template-columns:56px minmax(0,1fr) 16px;align-items:center;gap:10px;height:76px;padding:10px 8px;border-radius:10px;color:#1E1E1E;text-decoration:none;line-height:1.35}
.search-suggestion:hover,.search-suggestion.is-active,.search-suggestion:focus-visible{background:var(--michel-ui-active-bg);color:#1E1E1E}
.search-suggestion img{width:56px;height:56px;object-fit:contain;background:#F6F8F3;border-radius:9px}
.search-result-body{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}
.search-result-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.7em;overflow:hidden;overflow-wrap:anywhere;font-size:12px;line-height:1.35;font-weight:600}
.search-result-meta{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;line-height:18px}
.search-result-price{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap;font-size:13px;line-height:18px;font-weight:600;color:#1E1E1E;flex:none}
.search-result-price :is(.amount,bdi,.woocommerce-Price-currencySymbol,ins,del,small){display:inline;white-space:nowrap}
.search-result-price ins{order:0;text-decoration:none;background:transparent;color:#1E1E1E;font-weight:600}
.search-result-price del{order:1;color:#777;font-size:10px;font-weight:400}
.search-result-price .michel-portion-unit{order:2;font-size:10px;color:#666;font-weight:400}
.search-result-stock{min-width:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;color:#777;font-weight:400}
.search-result-stock::before{content:"";display:inline-block;width:4px;height:4px;margin-right:4px;border-radius:50%;background:#999;vertical-align:middle}
.search-result-stock.is-available{color:#527D2A}.search-result-stock.is-available::before{background:#7CB342}
.search-result-arrow{display:flex;color:#87907f}
.search-view-all{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 8px;margin-top:4px;border-top:1px solid var(--michel-ui-border);border-radius:0 0 10px 10px;color:var(--michel-soft-ink);font-size:12px;font-weight:600;line-height:1.4;text-align:center}
.search-view-all:hover{background:var(--michel-ui-active-bg);color:var(--michel-ui-active-text)}.search-view-all::after{content:'→';font-size:17px}
.search-status{padding:14px 10px;margin:0;font-size:12px;line-height:1.5;color:#666}
.search-status.is-loading{display:flex;align-items:center;gap:9px}
.search-status.is-loading::before{content:"";flex:none;width:14px;height:14px;border:2px solid #E8ECE5;border-top-color:#7CB342;border-radius:50%;animation:michel-search-spin .7s linear infinite}
.search-suggestion:focus-visible,.search-view-all:focus-visible{outline:2px solid #689F38;outline-offset:-2px}
@keyframes michel-search-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.search-suggestion{grid-template-columns:52px minmax(0,1fr) 12px;gap:7px;padding:10px 5px}.search-suggestion img{width:52px;height:52px}.search-result-price{font-size:12px;gap:3px}.search-result-meta{gap:5px}.search-result-arrow svg{width:12px}.search-result-stock{font-size:9px}.search-result-name{font-size:12px}.search-result-price del{font-size:9px}.search-result-price .michel-portion-unit{font-size:9px}}
@media(prefers-reduced-motion:reduce){.search-status.is-loading::before{animation:none}}

/* Progressive enhancement: hide only the native clear control once ours is available. */
.product-search.has-search-clear input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
.product-search.has-search-clear input[type="search"]::-ms-clear{display:none;width:0;height:0}
.product-search.has-search-clear input[type="search"]{padding-right:8px}
#mobile-menu .product-search.has-search-clear input[type="search"]{padding-right:8px}
.product-search button.search-clear{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:50%;background:transparent;box-shadow:none;color:var(--michel-ui-muted);line-height:1;appearance:none;-webkit-appearance:none;cursor:pointer;transition:color 150ms ease}
.product-search button.search-clear[hidden]{display:none!important}
.product-search button.search-clear::before{content:"";position:absolute;width:26px;height:26px;border-radius:50%;background:var(--michel-disabled-bg);transition:background-color 150ms ease;pointer-events:none}
.product-search button.search-clear .icon{position:relative;width:16px;height:16px;pointer-events:none}
.product-search button.search-clear:is(:hover,:focus-visible){color:var(--michel-soft-ink);background:transparent}
.product-search button.search-clear:is(:hover,:focus-visible)::before{background:var(--michel-ui-active-bg)}
.product-search button.search-clear:focus-visible{outline:2px solid var(--michel-ui-active-border);outline-offset:-5px}
@media(prefers-reduced-motion:reduce){.product-search button.search-clear,.product-search button.search-clear::before{transition:none}}
#mobile-menu .product-search.has-search-clear input[type="search"]:focus-visible{outline:none}
#mobile-menu .product-search button.search-clear:focus-visible{outline-offset:-5px}
