.smd-gs{position:relative;max-width:680px;margin:22px auto 0;z-index:30}
.smd-gs-inner{position:relative}
.smd-gs-icon{position:absolute;inset-inline-start:18px;top:50%;transform:translateY(-50%);font-size:1.3rem;pointer-events:none;opacity:.8}
.smd-gs-q{width:100%;box-sizing:border-box;background:rgba(255,255,255,.98);border:2px solid #C9971C;border-radius:999px;padding-block:18px;padding-inline-start:54px;padding-inline-end:120px;font-family:inherit;font-size:1.12rem;color:#0E1B33;min-height:60px;box-shadow:0 16px 40px rgba(14,27,51,.28);transition:box-shadow .2s,border-color .2s}
.smd-gs-q:focus{outline:none;border-color:#E4BC55;box-shadow:0 20px 50px rgba(201,151,28,.38)}
.smd-gs-q::placeholder{color:#7a7a7a;font-size:.98rem}
.smd-gs-clear{display:none;position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);background:#0E1B33;border:0;border-radius:50%;width:34px;height:34px;font-size:1rem;cursor:pointer;color:#fff;line-height:1}
.smd-gs-clear.show{display:block}
.smd-gs-hint{text-align:center;margin-top:10px;color:rgba(255,255,255,.92);font-size:.95rem;text-shadow:0 1px 6px rgba(0,0,0,.35)}
/* 2026-10-18 (v14.2.26) — max-height 66vh se 78vh.
   Chhoti screen par (masalan 1352x430 — vh ≈ 430) 66vh ka matlab sirf ~283px
   ka panel tha. Us haalat mein sab se neeche nazar aane wala natija kinare par
   aadha kata reh jata tha aur uska markaz panel se baahar hone ki wajah se
   click bhi nahi hota tha ("natije button ke neeche — click nahi hota").
   78vh (aur 580px ki hadd) se zyada natije poore nazar aate hain aur wo row
   bhi click hoti hai. Mobile ka 58vh cap keyboard ki wajah se waisa hi hai. */
.smd-gs-panel{display:none;position:absolute;top:calc(100% + 10px);inset-inline:0;background:#fff;border:1px solid rgba(14,27,51,.12);border-radius:18px;box-shadow:0 24px 60px rgba(14,27,51,.30);z-index:900;overflow:hidden;max-height:min(78vh,580px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;text-align:start}
.smd-gs-panel.show{display:block}
.smd-gs-group{padding:0}
.smd-gs-group + .smd-gs-group{border-top:1px solid #F4F1EA}
.smd-gs-grouphead{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#FBF8F2,#F4EEDF);color:#8a6a0d;font-size:.76rem;font-weight:800;padding:5px 16px 6px;border-bottom:1px solid #EFE6D2;letter-spacing:.3px;line-height:1.7}
.smd-gs-item{display:flex;align-items:center;gap:9px;padding:7px 16px 8px;text-decoration:none;color:#0E1B33;border-bottom:1px solid #F4F1EA;min-height:44px;line-height:1.75}
.smd-gs-item:last-child{border-bottom:0}
.smd-gs-item .ic{font-size:1.02rem;flex:0 0 auto;opacity:.8}
.smd-gs-item .tx{flex:1 1 auto;font-size:.98rem;font-weight:600;min-width:0}
/* Ek natije wale group ka naam — natije ke neeche chhoti lakeer mein */
.smd-gs-item .sec{display:block;margin-top:1px;font-size:.7rem;font-weight:400;color:#9a8354;line-height:1.6}
.smd-gs-group.is-solo .smd-gs-item{padding-top:6px;padding-bottom:7px}
.smd-gs-item .tx mark{background:#FFF0BE;color:#7a5a00;padding:0 2px;border-radius:3px}
.smd-gs-item .go{flex:0 0 auto;color:var(--gold-ink,#8a6a0d);font-size:1rem;opacity:0;transform:translateX(4px);transition:opacity .15s,transform .15s}
.smd-gs-item:hover,.smd-gs-item.active{background:#FFF9EC}
.smd-gs-item:hover .go,.smd-gs-item.active .go{opacity:1;transform:translateX(0)}
.smd-gs-empty{padding:26px 18px;text-align:center;color:#5b6b82;font-size:1rem;line-height:2}
.smd-gs-empty .big{display:block;font-size:1.9rem;margin-bottom:6px}
.smd-gs-loading{padding:22px;text-align:center;color:#8a6a0d;font-weight:700}
.smd-gs-more{position:sticky;bottom:0;padding:9px 16px;text-align:center;background:#FBF8F2;color:#8a6a0d;font-size:.85rem;font-weight:700;border-top:1px solid #EFE6D2}
.smd-gs-grouphead .cnt{background:#fff;border:1px solid #EFE6D2;border-radius:20px;padding:0 8px;font-size:.72rem;color:#8a6a0d;margin-inline-start:4px}
.smd-gs-kbd{position:absolute;inset-inline-end:60px;top:50%;transform:translateY(-50%);display:flex;gap:3px;pointer-events:none;opacity:.55}
.smd-gs-kbd kbd{background:#F4EEDF;border:1px solid #E0D6BC;border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:.7rem;color:#6b5a20;font-family:inherit}
button.smd-gs-item{width:100%;background:transparent;border:0;cursor:pointer;font-family:inherit;text-align:start}
.smd-gs-recent-clear{float:inline-end;background:transparent;border:0;color:#b08a1e;font-size:.75rem;cursor:pointer;font-family:inherit;text-decoration:underline}
.smd-gs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:640px){
  .smd-gs{margin-inline:6px}
  .smd-gs-q{font-size:1.02rem;padding-block:15px;padding-inline-start:48px;padding-inline-end:56px;min-height:54px}
  /* Mobile par keyboard khul jata hai — panel screen ke andar hi rahe */
  .smd-gs-panel{max-height:min(58vh,420px)}
  .smd-gs-kbd{display:none}
  .smd-gs-item{padding:6px 13px 7px;min-height:41px;gap:8px}
  .smd-gs-item .tx{font-size:.94rem}
  .smd-gs-item .sec{font-size:.68rem}
  .smd-gs-item .ic{font-size:.96rem}
  .smd-gs-grouphead{padding:4px 13px 5px;font-size:.72rem}
  .smd-gs-more{padding:8px 13px;font-size:.8rem}
}
