/* Умный поиск на главной (переменные цветов — из site.css) */
.smart{text-align:center;margin:28px 0 10px;padding:30px 20px 24px;border:1px solid var(--line);border-radius:var(--r);
  background:radial-gradient(120% 140% at 0% 0%,#ff8a3d29,transparent 55%),radial-gradient(120% 140% at 100% 100%,#7c3aed24,transparent 55%),var(--card)}
.smart-title{margin:0;font-size:1.8rem;font-weight:800;letter-spacing:-.01em}
.smart-sub{color:var(--muted);margin:8px auto 18px;max-width:640px}
.smart-form{display:flex;gap:10px;max-width:760px;margin:0 auto;align-items:center}
.smart-input{flex:1;min-width:0;height:54px;padding:0 20px;font:inherit;font-size:1.05rem;color:var(--fg);background:var(--bg);
  border:1px solid var(--line);border-radius:99px;outline:none}
.smart-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8590c33}
.smart-go{flex:none;height:54px;padding:0 26px;font:inherit;font-weight:800;color:#fff;cursor:pointer;border:0;border-radius:99px;
  background:linear-gradient(135deg,#ff8a3d,#e8590c);box-shadow:0 8px 20px #e8590c4d;transition:filter .15s,transform .15s}
.smart-go:hover{filter:brightness(1.07);transform:translateY(-1px)}
.smart-surprise{flex:none;display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;
  color:var(--fg);background:var(--bg);border:1px solid var(--line);transition:border-color .15s,color .15s}
.smart-surprise:hover{border-color:var(--accent);color:var(--accent)}
.smart-hints{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px auto 0;max-width:860px}
.smart-hint{padding:6px 14px;font-size:.9rem;color:var(--fg);text-decoration:none;background:var(--bg);border:1px solid var(--line);border-radius:99px}
.smart-hint:hover{border-color:var(--accent);color:var(--accent)}
.smart-results{text-align:left;margin-top:20px}
.smart-results:empty{display:none}
.smart.loading .smart-results{opacity:.45;transition:opacity .2s}
.smart-msg{text-align:center;color:var(--muted);margin:6px 0}
.smart-msg.err{color:var(--bad)}
.smart-more{margin:8px 0}
.smart-more>summary{cursor:pointer;color:var(--muted);text-align:center;padding:8px;list-style:none}
.smart-more>summary::-webkit-details-marker{display:none}
.smart-more>summary::after{content:" ▾"}
.smart-more[open]>summary::after{content:" ▴"}
.smart-more>.picker{margin-top:8px}
@media (max-width:700px){
  .smart{padding:22px 14px 18px;margin-top:16px}
  .smart-title{font-size:1.4rem}
  .smart-form{flex-wrap:wrap}
  .smart-input{flex-basis:100%}
  .smart-go{flex:1}
}