.wata-search { position:relative; flex:none; }
.wata-search-panel { box-sizing:border-box; }
.wata-search-toggle { display:grid; place-items:center; width:44px; height:44px; border:0; border-radius:6px; background:transparent; color:#102a43; cursor:pointer; }
.wata-search-toggle:hover,.wata-search-toggle[aria-expanded=true] { background:#edf3ff; color:#175cff; }
.wata-search-panel { position:absolute; top:calc(100% + 16px); right:0; width:min(480px,calc(100vw - 32px)); max-height:70dvh; overflow:auto; padding:20px; background:white; color:#102a43; border:1px solid #dce3eb; border-radius:8px; box-shadow:0 12px 32px #102a431f; z-index:110; }
.wata-search-panel[hidden],.wata-search-all[hidden] { display:none; }
.wata-search-panel label { display:block; font-size:14px; margin-bottom:10px; font-weight:600; }
.wata-search-row { display:flex; gap:8px; }
.wata-search-row input { min-width:0; width:100%; height:44px; font-size:16px; padding:8px 12px; border:1px solid #cbd5e1; border-radius:5px; }
.wata-search-row button { min-width:44px; min-height:44px; border:0; border-radius:5px; background:#edf3ff; color:#175cff; cursor:pointer; }
.wata-search-status { font-size:13px; color:#53667e; margin:14px 0; }
.wata-search-results h3 { font-size:13px; color:#53667e; margin:18px 0 8px; }
.wata-search-results a { display:flex; align-items:center; gap:12px; padding:10px 6px; color:#102a43; text-decoration:none; font-size:14px; line-height:1.5; border-bottom:1px solid #edf0f5; }
.wata-search-results a:hover { background:#f5f7fa; color:#175cff; }
.wata-search-results img { width:48px; height:48px; object-fit:cover; border-radius:4px; flex:none; }
.wata-search-all { display:block; padding-top:16px; font-size:14px; color:#175cff; }
.wata-search :focus-visible { outline:2px solid #175cff; outline-offset:3px; }
@media(max-width:1023px) {
 .wata-header__brand { margin-right:auto; }
 .wata-search { position:static; }
 .wata-search-panel { top:100%; left:0; right:0; width:100%; }
 .wata-header__main-inner { gap:8px; }
}