.header-search{position:relative;flex:none;color:#fff}
.site-header.is-scrolled .header-search{color:var(--ink)}
.header-search>summary{display:flex;align-items:center;justify-content:center;width:40px;height:44px;cursor:pointer;list-style:none;border-radius:50%}
.header-search>summary::-webkit-details-marker{display:none}
.header-search>summary:hover{background:rgba(143,211,255,.15)}
.header-search>summary:focus-visible{outline:2px solid #1687d4;outline-offset:2px}
.header-search__panel{position:absolute;top:calc(100% + 14px);right:0;width:min(420px,calc(100vw - 32px));padding:22px;background:#fff;color:#132033;border:1px solid #d8e0e6;border-radius:8px;box-shadow:0 18px 48px #0003;z-index:30}
.header-search__panel label{display:block;margin-bottom:12px;font-size:13px;line-height:1.5;font-weight:600}
.header-search__fields{display:flex;gap:8px}
.header-search__fields input{width:100%;min-width:0;flex:1;height:46px;border:1px solid #bac8d2;border-radius:4px;padding:0 12px;background:#fff;color:#132033;font-size:16px}
.header-search__fields button{padding:0 16px;background:#1687d4;color:#fff;border-radius:4px;font-size:14px;cursor:pointer}
.header-search__fields :focus-visible{outline:2px solid #0869ab;outline-offset:2px}
@media(max-width:820px){
  .site-header .mobile-menu{display:flex;align-items:center;gap:8px}
  .mobile-menu .header-search__panel{right:-54px}
}