/* Search shares the store's Onest, control radii and native dialog lifecycle. */
.main-nav>.header-search{gap:11px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-control);text-align:left;color:var(--muted);}
.header-search>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:450;}
.header-search>.ph{display:inline-flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0;color:var(--ink);}
.header-search>kbd{font:inherit;font-size:12px;display:grid;place-items:center;width:23px;height:25px;border:1px solid var(--line);border-radius:6px;color:var(--muted);}
.main-nav>.header-search:hover{color:var(--ink);border-color:var(--muted);background:var(--surface);}
.search-dialog{position:fixed;inset:calc(var(--header-height) + 12px) 0 auto;margin:0 auto;width:min(740px,calc(100% - 40px));max-width:calc(100% - 40px);height:min(650px,calc(100dvh - var(--header-height) - 24px));max-height:calc(100dvh - var(--header-height) - 24px);border:1px solid var(--line);border-radius:var(--radius-media);overflow:hidden;}
.search-dialog[open]{display:flex;flex-direction:column;}
.search-dialog>.dialog-head{padding:18px 26px 8px;border:0;min-height:70px;}
.search-dialog .dialog-head h2{font-size:1.5rem;line-height:1.2;font-weight:750;letter-spacing:-.035em;}
.search-dialog .dialog-head>.icon-button{border:1px solid var(--line);color:var(--muted);}
.search-dialog .search-field{flex-shrink:0;gap:10px;margin:10px 26px 0;padding:5px 5px 5px 16px;min-height:58px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);}
.search-field>.ph{display:inline-flex;font-size:22px;flex-shrink:0;color:var(--muted);}
.search-dialog .search-field input{min-width:0;flex:1;width:0;padding:9px 0;font-size:1rem;line-height:1.4;background:transparent;}
.search-field input::-webkit-search-cancel-button{-webkit-appearance:none;}
.search-field input::placeholder{color:var(--muted);opacity:1;}
.search-field>.search-clear{width:44px;height:44px;color:var(--muted);}
.search-clear>.ph{font-size:19px;}
.search-submit{width:46px;min-height:46px;display:grid;place-items:center;background:var(--ink);color:var(--bg);border-radius:10px;flex-shrink:0;}
.search-submit>.ph{font-size:23px;line-height:1;}
.search-submit:hover{background:var(--accent);color:var(--on-accent);}
.search-summary{margin:0;padding:15px 26px 8px;min-height:42px;font-size:.75rem;line-height:1.5;color:var(--muted);flex-shrink:0;}
.search-dialog .search-results{padding:0 26px 18px;flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--line) transparent;}
.search-dialog .search-result{grid-template-columns:64px minmax(0,1fr) auto 20px;gap:16px;min-height:100px;padding:14px 0;border:0;border-top:1px solid var(--line);}
.search-result:hover strong,.search-result:focus-visible strong{color:var(--accent-text);}
.search-dialog .search-result>img{width:64px;height:72px;background:var(--product-photo-bg);border-radius:10px;}
.search-dialog .search-result>span{display:flex;flex-direction:column;gap:5px;min-width:0;}
.search-dialog .search-result small{font-size:.6875rem;line-height:1.3;color:var(--muted);}
.search-dialog .search-result strong{font-size:.875rem;line-height:1.45;font-weight:550;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.search-dialog .search-result b{font-size:.875rem;font-weight:700;line-height:1.35;}
.search-result>.ph{font-size:18px;color:var(--muted);}
.search-footer{flex-shrink:0;padding:12px 26px 18px;border-top:1px solid var(--line);background:var(--bg);}
.search-all{min-height:48px;width:100%;display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--ink);color:var(--bg);border-radius:var(--radius-control);font-size:.8125rem;font-weight:650;}
.search-all>span:first-child{min-width:0;overflow-wrap:anywhere;}
.search-all>[data-search-total]{font-size:.75rem;opacity:.75;}
.search-all>.ph{margin-left:auto;font-size:20px;}
.search-all:hover{background:var(--accent);color:var(--on-accent);}
.search-start{padding:0 0 15px;}
.search-start section+section{margin-top:30px;}
.search-start h3{font-size:.8125rem;font-weight:650;margin-bottom:12px;}
.search-suggestions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.search-suggestions button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;min-height:48px;background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:.8125rem;font-weight:550;text-align:left;overflow-wrap:anywhere;}
.search-suggestions .ph{flex-shrink:0;font-size:17px;}
.search-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;}
.search-categories button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 0;border-top:1px solid var(--line);font-size:.875rem;text-align:left;}
.search-categories .ph{font-size:18px;flex-shrink:0;}
.search-start button:hover,.search-start button:focus-visible{color:var(--accent-text);}
.search-dialog .search-empty{padding:35px 0;font-size:.875rem;}
.search-empty h3{font-size:1.125rem;font-weight:650;letter-spacing:-.02em;color:var(--ink);}
.search-empty p{max-width:420px;margin-top:9px;line-height:1.6;}
.search-empty-clear{display:flex;align-items:center;gap:12px;min-height:44px;margin-top:14px;font-size:.8125rem;color:var(--ink);}
@media(max-width:1199px){.header-search>kbd{display:none;}}
@media(max-height:600px) and (min-width:768px){.search-dialog{inset-block-start:12px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);}.search-dialog>.dialog-head{padding-top:10px;min-height:58px;}}
@media(max-width:767px){
 .main-nav>.header-search{display:none;}
 .search-dialog{inset:0;margin:0;width:100%;max-width:none;height:min(100dvh,var(--search-visible-height,100dvh));max-height:100dvh;border:0;border-radius:0;}
 .search-dialog>.dialog-head{padding:16px 16px 4px;min-height:68px;}
 .search-dialog .dialog-head h2{font-size:1.375rem;}
 .search-dialog .search-field{margin:10px 16px 0;padding-left:12px;gap:6px;min-height:56px;}
 .search-field>.ph{font-size:20px;}
 .search-summary{padding:14px 16px 8px;}
 .search-dialog .search-results{padding:0 16px 16px;}
 .search-dialog .search-result{grid-template-columns:52px minmax(0,1fr) 18px;grid-template-rows:auto auto;gap:4px 12px;padding:15px 0;min-height:104px;}
 .search-dialog .search-result>img{grid-row:1/3;width:52px;height:68px;align-self:center;}
 .search-result>span{grid-column:2;grid-row:1;}
 .search-dialog .search-result strong{font-size:.8125rem;}
 .search-dialog .search-result b{grid-column:2;grid-row:2;font-size:.875rem;align-self:start;}
 .search-result>.ph{grid-column:3;grid-row:1/3;align-self:center;}
 .search-footer{padding:12px 16px calc(16px + env(safe-area-inset-bottom));}
 .search-suggestions{grid-template-columns:minmax(0,1fr);gap:8px;}
 .search-suggestions button{padding:12px 14px;}
 .search-categories{gap:0 16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));}
}
@media(prefers-reduced-motion:reduce){.search-submit:active,.search-all:active{scale:none;}}
