html.vs-lock{overflow:hidden!important;scrollbar-gutter:stable}
.vs{position:fixed;inset:0;z-index:100000;display:none;align-items:flex-start;justify-content:center;padding:clamp(48px,11vh,120px) 16px 16px;font-family:'Cairo','Segoe UI',Tahoma,sans-serif;line-height:1.5;direction:rtl;text-align:right}
.vs.is-open{display:flex}
.vs *,.vs *::before,.vs *::after{box-sizing:border-box}
.vs__bd{position:absolute;inset:0;background:rgba(10,36,28,.58);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:0;transition:opacity .22s ease}
.vs.is-in .vs__bd{opacity:1}
.vs__panel{--bg:#FAF7EF;--bg2:#F1ECDF;--tx:#0C2B22;--tx2:#44524B;--tx3:#6B6D62;--bd:rgba(176,141,87,.4);--hv:rgba(176,141,87,.15);--ac:#B08D57;--mk:#8A6A35;position:relative;width:100%;max-width:720px;max-height:min(660px,calc(100vh - 140px));display:flex;flex-direction:column;background:var(--bg);color:var(--tx);border:1px solid var(--bd);border-radius:18px;box-shadow:0 30px 80px rgba(10,36,28,.38);overflow:hidden;opacity:0;transform:translateY(-10px) scale(.985);transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
html.veda-dark .vs__panel{--bg:#0C2B22;--bg2:#10352A;--tx:#FAF7EF;--tx2:#D9D3C5;--tx3:#B3AC9D;--bd:rgba(176,141,87,.34);--hv:rgba(176,141,87,.16);--mk:#D8B67C}
.vs.is-in .vs__panel{opacity:1;transform:none}
.vs__top{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--bd)}
.vs__ico{flex:none;width:22px;height:22px;color:var(--ac)}
.vs .vs__in{flex:1;min-width:0;width:auto;height:auto!important;margin:0!important;padding:6px 0!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--tx)!important;font-family:inherit;font-size:18px;font-weight:600;line-height:1.5;text-align:right;-webkit-appearance:none;appearance:none}
.vs .vs__in::placeholder{color:var(--tx3);opacity:1;font-weight:500}
.vs .vs__in:focus{outline:0!important;box-shadow:none!important;border:0!important}
.vs .vs__esc{flex:none;margin:0;padding:5px 8px;border:1px solid var(--bd)!important;border-radius:7px;background:transparent!important;color:var(--tx3)!important;font:600 11px/1 'Cairo',sans-serif;cursor:pointer;box-shadow:none!important;transition:border-color .15s,color .15s}
.vs .vs__esc:hover,.vs .vs__esc:focus-visible{border-color:var(--ac)!important;color:var(--tx)!important;background:transparent!important}
.vs__tabs{padding:12px 18px 2px}
.vs__tl{display:inline-flex;gap:2px;padding:4px;border:1px solid var(--bd);border-radius:999px;background:var(--bg2)}
.vs .vs__tab{display:inline-flex;align-items:center;gap:7px;margin:0;padding:6px 14px;border:0!important;border-radius:999px;background:transparent!important;color:var(--tx3)!important;font:700 13px/1.4 'Cairo',sans-serif;cursor:pointer;box-shadow:none!important;transition:background .15s,color .15s}
.vs .vs__tab svg{width:16px;height:16px;flex:none}
.vs .vs__tab:hover{color:var(--tx)!important;background:transparent!important}
.vs .vs__tab.is-on{background:var(--bg)!important;color:var(--tx)!important;box-shadow:0 0 0 1px var(--bd)!important}
.vs .vs__tab.is-on svg{color:var(--ac)}
.vs .vs__tab:focus-visible,.vs .vs__esc:focus-visible{outline:2px solid var(--ac)!important;outline-offset:2px}
.vs__body{flex:1;min-height:120px;overflow-y:auto;overscroll-behavior:contain;padding:6px 10px 10px}
.vs__h{padding:12px 10px 6px;font-size:12.5px;font-weight:700;color:var(--tx3);letter-spacing:.02em}
.vs .vs__r,.vs .vs__r:hover,.vs .vs__r:focus{display:flex;align-items:center;gap:14px;padding:9px 10px;border-radius:12px;color:var(--tx)!important;text-decoration:none!important;box-shadow:none;outline:0;transition:background .15s}
.vs .vs__r.is-act{background:var(--hv);box-shadow:inset 0 0 0 1px var(--bd)}
.vs .vs__r:focus-visible{outline:2px solid var(--ac)}
.vs__th{flex:none;width:56px;height:56px;border-radius:11px;overflow:hidden;background:var(--bg2);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center}
.vs__th img{width:100%;height:100%;object-fit:cover;display:block}
.vs__th.is-ph{color:var(--ac);font-size:22px;font-weight:800}
.vs__tile{flex:none;width:40px;height:40px;border-radius:11px;border:1px solid var(--bd);background:var(--bg2);color:var(--ac);display:flex;align-items:center;justify-content:center}
.vs__tile svg{width:20px;height:20px}
.vs__tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.vs__tt{font-size:15.5px;font-weight:700;line-height:1.55;color:var(--tx);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vs__tt mark{background:transparent;color:var(--mk);font-weight:800}
.vs__sub{font-size:12.5px;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vs__arr{flex:none;width:18px;height:18px;color:var(--tx3);opacity:0;transform:translateX(6px);transition:opacity .15s,transform .15s}
.vs .vs__r.is-act .vs__arr,.vs .vs__r:hover .vs__arr{opacity:1;transform:none;color:var(--ac)}
.vs__ft{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:9px 18px;border-top:1px solid var(--bd);background:var(--bg2);font-size:12.5px;color:var(--tx3)}
.vs__hints{display:flex;align-items:center;gap:14px}
.vs__hint{display:inline-flex;align-items:center;gap:6px}
.vs__k{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border:1px solid var(--bd);border-radius:6px;background:var(--bg);color:var(--tx2);font:600 11px/1 'Cairo',sans-serif}
.vs__st{display:flex;align-items:center;gap:12px;margin-inline-start:auto}
.vs .vs__more,.vs .vs__more:hover{color:var(--mk)!important;font-weight:700;text-decoration:none!important}
.vs .vs__more:hover{text-decoration:underline!important}
.vs__empty{padding:34px 16px 26px;text-align:center}
.vs__eico{width:34px;height:34px;color:var(--ac);margin:0 auto 10px;display:block}
.vs__et{font-size:16px;font-weight:700;color:var(--tx)}
.vs__es{margin-top:4px;font-size:13.5px;color:var(--tx3)}
.vs__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.vs .vs__chip,.vs .vs__chip:hover{padding:6px 14px;border:1px solid var(--bd);border-radius:999px;color:var(--tx)!important;font-size:13px;font-weight:600;text-decoration:none!important;transition:background .15s,border-color .15s}
.vs .vs__chip:hover{background:var(--hv);border-color:var(--ac)}
.vs__sk{display:flex;align-items:center;gap:14px;padding:9px 10px}
.vs__sk i,.vs__sk b{display:block;border-radius:10px;background:linear-gradient(90deg,var(--bg2) 25%,var(--hv) 50%,var(--bg2) 75%);background-size:200% 100%;animation:vsk 1.2s linear infinite}
.vs__sk i{flex:none;width:56px;height:56px}
.vs__sk b{flex:1;height:14px;border-radius:7px}
@keyframes vsk{to{background-position:-200% 0}}
@media (max-width:640px){
 .vs{padding:10px}
 .vs__panel{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);border-radius:16px}
 .vs__top{padding:12px 14px}
 .vs__tabs{padding:10px 14px 2px;overflow-x:auto}
 .vs__hints{display:none}
 .vs__th{width:48px;height:48px}
 .vs__sk i{width:48px;height:48px}
 .vs__tt{font-size:14.5px}
 .vs__ft{padding:9px 14px}
}
@media (prefers-reduced-motion:reduce){
 .vs__bd,.vs__panel,.vs .vs__r,.vs__arr{transition:none!important}
 .vs__sk i,.vs__sk b{animation:none}
}
.vs__body{scrollbar-width:thin;scrollbar-color:rgba(176,141,87,.55) transparent}
.vs__body::-webkit-scrollbar{width:8px}
.vs__body::-webkit-scrollbar-track{background:transparent}
.vs__body::-webkit-scrollbar-thumb{background:rgba(176,141,87,.5);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
.vs__body::-webkit-scrollbar-thumb:hover{background:rgba(176,141,87,.8);background-clip:padding-box;border:2px solid transparent}

.vs__top,.vs__tabs,.vs__ft{flex:none}
.vs__tabs::-webkit-scrollbar{display:none}
.vs__tabs{scrollbar-width:none}