.header-actions { display:flex; align-items:center; }
.header-search { position:relative; width:40px; height:42px; margin:0 12px 0 0; transition:width .22s ease; }
.header-search.is-open { width:200px; }
.header-search input { position:absolute; inset:0; width:100%; height:42px; padding:0 42px 0 12px; opacity:0; pointer-events:none; border:1px solid #dfe3e8; border-radius:12px; background:#f8fafc; color:#172033; font-size:13px; outline:0; transition:opacity .12s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease; }
.header-search input::placeholder { color:#9ca5b4; }
.header-search.is-open input { opacity:1; pointer-events:auto; border:2px solid var(--orange); background:#fff; box-shadow:0 0 0 2px rgba(237,109,29,.05); }
.header-search button { position:absolute; top:0; right:0; width:40px; height:42px; display:grid; place-items:center; margin:0!important; padding:0; border:1px solid #dfe3e8; border-radius:12px; background:#f8fafc; color:#778397; z-index:2; }
.header-search button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; }
.header-search__submit { visibility:hidden; opacity:0; border:0!important; background:transparent!important; color:var(--orange)!important; transition:opacity .15s ease; }
.header-search.is-open .header-search__toggle { visibility:hidden; opacity:0; }
.header-search.is-open .header-search__submit { visibility:visible; opacity:1; }
.header-actions__divider { width:1px; height:32px; display:block; margin:0 12px 0 0; background:#e4e7eb; }
.header-actions .login { gap:8px; }
.header-actions .login svg { width:16px; height:16px; fill:none; stroke:#263142; stroke-width:1.55; stroke-linecap:round; stroke-linejoin:round; }
@media(max-width:1199px){
    .header-search.is-open{width:170px}
    .header-search{margin-right:8px}
    .header-actions__divider{margin-right:8px}
}