.product-search-dialog{box-sizing:border-box;width:min(800px,calc(100% - 32px));max-height:min(850px,calc(100dvh - 48px));padding:40px;border:1px solid var(--line);border-radius:26px;background:var(--paper);background:color-mix(in srgb,var(--paper) 94%,transparent);color:var(--ink);overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 100px #0004;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.product-search-dialog::backdrop{background:rgb(16 34 25 / .62);backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)}
.product-search-close{position:absolute;right:20px;top:18px;font-size:25px;border:0;background:transparent;color:var(--muted)}
.product-search-dialog .search-kicker{font-size:10px;letter-spacing:.15em;margin:0 0 20px;color:var(--muted)}
.product-search-dialog h2{font-size:clamp(30px,4vw,46px);line-height:1.12;letter-spacing:-.04em;margin:0 0 18px;max-width:90%}
.search-intro{font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 24px;max-width:52ch}
.product-search-form{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--ink);padding:10px 0}
.product-search-form>.ui-icon{width:22px;height:22px;flex:none;stroke:currentColor;stroke-width:1.5}
.product-search-form input{width:100%;min-width:0;min-height:44px;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:16px;border-radius:0}
.product-search-form:focus-within{border-bottom:2px solid var(--amber)}
.product-search-form .icon-button{flex:none;background:transparent;color:inherit;border:0;min-width:44px;min-height:44px;font-size:23px}
.search-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 28px}
.search-suggestions button{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:999px;font:inherit;font-size:12px;line-height:1.4;min-height:40px;padding:9px 13px;text-align:left}
.search-suggestions button:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}
.search-results-label{font-size:10px;color:var(--muted);margin:0 0 12px;letter-spacing:.13em}
.search-results{display:grid;gap:8px;max-height:380px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:6px}
.search-result{border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--ink) 3%,var(--paper));overflow:hidden}
.search-result a{display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;padding:18px;align-items:start}
.search-result a:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}
.search-result img{width:76px;height:90px;object-fit:contain;border-radius:8px;background:var(--paper)}
.search-result h3{font-size:21px;font-weight:400;line-height:1.25;letter-spacing:-.025em;margin:0 0 9px}
.search-result p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 12px}
.search-result span{font-size:12px;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.search-empty{font-size:15px;line-height:1.7;color:var(--muted);padding:20px 0}
.product-search-dialog .search-footer{display:block;min-height:0;padding:20px 0 0;margin-top:16px;border-top:1px solid var(--line);background:transparent;color:var(--muted);font-size:11px;line-height:1.5}
#product-search-open .ui-icon{stroke:currentColor;stroke-width:1.5}
@media(max-width:600px){.product-search-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:44px 22px 24px;border-radius:22px}.product-search-dialog h2{max-width:100%}.search-result a{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:14px}.search-result img{width:48px;height:66px}.search-result h3{font-size:19px}.search-results{max-height:42dvh}.search-result p{font-size:13px}.search-suggestions{gap:6px;margin-bottom:22px}}

@media(prefers-reduced-transparency:reduce){.product-search-dialog{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none}.product-search-dialog::backdrop{background:#102219;backdrop-filter:none!important;-webkit-backdrop-filter:none}}