/* Header search, visible on every screen size. */
.header-actions{display:flex;align-items:center;gap:22px;min-width:0}
.header-search{flex:none}
.header-search summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;cursor:pointer;color:var(--ink);background:transparent}
.header-search summary::-webkit-details-marker{display:none}
.header-search summary svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.header-search summary:hover,.header-search[open] summary{background:#f0ebff;color:#7434e8}
.header-search summary:focus-visible,.header-search-panel input:focus-visible,.header-search-panel button:focus-visible{outline:3px solid #9d82ff;outline-offset:3px}
.header-search-panel{position:absolute;top:100%;right:max(20px,calc((100vw - 1210px)/2));width:min(480px,calc(100vw - 32px));padding:22px;background:#fff;border:1px solid #e0e3eb;border-radius:0 0 16px 16px;box-shadow:0 18px 35px rgba(8,24,42,.14)}
.header-search-panel label{display:block;margin-bottom:10px;color:var(--ink);font-weight:800;font-size:16px}
.header-search-fields{display:flex;gap:8px}
.header-search-fields input{box-sizing:border-box;min-width:0;flex:1;width:100%;padding:12px;border:1px solid #cfd4df;border-radius:8px;font-size:16px;color:var(--ink);background:#fff}
.header-search-fields button{flex:none;padding:12px 16px;background:#7434e8;color:#fff;border:0;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer}
.header-search-panel p{margin:10px 0 0;font-size:13px;color:#667085}
.ooh-search-form{display:flex;flex-wrap:wrap;gap:10px;max-width:650px;margin-top:22px}
.ooh-search-form label{width:100%;font-weight:700;color:inherit}
.ooh-search-form input{flex:1;min-width:140px;padding:13px;border:1px solid #cfd4df;border-radius:8px;background:#fff;color:#101828;font-size:16px}
.ooh-search-form button{padding:13px 20px;border:0;border-radius:8px;background:#7434e8;color:white;font-weight:700;cursor:pointer}
.search-empty{grid-column:1/-1;padding-bottom:40px}
@media(max-width:900px){.header-actions{gap:10px}.site-header .brand{flex:none}.header-search-panel{right:16px}.header-actions .menu-btn{padding:10px;min-width:44px;min-height:44px}.site-header nav.open{top:100%}}
@media(max-width:360px){.header-actions{gap:2px}.site-header .brand b{font-size:13px;margin-left:7px}.header-search-panel{padding:16px}.header-search-fields button{padding:12px}}