/* Header search modal (в стиле postforsuccess.com) — super-gadget.ru */
.hs-btn{display:inline-flex;align-items:center;gap:8px;background:var(--line-soft,#eef2f7);border:1px solid var(--line,#e2e8f0);padding:8px 14px;border-radius:999px;color:var(--ink-2,#475569);font:500 14px/1 var(--sans,inherit);cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s,color .2s;white-space:nowrap}
.hs-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px -14px rgba(37,99,235,.5);border-color:var(--accent,#2563eb);color:var(--ink,#16233a)}
.hs-btn svg{width:16px;height:16px;flex:none}
.hs-kbd{font:600 11px/1 ui-monospace,monospace;background:#fff;border:1px solid var(--line,#e2e8f0);border-radius:6px;padding:3px 6px;color:var(--muted,#94a3b8)}
@media(max-width:860px){.hs-btn .hs-lbl,.hs-btn .hs-kbd{display:none}.hs-btn{padding:9px;border-radius:50%}}

.hs{position:fixed;inset:0;z-index:2000;display:flex;justify-content:center;align-items:flex-start;padding:11vh 20px 20px;visibility:hidden;pointer-events:none;font-family:var(--sans,inherit)}
.hs.open{visibility:visible;pointer-events:auto}
.hs-back{position:absolute;inset:0;background:rgba(22,35,58,.46);backdrop-filter:blur(5px);opacity:0;transition:opacity .35s ease}
.hs.open .hs-back{opacity:1}
.hs-box{position:relative;width:100%;max-width:640px;background:var(--surface,#fff);border:1px solid var(--line,#e2e8f0);border-radius:20px;box-shadow:0 40px 90px -30px rgba(22,35,58,.5);overflow:hidden;transform:translateY(-22px) scale(.96);opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}
.hs.open .hs-box{transform:none;opacity:1}
.hs-in{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line,#e2e8f0)}
.hs-ic{width:20px;height:20px;color:var(--accent,#2563eb);flex:none}
.hs-in input{flex:1;border:none;outline:none;background:transparent;font:500 17px/1.3 var(--sans,inherit);color:var(--ink,#16233a);padding:2px 0}
.hs-in input::placeholder{color:var(--muted,#94a3b8)}
.hs-esc{border:1px solid var(--line,#e2e8f0);background:var(--line-soft,#eef2f7);color:var(--muted,#94a3b8);font:600 12px/1 var(--sans,inherit);padding:6px 9px;border-radius:8px;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s}
.hs-esc:hover{background:#e2eafd;transform:translateY(-1px)}
.hs-results{max-height:54vh;overflow-y:auto;padding:8px}
.hs-item{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:13px;cursor:pointer;transition:background .18s,transform .3s cubic-bezier(.34,1.56,.64,1);text-decoration:none;color:inherit}
.hs-item:hover,.hs-item.act{background:var(--line-soft,#eef2f7)}
.hs-item.act{transform:translateX(3px)}
.hs-thumb{width:46px;height:46px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;font:800 18px/1 var(--display,inherit);color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8)}
.hs-thumb[data-s="obzory"]{background:linear-gradient(135deg,#2563eb,#1d4ed8)}
.hs-thumb[data-s="rejtingi"]{background:linear-gradient(135deg,#7c3aed,#6d28d9)}
.hs-thumb[data-s="sravneniya"]{background:linear-gradient(135deg,#0d9488,#0f766e)}
.hs-thumb[data-s="instrukcii"]{background:linear-gradient(135deg,#d97706,#b45309)}
.hs-thumb[data-s="novosti"]{background:linear-gradient(135deg,#64748b,#475569)}
.hs-thumb[data-s="texnologii"]{background:linear-gradient(135deg,#0ea5e9,#0369a1)}
.hs-txt{min-width:0;flex:1}
.hs-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent,#2563eb)}
.hs-txt h4{margin:2px 0 3px;font-size:15px;font-weight:700;color:var(--ink,#16233a);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hs-txt p{margin:0;font-size:12.5px;color:var(--muted,#94a3b8);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hs-item mark{background:#dbe6ff;color:var(--accent-dark,#1d4ed8);border-radius:3px;padding:0 1px}
.hs-arrow{margin-left:auto;color:var(--accent,#2563eb);opacity:0;transform:translateX(-4px);transition:.3s cubic-bezier(.34,1.56,.64,1);flex:none;font-weight:700}
.hs-item:hover .hs-arrow,.hs-item.act .hs-arrow{opacity:1;transform:none}
.hs-empty{padding:34px 18px;text-align:center;color:var(--muted,#94a3b8);font-size:14.5px}
.hs-empty b{color:var(--ink,#16233a)}
.hs-foot{display:flex;gap:18px;flex-wrap:wrap;padding:11px 18px;border-top:1px solid var(--line,#e2e8f0);background:var(--line-soft,#eef2f7);color:var(--muted,#94a3b8);font-size:12px}
.hs-foot kbd{background:#fff;border:1px solid var(--line,#e2e8f0);border-radius:5px;padding:2px 5px;font:600 11px/1 ui-monospace,monospace;margin-right:2px}
@media(max-width:600px){.hs{padding:8vh 12px 12px}.hs-foot{display:none}.hs-thumb{display:none}}