/* SZ Search 1.5 */
.szs{--szs-a:#6d28d9;--szs-a2:#f1ebfd;--szs-pop:#fff;--szs-line2:#c3cad6;--szs-mk:#fff3b0;--szs-meta:#475569;--szs-bg:#fff;--szs-soft:#f6f8fb;--szs-b:#e6e9ef;--szs-t:#1f2937;--szs-m:#6b7280;--szs-r:12px;box-sizing:border-box;direction:rtl;color:var(--szs-t)}
.szs *,.szs *::before,.szs *::after{box-sizing:border-box}
.szs input,.szs select,.szs button{font:inherit;color:inherit}

/* layout */
.szs-full{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}
.szs-form{background:var(--szs-bg);border:1px solid var(--szs-b);border-radius:16px;padding:16px;box-shadow:0 1px 2px rgba(16,24,40,.04);scrollbar-width:thin;scrollbar-color:#cfd5df transparent}
.szs-form::-webkit-scrollbar,.szs-opts::-webkit-scrollbar{width:6px}
.szs-form::-webkit-scrollbar-thumb,.szs-opts::-webkit-scrollbar-thumb{background:#cfd5df;border-radius:6px}

/* search box + category */
.szs-q input,.szs-live input[type=search]{width:100%;height:44px;padding:0 40px 0 12px;border:1px solid var(--szs-b);border-radius:10px;background:var(--szs-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%236b7280' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat right 12px center;transition:border-color .15s,background-color .15s}
.szs-q input:focus,.szs-live input[type=search]:focus,.szs-os:focus,.szs-range input:focus{outline:0;border-color:var(--szs-a);background-color:var(--szs-pop);box-shadow:0 0 0 3px rgba(109,40,217,.14)}
.szs-cat{width:100%;height:42px;margin-top:10px;padding:0 10px;border:1px solid var(--szs-b);border-radius:10px;background:var(--szs-bg);cursor:pointer}

/* sections */
.szs-f{border:0;padding:10px 0 0;min-width:0;border-top:1px solid var(--szs-b);margin:10px 0 0}
.szs-f legend{float:right;width:100%;display:flex;align-items:center;gap:8px;padding:4px 0;margin:0 0 8px;font-weight:700;font-size:14px;cursor:pointer;user-select:none}
.szs-f.szs-closed legend{margin-bottom:0}
.szs-lt{flex:1}
.szs-lc{font-style:normal;font-size:11px;font-weight:700;min-width:20px;height:20px;line-height:20px;text-align:center;border-radius:10px;background:var(--szs-a);color:#fff;padding:0 6px}
.szs-lc:empty{display:none}
.szs-f legend:hover .szs-lt{color:var(--szs-a)}
.szs-f legend::after{content:"";flex:none;width:7px;height:7px;border-left:2px solid var(--szs-m);border-bottom:2px solid var(--szs-m);transform:rotate(-45deg);margin:0 2px 4px;transition:transform .2s}
.szs-f.szs-closed legend::after{transform:rotate(45deg);margin-bottom:0}
.szs-f.szs-closed>*:not(legend){display:none}
.szs-f>*:not(legend){clear:both}
.szs-os{width:100%;height:36px;padding:0 10px;margin-bottom:6px;border:1px solid var(--szs-b);border-radius:8px;background:var(--szs-soft);font-size:13px}
.szs-opts{max-height:240px;overflow:auto;margin:0 -4px;padding:0 4px;scrollbar-width:thin;scrollbar-color:#cfd5df transparent}

/* option rows */
.szs-o{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:14px;line-height:1.5;transition:background-color .12s}
.szs-o:hover{background:var(--szs-soft)}
.szs-o span{flex:0 1 auto;min-width:0}
.szs-c{font-style:normal;font-size:11px;color:var(--szs-m);background:var(--szs-soft);border-radius:10px;padding:0 7px;min-width:22px;text-align:center;flex:none}
.szs-c:empty{display:none}
.szs-o:hover .szs-c{background:var(--szs-pop)}
.szs-zero{opacity:.45}
.szs-o.szs-hide{display:none}
/* 2.43: «گزینه‌های بدون نتیجه پنهان شوند» — hidden attribute was overridden by display:flex */
.szs-o[hidden]{display:none}
.szs-lsec{display:inline-block;max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;margin-right:.3em}
.szs-f.szs-off{display:none}
.szs-tabs{display:flex;gap:4px;overflow-x:auto;margin-bottom:14px;padding:4px;background:var(--szs-soft);border-radius:14px;scrollbar-width:none}
.szs-tabs::-webkit-scrollbar{display:none}
.szs-tab{margin:0;flex:none}
.szs-tab input{position:absolute;opacity:0;pointer-events:none}
.szs-tab span{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:10px;font-size:14px;font-weight:600;color:var(--szs-m);cursor:pointer;white-space:nowrap;transition:all .15s}
.szs-tab span:hover{color:var(--szs-t)}
.szs-tab input:checked+span{background:var(--szs-pop);color:var(--szs-a);box-shadow:0 1px 3px rgba(16,24,40,.12)}
.szs-tab input:focus-visible+span{outline:2px solid var(--szs-a);outline-offset:2px}
.szs-more{display:block;margin:4px 0 0;padding:4px 8px;border:0;background:none;color:var(--szs-a);font-size:13px;cursor:pointer}
.szs-more:hover{text-decoration:underline}
.szs-more[hidden]{display:none}
.szs-o input[type=checkbox],.szs-o input[type=radio]{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin:0;border:1.5px solid var(--szs-line2);border-radius:5px;background:var(--szs-pop) center/12px no-repeat;cursor:pointer;transition:all .12s}
.szs-o input[type=radio]{border-radius:50%}
.szs-o input:checked{background-color:var(--szs-a);border-color:var(--szs-a);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.5'%3E%3Cpath d='m3.5 8.5 3 3 6-7'/%3E%3C/svg%3E")}
.szs-o input[type=radio]:checked{background-image:radial-gradient(#fff 35%,transparent 40%)}
.szs-o input:focus-visible{outline:2px solid var(--szs-a);outline-offset:2px}
.szs-o:has(input:checked) span{font-weight:600;color:var(--szs-a)}

/* tree */
.szs-d1{margin-right:20px}.szs-d2{margin-right:40px}.szs-d3{margin-right:60px}.szs-d4{margin-right:80px}
.szs-d1,.szs-d2,.szs-d3,.szs-d4{position:relative;font-size:13px}
.szs-d1::before,.szs-d2::before,.szs-d3::before,.szs-d4::before{content:"";position:absolute;right:-12px;top:50%;width:8px;height:1px;background:var(--szs-line2)}

/* toggle switch */
.szs-ui-toggle{padding-top:10px}
.szs-toggle{padding:6px 0}
.szs-toggle input[type=checkbox]{width:38px;height:22px;border-radius:22px;border:0;background:#d5dbe5;position:relative;background-image:none!important}
.szs-toggle input[type=checkbox]::before{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:var(--szs-pop);box-shadow:0 1px 2px rgba(0,0,0,.2);transition:right .18s}
.szs-toggle input:checked{background:var(--szs-a)}
.szs-toggle input:checked::before{right:19px}
.szs-toggle:hover{background:transparent}

/* range */
.szs-range{display:flex;gap:8px;align-items:center}
.szs-range span{color:var(--szs-m);font-size:13px}
.szs-range input{width:100%;height:38px;padding:0 10px;border:1px solid var(--szs-b);border-radius:8px;background:var(--szs-soft);text-align:center}

/* dropdown with search */
.szs-dd{position:relative}
.szs-dd summary{list-style:none;cursor:pointer;height:42px;padding:0 12px;border:1px solid var(--szs-b);border-radius:10px;background:var(--szs-bg);display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}
.szs-dd summary::-webkit-details-marker{display:none}
.szs-dd summary::after{content:"";width:7px;height:7px;border-left:2px solid var(--szs-m);border-bottom:2px solid var(--szs-m);transform:rotate(-45deg);flex:none;margin-top:-4px}
.szs-dd[open] summary{border-color:var(--szs-a);box-shadow:0 0 0 3px rgba(109,40,217,.14)}
.szs-dd-on summary{border-color:var(--szs-a);color:var(--szs-a);background:var(--szs-a2);font-weight:600}
.szs-dd-v{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.szs-dd-p{margin-top:6px;background:var(--szs-bg);border:1px solid var(--szs-b);border-radius:12px;padding:8px}

.szs-reset{margin-top:16px;width:100%;height:40px;border:1px dashed var(--szs-line2);background:transparent;border-radius:10px;cursor:pointer;color:var(--szs-m);transition:all .15s}
.szs-reset:hover{border-color:#e11d48;color:#e11d48;background:#fff1f3}

/* top bar */
.szs-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.szs-sorts{display:flex;flex-wrap:wrap;gap:6px}
.szs-sort{margin:0}
.szs-sort input{position:absolute;opacity:0;pointer-events:none}
.szs-sort span{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 14px;border:1px solid var(--szs-b);border-radius:18px;background:var(--szs-bg);font-size:13px;cursor:pointer;white-space:nowrap;transition:all .15s}
.szs-sort span:hover{border-color:var(--szs-line2);background:var(--szs-soft)}
.szs-sort input:checked+span{background:var(--szs-t);border-color:var(--szs-t);color:#fff}
.szs-sort input:focus-visible+span{outline:2px solid var(--szs-a);outline-offset:2px}
.szs-sort-popular span{color:#d6336c;border-color:#f6c9d6;background:#fff7fa}
.szs-sort-popular input:checked+span{background:#d6336c;border-color:#d6336c;color:#fff}
.szs-sort-downloads span,.szs-sort-downloads_30d span,.szs-sort-downloads_7d span{color:#15803d;border-color:#bfe5cc;background:#f4fbf6}
.szs-sort-downloads input:checked+span,.szs-sort-downloads_30d input:checked+span,.szs-sort-downloads_7d input:checked+span{background:#15803d;border-color:#15803d;color:#fff}
.szs-total{color:var(--szs-m);font-size:13px;white-space:nowrap}
.szs-ftoggle{display:none;height:36px;padding:0 14px;border:1px solid var(--szs-b);border-radius:18px;background:var(--szs-bg);cursor:pointer}

/* active filter chips */
.szs-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.szs-chips:empty{display:none}
.szs-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 6px 0 12px;border:0;border-radius:15px;background:var(--szs-a2);color:var(--szs-a);font-size:13px;cursor:pointer}
.szs-chip b{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:rgba(109,40,217,.15);font-weight:400;font-size:13px;line-height:1}
.szs-chip:hover b{background:var(--szs-a);color:#fff}
.szs-chip-all{background:transparent;color:var(--szs-m);text-decoration:underline;padding:0 6px}

/* results */
.szs-loading .szs-results{opacity:.45;pointer-events:none;transition:opacity .15s}
.szs-grid{display:grid;gap:18px}
.szs-cols-1{grid-template-columns:1fr}.szs-cols-2{grid-template-columns:repeat(2,1fr)}.szs-cols-3{grid-template-columns:repeat(3,1fr)}.szs-cols-4{grid-template-columns:repeat(4,1fr)}
.szs-item{background:var(--szs-bg);border:1px solid var(--szs-b);border-radius:var(--szs-r);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.szs-item:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(16,24,40,.10)}
.szs-thumb{display:block;overflow:hidden;background:var(--szs-soft)}
.szs-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .3s}
.szs-item:hover .szs-thumb img{transform:scale(1.04)}
.szs-title{font-size:15px;font-weight:700;line-height:1.75;margin:12px 14px 8px}
.szs-title a{color:inherit;text-decoration:none}
.szs-title a:hover{color:var(--szs-a)}
.szs-badges{display:flex;flex-wrap:wrap;gap:4px;margin:0 14px 10px}
.szs-badge{font-size:11px;background:var(--szs-soft);color:var(--szs-meta);border:1px solid var(--szs-b);border-radius:6px;padding:2px 8px}
.szs-b-access{background:#fff8e6;border-color:#fde7b0;color:#92600a}
.szs-foot{display:flex;gap:12px;align-items:center;margin:auto 14px 0;padding:10px 0 12px;border-top:1px solid var(--szs-b);font-size:12px;color:var(--szs-m)}
.szs-date{flex:1}
.szs-stat{white-space:nowrap}
.szs-empty{padding:40px 20px;text-align:center;color:var(--szs-m);background:var(--szs-soft);border-radius:var(--szs-r)}
.szs-retry{margin-right:6px;padding:4px 12px;border:1px solid var(--szs-b);border-radius:8px;background:var(--szs-bg);cursor:pointer}

/* category results */
.szs-terms{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:16px;padding:10px 12px;background:var(--szs-soft);border-radius:var(--szs-r)}
.szs-terms-t{color:var(--szs-m);font-size:13px;margin-left:4px}
.szs-terms a{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--szs-b);border-radius:15px;background:var(--szs-pop);font-size:13px;text-decoration:none;color:inherit}
.szs-terms a:hover{border-color:var(--szs-a);color:var(--szs-a)}
.szs-terms em,.szs-live-terms em{font-style:normal;color:var(--szs-m);font-size:11px}

/* pager */
.szs-pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:24px}
.szs-pager button{min-width:38px;height:38px;padding:0 12px;border:1px solid var(--szs-b);background:var(--szs-bg);border-radius:10px;cursor:pointer}
.szs-pager button:hover{background:var(--szs-soft)}
.szs-pager button.on{background:var(--szs-a);border-color:var(--szs-a);color:#fff}
.szs-pager span{align-self:center;color:var(--szs-m)}

/* live search */
.szs-live{position:relative}
.szs-live-form{display:flex;gap:6px}
.szs-live-form .szs-cat{width:auto;max-width:40%;height:44px;margin:0}
.szs-live-form button{flex:none;width:44px;height:44px;border:0;border-radius:10px;background:var(--szs-a);color:#fff;cursor:pointer}
.szs-drop{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:9999;background:var(--szs-bg);border:1px solid var(--szs-b);border-radius:14px;box-shadow:0 16px 40px rgba(16,24,40,.16);max-height:70vh;overflow:auto;padding:6px}
.szs-live-h{font-size:11px;font-weight:700;color:var(--szs-m);padding:8px 10px 4px}
.szs-live-list{list-style:none;margin:0;padding:0}
.szs-live-list a{display:flex;gap:10px;align-items:center;padding:8px;border-radius:10px;color:inherit;text-decoration:none;font-size:14px;line-height:1.6}
.szs-live-list a:hover{background:var(--szs-soft)}
.szs-live-list a span{flex:1}
.szs-live-list img{width:64px;height:40px;object-fit:cover;border-radius:6px;flex:none}
.szs-all{display:block;text-align:center;padding:10px;margin-top:4px;border-top:1px solid var(--szs-b);font-size:13px;font-weight:600;text-decoration:none}

/* responsive */
@media(max-width:1100px){.szs-cols-4,.szs-cols-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
.szs-full{grid-template-columns:1fr}
.szs-form{display:none;position:static;max-height:none}
.szs-fopen .szs-form{display:block}
.szs-ftoggle{display:inline-flex;align-items:center;gap:6px}
}
@media(max-width:520px){.szs-grid{grid-template-columns:1fr!important}.szs-sort span{height:32px;padding:0 10px}}
@media(prefers-reduced-motion:reduce){.szs *{transition:none!important}}

/* 2.0: top search bar, tools, list view */
.szs-top{grid-column:1/-1;display:flex;gap:0;padding:8px;background:var(--szs-bg);border:1px solid var(--szs-b);border-radius:16px;box-shadow:0 2px 8px rgba(16,24,40,.05)}
.szs-top input[type=search]{flex:1;min-width:0;height:48px;padding:0 16px;border:1px solid var(--szs-b);border-left:0;border-radius:0 12px 12px 0;background:var(--szs-soft);font-size:15px}
.szs-top input[type=search]:focus{outline:0;border-color:var(--szs-a);background:var(--szs-pop)}
.szs .szs-go{flex:none;height:48px;padding:0 22px;border:0;border-radius:12px 0 0 12px;background:var(--szs-a);color:#fff;font-weight:700;cursor:pointer;white-space:nowrap}
.szs-go:hover{filter:brightness(1.08)}
.szs-fhead{font-weight:800;font-size:15px;padding-bottom:12px;border-bottom:1px solid var(--szs-b);color:var(--szs-t)}
.szs-fhead+.szs-f{border-top:0;margin-top:0}
.szs-tools{display:flex;align-items:center;gap:8px}
.szs-pp{height:36px;padding:0 8px;border:1px solid var(--szs-b);border-radius:10px;background:var(--szs-bg);cursor:pointer}
.szs-views{display:inline-flex;border:1px solid var(--szs-b);border-radius:10px;overflow:hidden}
.szs-views button{width:36px;height:34px;border:0;background:var(--szs-bg);color:var(--szs-m);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.szs-views button[aria-pressed=true]{background:var(--szs-a);color:#fff}
.szs-rlab{font-size:12px;color:var(--szs-m);margin:8px 0 6px}
.szs-body{display:flex;flex-direction:column;flex:1;min-width:0}
.szs-exc{display:none;margin:0 14px 10px;font-size:13px;line-height:1.9;color:var(--szs-m)}
.szs-list .szs-grid{grid-template-columns:1fr!important;gap:12px}
.szs-list .szs-item{flex-direction:row;align-items:stretch}
.szs-list .szs-item:hover{transform:none}
.szs-list .szs-thumb{flex:none;width:240px}
.szs-list .szs-thumb img{height:100%;aspect-ratio:auto;min-height:135px}
.szs-list .szs-exc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.szs-list .szs-foot{border-top:0;padding-top:0}
@media(max-width:600px){.szs-list .szs-thumb{width:120px}.szs-list .szs-exc{display:none}.szs-top input[type=search]{height:44px}.szs-go{height:44px;padding:0 14px}}

/* 2.1 */
.szs-bar .szs-tools{margin-right:auto}
.szs-f.szs-fixed legend{cursor:default}
.szs-f.szs-fixed legend::after{display:none}
.szs-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0 14px 8px;font-size:12px;color:var(--szs-meta)}
.szs-mi{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.szs-mi i{font-style:normal;font-size:13px;line-height:1}
@media(max-width:520px){.szs-meta{gap:2px 10px;font-size:11.5px}}

/* 2.2: duration/files at the bottom of the card, date on the left */
.szs-foot{flex-wrap:wrap;gap:4px 12px}
.szs-foot .szs-date{flex:0 0 auto;margin-right:auto}
.szs-foot .szs-mi{color:var(--szs-meta)}

/* 2.3 */
.szs-title mark{background:var(--szs-mk);color:inherit;border-radius:3px;padding:0 1px}
.szs-nothumb{display:flex!important;align-items:center;justify-content:center;aspect-ratio:16/9;color:var(--szs-line2);background:var(--szs-soft)}
.szs-list .szs-nothumb{aspect-ratio:auto;min-height:135px}
.szs-empty p{margin:0 0 6px}
.szs-empty-s{font-size:13px}
.szs .szs-clear-all{margin-top:10px;height:38px;padding:0 16px;border:1px solid var(--szs-a);border-radius:10px;background:var(--szs-pop);color:var(--szs-a);cursor:pointer}
.szs .szs-showres{display:none;margin-top:10px;width:100%;height:44px;border:0;border-radius:10px;background:var(--szs-a);color:#fff;font-weight:700;cursor:pointer}
@media(max-width:900px){
.szs .szs-showres{display:block;position:sticky;bottom:10px}
.szs-sorts{flex-wrap:wrap;overflow:visible;max-width:100%}
.szs-sorts::-webkit-scrollbar{display:none}
.szs-bar{flex-wrap:wrap}
.szs-bar .szs-tools{margin-right:0;width:100%;justify-content:space-between}
}

/* 2.4 live search */
.szs-live-box{position:relative;flex:1;display:flex}
.szs-live-form{flex-direction:column;gap:8px}
.szs-live-box input[type=search]{padding-left:52px!important;background-position:right 12px center}
.szs .szs-live-box button{position:absolute;left:4px;top:4px;width:40px;height:36px;border:0;border-radius:8px;background:var(--szs-a);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.szs-spin{position:absolute;left:52px;top:50%;width:16px;height:16px;margin-top:-8px;border:2px solid var(--szs-b);border-top-color:var(--szs-a);border-radius:50%;opacity:0;animation:szs-rot .7s linear infinite}
.szs-busy .szs-spin{opacity:1}
@keyframes szs-rot{to{transform:rotate(360deg)}}
.szs-live-cats{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.szs-lchip{margin:0}
.szs-lchip input{position:absolute;opacity:0;pointer-events:none}
.szs-lchip span{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--szs-b);border-radius:15px;background:var(--szs-bg);font-size:12.5px;cursor:pointer;transition:all .15s}
.szs-lchip span::before{content:"";width:12px;height:12px;margin-left:6px;border:1.5px solid var(--szs-line2);border-radius:4px;background:var(--szs-pop) center/9px no-repeat}
.szs-lchip input:checked+span{border-color:var(--szs-a);background:var(--szs-a2);color:var(--szs-a);font-weight:600}
.szs-lchip input:checked+span::before{background-color:var(--szs-a);border-color:var(--szs-a);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='3'%3E%3Cpath d='m3.5 8.5 3 3 6-7'/%3E%3C/svg%3E")}
.szs-lchip input:focus-visible+span{outline:2px solid var(--szs-a);outline-offset:2px}
.szs-adv-link{margin-right:auto;font-size:12.5px;font-weight:600;color:var(--szs-a);text-decoration:none}
.szs-adv-link:hover{text-decoration:underline}
.szs-live .szs-drop{top:calc(100% + 6px)}
.szs-live-list a>span,.szs-live-list a .szs-live-m span{flex:none}
.szs-live-list a>.szs-live-tx,.szs-live-terms a>span:nth-child(2){flex:1}
.szs-live-list a.szs-act{background:var(--szs-a2)}
.szs-live-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.szs-live-t{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.szs-live-t mark,.szs-live-list mark{background:var(--szs-mk);color:inherit;border-radius:3px}
.szs-live-m{display:flex;flex-wrap:wrap;gap:0 10px;font-size:11.5px;color:var(--szs-m)}
.szs-live-noimg{width:64px;height:40px;border-radius:6px;background:var(--szs-soft);flex:none}
.szs-live-terms a{gap:8px}
.szs-lt-ic{width:28px;height:28px;border-radius:8px;background:var(--szs-a2);color:var(--szs-a);display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:none}
.szs-live-terms a span:nth-child(2){flex:1}
.szs-live-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding:8px 10px 4px;border-top:1px solid var(--szs-b)}
.szs-live-foot .szs-all{border:0;margin:0;padding:0}
.szs-adv{font-size:13px;font-weight:700;color:var(--szs-a);text-decoration:none;margin-right:auto}


/* 2.4.1: theme list styles off, button icon always visible */
.szs .szs-live-list,.szs .szs-live-list li{list-style:none!important;margin:0!important;padding:0!important;background:none}
.szs .szs-live-list li::before,.szs .szs-live-list li::marker{content:none!important;display:none!important}
.szs .szs-live-list a{padding:8px}
.szs .szs-live-box button svg{display:block!important;stroke:#fff}
.szs-live .szs-drop{z-index:100000}

/* 2.5: coloured labels on the image */
.szs-thumb{position:relative}
.szs-lbls{position:absolute;top:8px;left:8px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}
.szs-lbl{display:inline-block;padding:3px 9px;border-radius:6px;color:#fff;font-size:11.5px;font-weight:700;line-height:1.6;box-shadow:0 2px 6px rgba(0,0,0,.25);white-space:nowrap}
@media(max-width:520px){.szs-lbl{font-size:10.5px;padding:2px 7px}}

/* 2.6: subtitle icon with explanation on hover */
.szs-ccs{position:absolute;bottom:8px;left:8px;z-index:2;display:flex;gap:4px}
.szs-cc{position:relative;display:inline-flex;align-items:center;gap:3px;height:24px;padding:0 7px;border-radius:6px;background:rgba(15,23,42,.78);color:#fff;font-size:11px;line-height:1;backdrop-filter:blur(2px);cursor:help}
.szs-cc b{font-weight:800;letter-spacing:.3px}
.szs-cc::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:0;width:max-content;max-width:190px;padding:6px 10px;border-radius:8px;background:#111827;color:#fff;font-size:12px;font-weight:500;line-height:1.6;white-space:normal;box-shadow:0 6px 16px rgba(0,0,0,.25);opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s;pointer-events:none}
.szs-cc:hover::after,.szs-cc:focus::after{opacity:1;transform:none}
.szs-cc:focus{outline:2px solid #fff;outline-offset:1px}

/* 2.6: live search polish */
.szs-live{--szs-live-h:50px}
.szs-live-box input[type=search]{height:var(--szs-live-h)!important;border-radius:14px!important;font-size:15px!important;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.szs .szs-live-box button{top:5px;left:5px;width:48px;height:40px;border-radius:10px}
.szs-spin{left:62px}
.szs-live .szs-drop{border-radius:16px;padding:8px;box-shadow:0 20px 48px rgba(16,24,40,.18),0 2px 6px rgba(16,24,40,.06);animation:szs-in .14s ease-out}
@keyframes szs-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.szs-live-h{display:flex;align-items:center;gap:6px;font-size:11.5px;letter-spacing:.2px;padding:10px 10px 6px}
.szs-live-list li+li{border-top:1px solid var(--szs-b)}
.szs .szs-live-list a{padding:10px;border-radius:12px;transition:background-color .12s}
.szs-live-list img,.szs-live-noimg{width:76px;height:48px;border-radius:8px}
.szs-live-t{font-size:14px;font-weight:600;line-height:1.7;color:var(--szs-t)}
.szs-live-m{align-items:center;gap:4px 10px;margin-top:2px}
.szs-lp{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:5px;font-size:10.5px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}
.szs-lp-cc{--c:#334155;border:1px solid var(--szs-b);background:transparent}
.szs-live-foot{padding:10px 10px 4px}
.szs .szs-adv{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:9px;background:var(--szs-a2);color:var(--szs-a)}
.szs-live-cats{padding:0 2px}

/* 2.6: dark mode of the Jannah theme (.dark-skin) and of the system when the theme follows it */
.dark-skin .szs{--szs-bg:#1d1f24;--szs-pop:#23262c;--szs-soft:rgba(255,255,255,.06);--szs-b:rgba(255,255,255,.11);--szs-t:#e5e7eb;--szs-m:#9aa3b2;--szs-a:#a78bfa;--szs-a2:rgba(167,139,250,.14);--szs-line2:rgba(255,255,255,.25);--szs-mk:rgba(250,204,21,.28);--szs-meta:#cbd5e1}
.dark-skin .szs-form,.dark-skin .szs-item,.dark-skin .szs-top{box-shadow:none}
.dark-skin .szs-item:hover{box-shadow:0 10px 24px rgba(0,0,0,.35)}
.dark-skin .szs .szs-go,.dark-skin .szs .szs-live-box button,.dark-skin .szs .szs-showres,.dark-skin .szs-pager button.on,.dark-skin .szs-views button[aria-pressed=true],.dark-skin .szs-o input:checked{background-color:#7c3aed;border-color:#7c3aed}
.dark-skin .szs-sort input:checked+span{background:#e5e7eb;border-color:#e5e7eb;color:#111827}
.dark-skin .szs-sort-popular span{background:rgba(214,51,108,.12);border-color:rgba(214,51,108,.35);color:#f9a8c4}
.dark-skin .szs-sort-downloads span,.dark-skin .szs-sort-downloads_30d span,.dark-skin .szs-sort-downloads_7d span{background:rgba(21,128,61,.14);border-color:rgba(34,197,94,.35);color:#86efac}
.dark-skin .szs-b-access{background:rgba(234,179,8,.12);border-color:rgba(234,179,8,.3);color:#fde68a}
.dark-skin .szs-reset:hover{background:rgba(225,29,72,.12)}
.dark-skin .szs-live .szs-drop{box-shadow:0 20px 48px rgba(0,0,0,.55)}
.dark-skin .szs-lp-cc{--c:#cbd5e1}
.dark-skin .szs-toggle input[type=checkbox]{background:rgba(255,255,255,.18)}
.dark-skin .szs-toggle input:checked{background:#7c3aed}
.dark-skin .szs input,.dark-skin .szs select{color:var(--szs-t)}
.dark-skin .szs select option{background:#23262c;color:#e5e7eb}

/* 2.6: mobile live search */
@media(max-width:600px){
.szs-live{--szs-live-h:46px}
.szs .szs-live-box button{height:36px;width:42px}
.szs-live .szs-drop{border-radius:14px;padding:6px}
.szs-live-list img,.szs-live-noimg{width:64px;height:40px}
.szs-live-t{font-size:13.5px}
.szs-live-cats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.szs-live-cats::-webkit-scrollbar{display:none}
.szs-lchip{flex:none}
.szs-live-foot{flex-wrap:wrap}
}

/* 2.7: local icons (assets/icons/*.svg), coloured with the text colour */
.szs-ic{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.18em;background-color:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;flex:none}
.szs-ic-search{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")}
.szs-ic-clock{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.szs-ic-disk{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M3 13h18'/%3E%3Ccircle cx='17' cy='16' r='.6' fill='%23000'/%3E%3C/svg%3E")}
.szs-ic-heart{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E")}
.szs-ic-download{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E")}
.szs-ic-filter{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16'/%3E%3Cpath d='M7 12h10'/%3E%3Cpath d='M10 18h4'/%3E%3C/svg%3E")}
.szs-ic-file{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3C/svg%3E")}
.szs .szs-live-box button .szs-ic,.szs-go .szs-ic{width:20px;height:20px;color:#fff;background-color:#fff}
.szs-mi .szs-ic,.szs-live-m .szs-ic{opacity:.75}
.szs-mi{direction:rtl;unicode-bidi:isolate}

/* 2.7: subtitle icons stacked */
.szs-ccs{flex-direction:column;align-items:flex-start}

/* 2.7: mobile — nothing may widen the page */
.szs-full>*,.szs-main,.szs-bar,.szs-results,.szs-grid,.szs-item{min-width:0;max-width:100%}
.szs{max-width:100%;overflow-wrap:anywhere}
@media(max-width:900px){
.szs-full{gap:14px}
.szs-top{padding:6px}
.szs-tabs{margin-bottom:10px}
.szs-bar{gap:8px}
.szs-sorts{width:100%}
.szs-form{padding:12px}
}
@media(max-width:520px){
.szs-top input[type=search]{font-size:14px;padding:0 12px}
.szs .szs-go{padding:0 14px;font-size:0}
.szs .szs-go .szs-ic{font-size:14px}
.szs-tab span{height:36px;padding:0 14px;font-size:13px}
.szs-title{font-size:14px;margin:10px 12px 6px}
.szs-foot{margin:auto 12px 0;padding:8px 0 10px}
}
.szs-sort,.szs-tab,.szs-lchip{position:relative}
.szs-sort input,.szs-tab input,.szs-lchip input{top:0;left:0;width:1px;height:1px;margin:0}

/* 2.7.2: mobile sort buttons in an even 3-column grid */
@media(max-width:900px){
.szs-sorts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.szs-sort{min-width:0}
.szs-sort span{width:100%;justify-content:center;padding:0 6px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}
}

/* 2.7.3: CC badge — icon first, then EN/FA */
.szs-cc{direction:ltr}
.szs-cc::after{direction:rtl}

/* 2.15: category bar — same look as the main search page (.szs-top box, chip buttons like the sort chips, main cards) */
.szs-cb{margin:16px 0 4px}
.szs-cb .szs-top{margin-bottom:10px}
.szs-cb-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.szs-cb-dd{position:relative}
.szs-cb-dd summary{list-style:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px 0 30px;border:1px solid var(--szs-b);border-radius:18px;background:var(--szs-bg);font-size:13px;line-height:1;cursor:pointer;white-space:nowrap;user-select:none;position:relative;transition:all .15s}
.szs-cb-dd summary::-webkit-details-marker{display:none}
.szs-cb-dd summary::after{content:"";position:absolute;left:13px;top:50%;width:5px;height:5px;margin-top:-4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.55;transition:transform .15s}
.szs-cb-open summary::after{transform:rotate(-135deg);margin-top:-1px}
.szs-cb-dd summary:hover{border-color:var(--szs-line2);background:var(--szs-soft)}
.szs-cb-open summary{border-color:var(--szs-a)}
.szs-cb-on summary{border-color:var(--szs-a);background:var(--szs-a2);color:var(--szs-a)}
.szs-cb-n{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--szs-a);color:#fff;font-size:11px;line-height:18px;text-align:center}
.szs .szs-cb-clear{height:36px;padding:0 12px;border:0;border-radius:18px;background:transparent;color:var(--szs-a);font-size:13px;cursor:pointer}
.szs .szs-cb-clear:hover{background:var(--szs-a2)}
.szs-cb-pop{display:none}
.szs-cb-float{position:fixed;z-index:9999;display:block;width:260px;max-width:calc(100vw - 32px);margin:0;padding:8px;border:1px solid var(--szs-b);border-radius:12px;background:var(--szs-pop);box-shadow:0 10px 28px rgba(15,23,42,.14);font-size:13px;line-height:1.6;text-align:right}
.szs-cb-float[hidden]{display:none!important}
.szs-cb-float .szs-cb-find{width:100%;height:34px;margin:0 0 6px;padding:0 10px;border:1px solid var(--szs-b);border-radius:8px;background:var(--szs-soft);color:var(--szs-t);font-size:13px}
.szs-cb-float .szs-cb-find:focus{outline:0;border-color:var(--szs-a)}
.szs-cb-opts{max-height:260px;overflow-y:auto;overscroll-behavior:contain}
.szs-cb-o{display:flex;align-items:center;gap:8px;margin:0;padding:7px 8px;border-radius:8px;cursor:pointer}
.szs-cb-o:hover{background:var(--szs-soft)}
.szs-cb-o input{margin:0;width:16px;height:16px;accent-color:var(--szs-a)}
.szs-cb-o input:checked+span{color:var(--szs-a);font-weight:600}
.szs-cb-o[hidden]{display:none}
.szs-cb-res{margin-top:16px}
.szs-cb-res[hidden]{display:none}
.szs-cb-head{margin-bottom:10px}
.dark-skin .szs-cb-float{box-shadow:0 10px 28px rgba(0,0,0,.45)}
@media(max-width:520px){.szs-cb-float{width:auto}}

/* 2.16: category bar — option limit hint, scope note with link to the full search */
.szs-cb-more,.szs-cb-none{margin:6px 4px 0;font-size:12px;color:var(--szs-m)}
.szs-cb-note{display:flex;align-items:flex-start;gap:8px;margin:10px 0 0;padding:8px 12px;border-radius:10px;background:var(--szs-a2);color:var(--szs-t);font-size:12.5px;line-height:1.9}
.szs-cb-note-i{flex:0 0 18px;width:18px;height:18px;margin-top:3px;border-radius:50%;background:var(--szs-a);color:#fff;font:700 11px/18px Georgia,serif;text-align:center}
.szs .szs-cb-adv{display:inline-flex;align-items:center;gap:4px;margin-right:4px;padding:1px 10px;border-radius:12px;background:var(--szs-a);color:#fff;font-weight:600;text-decoration:none;white-space:nowrap}
.szs .szs-cb-adv:hover{opacity:.9;color:#fff}
.szs .szs-cb-adv .szs-ic{width:14px;height:14px;color:#fff;background-color:#fff}

/* 2.17: live form — hero look (home page); CSS only, no images or fonts */
.szs-live{--szs-live-h:58px}
.szs-live-form{gap:12px}
.szs-live-box{border-radius:18px;background:var(--szs-bg);box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 28px rgba(109,40,217,.10);transition:box-shadow .2s}
.szs-live-box:focus-within{box-shadow:0 0 0 3px var(--szs-a2),0 10px 32px rgba(109,40,217,.16)}
.szs-live-box input[type=search]{height:var(--szs-live-h)!important;padding-right:20px!important;padding-left:140px!important;border:1px solid var(--szs-b)!important;border-radius:18px!important;background:var(--szs-bg)!important;font-size:16px!important;box-shadow:none!important}
.szs-live-box input[type=search]:focus{border-color:var(--szs-a)!important;outline:0}
.szs .szs-live-box button{top:7px;left:7px;width:auto;height:44px;padding:0 20px;gap:8px;border-radius:13px;background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px rgba(109,40,217,.28);font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s}
.szs .szs-live-box button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(109,40,217,.34)}
.szs .szs-live-box .szs-spin{left:128px}
.szs-live-cats{gap:8px;padding:0 4px}
.szs-live-in{font-size:12.5px;color:var(--szs-m);white-space:nowrap}
.szs-lchip span{height:32px;padding:0 14px;border-radius:16px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.szs-lchip span:hover{border-color:var(--szs-a);color:var(--szs-a)}
.szs .szs-adv-link{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:1px solid var(--szs-a);border-radius:16px;background:var(--szs-a2);font-size:12.5px;text-decoration:none;white-space:nowrap;transition:all .15s}
.szs .szs-adv-link:hover{background:var(--szs-a);color:#fff;text-decoration:none}
.szs-adv-link .szs-ic{width:14px;height:14px}
.szs-live .szs-drop{border-radius:16px}
.dark-skin .szs-live-box{box-shadow:0 8px 28px rgba(0,0,0,.35)}
@media(max-width:600px){
.szs-live{--szs-live-h:52px}
.szs-live-box input[type=search]{padding-left:62px!important;font-size:15px!important}
.szs .szs-live-box button{top:6px;left:6px;height:40px;padding:0 12px}
.szs-live-bt{display:none}
.szs .szs-live-box .szs-spin{left:58px}
.szs-live-in{display:none}
}

/* 2.20: live form hero — full-width band, skins via variables (light/dark/purple/blue/custom), CSS only */
body:has(.szs-live-hero){overflow-x:clip}
.szs-live-hero{--h-bg:linear-gradient(180deg,#f8fafc,#eef2ff);--h-t:#111827;--h-s:#6b7280;--h-grid:rgba(15,23,42,.05);--h-glow:rgba(124,58,237,.10);
--h-chip-b:var(--szs-b);--h-chip-bg:#fff;--h-chip-t:#374151;--h-adv-b:var(--szs-a);--h-adv-t:var(--szs-a);--h-line:#e5e7eb;
position:relative;width:100vw;max-width:100vw;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);padding:64px 20px 56px;overflow:hidden;background:var(--h-bg);border-top:1px solid var(--h-line);border-bottom:1px solid var(--h-line)}
.szs-hero-dark{--h-bg:radial-gradient(600px 300px at 85% -10%,rgba(139,92,246,.45),transparent 70%),linear-gradient(135deg,#0f172a,#1e1b4b);--h-t:#fff;--h-s:rgba(255,255,255,.72);--h-grid:rgba(255,255,255,.05);--h-glow:rgba(124,58,237,.30)}
.szs-hero-purple{--h-bg:linear-gradient(135deg,#5b21b6,#7c3aed 55%,#8b5cf6);--h-t:#fff;--h-s:rgba(255,255,255,.8);--h-grid:rgba(255,255,255,.08);--h-glow:rgba(255,255,255,.12)}
.szs-hero-blue{--h-bg:linear-gradient(135deg,#0a4fd6,#0669ff 60%,#3b8bff);--h-t:#fff;--h-s:rgba(255,255,255,.82);--h-grid:rgba(255,255,255,.08);--h-glow:rgba(255,255,255,.12)}
.szs-hero-custom{--h-bg:linear-gradient(135deg,var(--h1),var(--h2));--h-t:#fff;--h-s:rgba(255,255,255,.8);--h-grid:rgba(255,255,255,.08);--h-glow:rgba(255,255,255,.12)}
.szs-hero-dark,.szs-hero-purple,.szs-hero-blue,.szs-hero-custom{--h-chip-b:rgba(255,255,255,.22);--h-chip-bg:rgba(255,255,255,.10);--h-chip-t:#fff;--h-adv-b:rgba(255,255,255,.45);--h-adv-t:#fff;--h-line:transparent}
.szs-live-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(var(--h-grid) 1.2px,transparent 1.4px);background-size:20px 20px;-webkit-mask-image:radial-gradient(ellipse at center,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 25%,transparent 75%)}
.szs-live-hero::after{content:"";position:absolute;top:50%;left:50%;z-index:0;width:560px;max-width:90vw;height:220px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,var(--h-glow),transparent)}
.szs-live-hero>.szs-hero-head,.szs-live-hero>.szs-live-form{position:relative;z-index:1;max-width:820px;margin-right:auto;margin-left:auto}
.szs-hero-head{margin-bottom:22px;text-align:center}
.szs .szs-hero-t{margin:0 0 8px;color:var(--h-t);font-size:28px;font-weight:800;line-height:1.45}
.szs-hero-s{margin:0;color:var(--h-s);font-size:14.5px;line-height:1.8}
.szs-live-hero .szs-live-box{box-shadow:0 12px 36px rgba(15,23,42,.14)}
.szs-live-hero .szs-live-box input[type=search]{color:#1f2937}
.szs-hero-light .szs-live-box input[type=search]{border-color:var(--szs-b)!important}
.szs-hero-dark .szs-live-box input[type=search],.szs-hero-purple .szs-live-box input[type=search],.szs-hero-blue .szs-live-box input[type=search],.szs-hero-custom .szs-live-box input[type=search]{border-color:transparent!important}
/* chips: start at the right edge of the box, wrap inside the box width (never run past it) */
.szs-live-hero .szs-live-cats{flex-wrap:wrap!important;justify-content:flex-start;overflow:visible!important;padding:0 2px}
.szs-live-hero .szs-lchip{flex:none}
.szs-live-hero .szs-live-in{color:var(--h-s)}
.szs-live-hero .szs-lchip span{border-color:var(--h-chip-b);background:var(--h-chip-bg);color:var(--h-chip-t);box-shadow:none}
.szs-live-hero .szs-lchip span:hover{border-color:var(--h-adv-b)}
.szs-hero-dark .szs-lchip span::before,.szs-hero-purple .szs-lchip span::before,.szs-hero-blue .szs-lchip span::before,.szs-hero-custom .szs-lchip span::before{border-color:rgba(255,255,255,.55);background-color:transparent}
.szs-hero-dark .szs-lchip input:checked+span,.szs-hero-purple .szs-lchip input:checked+span,.szs-hero-blue .szs-lchip input:checked+span,.szs-hero-custom .szs-lchip input:checked+span{border-color:#fff;background:rgba(255,255,255,.24);color:#fff}
.szs-live-hero .szs-adv-link{margin-right:auto;border-color:var(--h-adv-b);background:transparent;color:var(--h-adv-t)}
.szs-live-hero .szs-adv-link .szs-ic{background-color:currentColor}
.szs-hero-light .szs-adv-link:hover{background:var(--szs-a);color:#fff}
.szs-hero-dark .szs-adv-link:hover,.szs-hero-purple .szs-adv-link:hover,.szs-hero-blue .szs-adv-link:hover,.szs-hero-custom .szs-adv-link:hover{background:#fff;color:#1f2937}
/* night mode (Jannah .dark-skin) */
.dark-skin .szs-hero-light{--h-bg:linear-gradient(180deg,#17191e,#1b1c26);--h-t:#f3f4f6;--h-s:#9aa3b2;--h-grid:rgba(255,255,255,.05);--h-glow:rgba(167,139,250,.12);--h-chip-b:rgba(255,255,255,.12);--h-chip-bg:rgba(255,255,255,.05);--h-chip-t:#e5e7eb;--h-adv-b:#a78bfa;--h-adv-t:#c4b5fd;--h-line:rgba(255,255,255,.06)}
.dark-skin .szs-live-hero .szs-live-box input[type=search]{background:#23262c!important;color:#e5e7eb;border-color:rgba(255,255,255,.12)!important}
.dark-skin .szs-live-hero .szs-live-box{box-shadow:0 12px 36px rgba(0,0,0,.45)}
@media(max-width:600px){
.szs-live-hero{padding:36px 14px 30px}
.szs .szs-hero-t{font-size:20px}
.szs-hero-s{font-size:13px}
.szs-hero-head{margin-bottom:16px}
.szs-live-hero .szs-live-cats{gap:6px}
.szs-live-hero .szs-adv-link{margin-right:0}
}

/* 2.21: more minimal skins + mouse light */
.szs-hero-mono{--h-bg:#fff;--h-grid:rgba(15,23,42,.07);--h-glow:transparent;--h-line:#e5e7eb}
.szs-hero-mono::before{background-image:linear-gradient(var(--h-grid) 1px,transparent 1px),linear-gradient(90deg,var(--h-grid) 1px,transparent 1px);background-size:32px 32px}
.szs-hero-mono .szs-live-box{box-shadow:0 1px 2px rgba(15,23,42,.06),0 0 0 1px rgba(15,23,42,.04)}
.szs-hero-slate{--h-bg:linear-gradient(180deg,#f1f5f9,#f8fafc);--h-grid:rgba(15,23,42,.045);--h-glow:rgba(109,40,217,.06);--h-line:#e2e8f0;border-top:3px solid var(--szs-a)}
.szs-hero-aurora{--h-bg:radial-gradient(520px 260px at 90% 10%,rgba(124,58,237,.14),transparent 70%),radial-gradient(480px 240px at 10% 20%,rgba(14,165,233,.12),transparent 70%),radial-gradient(520px 240px at 55% 110%,rgba(16,185,129,.10),transparent 70%),#fbfbfe;--h-grid:rgba(15,23,42,.035);--h-glow:transparent;--h-line:#eef0f6}
.szs-hero-glass{--h-bg:radial-gradient(500px 260px at 85% 0%,rgba(124,58,237,.35),transparent 70%),radial-gradient(460px 240px at 10% 100%,rgba(14,165,233,.30),transparent 70%),linear-gradient(135deg,#eef2ff,#f5f3ff);--h-grid:rgba(255,255,255,.35);--h-glow:transparent;--h-line:transparent}
.szs-hero-glass>.szs-live-form{padding:18px;border:1px solid rgba(255,255,255,.75);border-radius:22px;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 40px rgba(76,29,149,.12)}
.szs-hero-glass .szs-lchip span{background:rgba(255,255,255,.7)}
.szs-hero-noir{--h-bg:#0b0b0f;--h-t:#fff;--h-s:rgba(255,255,255,.6);--h-grid:rgba(255,255,255,.06);--h-glow:rgba(255,255,255,.06);--h-chip-b:rgba(255,255,255,.16);--h-chip-bg:rgba(255,255,255,.04);--h-chip-t:#e5e7eb;--h-adv-b:rgba(255,255,255,.4);--h-adv-t:#fff;--h-line:transparent}
.szs-hero-noir::before{background-image:linear-gradient(var(--h-grid) 1px,transparent 1px),linear-gradient(90deg,var(--h-grid) 1px,transparent 1px);background-size:40px 40px}
.szs-hero-noir .szs-lchip span::before{border-color:rgba(255,255,255,.5);background-color:transparent}
.szs-hero-noir .szs-lchip input:checked+span{border-color:#fff;background:rgba(255,255,255,.16);color:#fff}
.szs-hero-noir .szs-adv-link:hover{background:#fff;color:#0b0b0f}
.szs-hero-noir .szs .szs-hero-t,.szs-hero-noir .szs-hero-t{color:#fff}
/* night mode for the light skins */
.dark-skin .szs-hero-mono,.dark-skin .szs-hero-slate,.dark-skin .szs-hero-aurora,.dark-skin .szs-hero-glass{--h-bg:linear-gradient(180deg,#17191e,#1b1c26);--h-t:#f3f4f6;--h-s:#9aa3b2;--h-grid:rgba(255,255,255,.05);--h-glow:rgba(167,139,250,.10);--h-chip-b:rgba(255,255,255,.12);--h-chip-bg:rgba(255,255,255,.05);--h-chip-t:#e5e7eb;--h-adv-b:#a78bfa;--h-adv-t:#c4b5fd;--h-line:rgba(255,255,255,.06)}
.dark-skin .szs-hero-glass>.szs-live-form{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.04);box-shadow:0 10px 40px rgba(0,0,0,.35)}
.dark-skin .szs-hero-glass .szs-lchip span{background:rgba(255,255,255,.05)}
/* mouse light: one blurred disc moved with transform; fades in while the pointer is on the band */
.szs-hero-spot{position:absolute;top:0;left:0;z-index:0;width:400px;height:400px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .35s;will-change:transform;background:radial-gradient(closest-side,rgba(124,58,237,.16),transparent)}
.szs-spot-on .szs-hero-spot,.szs-fx-on .szs-hero-spot{opacity:1}
.szs-hero-dark .szs-hero-spot,.szs-hero-noir .szs-hero-spot,.szs-hero-purple .szs-hero-spot,.szs-hero-blue .szs-hero-spot,.szs-hero-custom .szs-hero-spot{background:radial-gradient(closest-side,rgba(255,255,255,.13),transparent)}
.dark-skin .szs-hero-spot{background:radial-gradient(closest-side,rgba(167,139,250,.12),transparent)}
@media(hover:none),(prefers-reduced-motion:reduce){.szs-hero-spot{display:none}}
@media(max-width:600px){.szs-hero-glass>.szs-live-form{padding:12px;border-radius:16px}}

/* 2.22: modern skins — mesh (slow moving colour blobs), edge (dark + light running round the box), card (floating card) */
/* mesh: 3 soft radial discs moved with transform only; very slow; stopped with "reduce motion" */
.szs-hero-blobs{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.szs-hero-blobs i{position:absolute;width:560px;height:560px;border-radius:50%;will-change:transform}
.szs-hero-blobs i:nth-child(1){top:-260px;right:-80px;background:radial-gradient(closest-side,rgba(124,58,237,.30),transparent);animation:szs-m1 22s ease-in-out infinite alternate}
.szs-hero-blobs i:nth-child(2){bottom:-300px;left:-60px;background:radial-gradient(closest-side,rgba(14,165,233,.24),transparent);animation:szs-m2 26s ease-in-out infinite alternate}
.szs-hero-blobs i:nth-child(3){top:-120px;left:38%;background:radial-gradient(closest-side,rgba(236,72,153,.16),transparent);animation:szs-m3 30s ease-in-out infinite alternate}
@keyframes szs-m1{to{transform:translate3d(-220px,120px,0)}}
@keyframes szs-m2{to{transform:translate3d(260px,-140px,0)}}
@keyframes szs-m3{to{transform:translate3d(-160px,160px,0)}}
.szs-live-hero.szs-hero-mesh{--h-bg:#f8f7fc;--h-grid:rgba(15,23,42,.03);--h-glow:transparent;--h-line:#eeecf6}
.szs-hero-mesh .szs-live-box{box-shadow:0 14px 40px rgba(76,29,149,.14)}
.szs-hero-mesh .szs-live-box:focus-within{box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(124,58,237,.45),0 18px 44px rgba(76,29,149,.20)}
.szs-hero-mesh .szs-lchip span{background:rgba(255,255,255,.75);backdrop-filter:blur(6px)}
.dark-skin .szs-live-hero.szs-hero-mesh{--h-bg:#121218;--h-t:#f3f4f6;--h-s:#9aa3b2;--h-chip-b:rgba(255,255,255,.12);--h-chip-bg:rgba(255,255,255,.05);--h-chip-t:#e5e7eb;--h-adv-b:#a78bfa;--h-adv-t:#c4b5fd;--h-line:rgba(255,255,255,.06)}
.dark-skin .szs-hero-blobs i{opacity:.55}
.dark-skin .szs-hero-mesh .szs-lchip span{background:rgba(255,255,255,.05)}
/* edge: near black, faint grid, a thin light that runs round the search box (only the 1px ring repaints) */
@property --szs-ang{syntax:'<angle>';inherits:false;initial-value:0deg}
.szs-hero-edge{--h-bg:radial-gradient(700px 260px at 50% -40%,rgba(124,58,237,.35),transparent 70%),#09090b;--h-t:#fafafa;--h-s:rgba(255,255,255,.6);--h-grid:rgba(255,255,255,.06);--h-glow:transparent;--h-chip-b:rgba(255,255,255,.14);--h-chip-bg:rgba(255,255,255,.03);--h-chip-t:#e4e4e7;--h-adv-b:rgba(255,255,255,.35);--h-adv-t:#fafafa;--h-line:transparent}
.szs-hero-edge::before{background-image:linear-gradient(var(--h-grid) 1px,transparent 1px),linear-gradient(90deg,var(--h-grid) 1px,transparent 1px);background-size:48px 48px}
.szs-hero-edge .szs-live-box{box-shadow:0 20px 60px rgba(0,0,0,.6)}
.szs-hero-edge .szs-live-box::before{content:"";position:absolute;inset:-1px;z-index:0;border-radius:19px;pointer-events:none;background:conic-gradient(from var(--szs-ang),rgba(255,255,255,.10) 0 62%,#a78bfa 78%,#38bdf8 86%,rgba(255,255,255,.10) 94%);animation:szs-edge 5s linear infinite}
@keyframes szs-edge{to{--szs-ang:360deg}}
.szs-hero-edge .szs-live-box input[type=search]{position:relative;z-index:1;background:#111114!important;color:#fafafa!important;border-color:transparent!important}
.szs-hero-edge .szs-live-box input[type=search]::placeholder{color:rgba(255,255,255,.45)}
.szs-hero-edge .szs-live-box button,.szs-hero-edge .szs-live-box .szs-spin{z-index:2}
.szs-hero-edge .szs-lchip span::before{border-color:rgba(255,255,255,.45);background-color:transparent}
.szs-hero-edge .szs-lchip input:checked+span{border-color:#a78bfa;background:rgba(167,139,250,.14);color:#fff}
.szs-hero-edge .szs-adv-link:hover{background:#fafafa;color:#09090b}
.szs-hero-edge .szs-hero-spot{background:radial-gradient(closest-side,rgba(255,255,255,.10),transparent)}
/* card: light, faint geometric rings, form in a white floating card */
.szs-hero-card{--h-bg:repeating-radial-gradient(circle at 100% 0%,transparent 0 38px,rgba(109,40,217,.05) 38px 39px),repeating-radial-gradient(circle at 0% 100%,transparent 0 38px,rgba(14,165,233,.05) 38px 39px),#f5f6fa;--h-grid:transparent;--h-glow:transparent;--h-line:#eceef3}
.szs-hero-card>.szs-live-form{padding:20px;border:1px solid #eceef3;border-radius:22px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04),0 24px 60px rgba(15,23,42,.10)}
.szs-hero-card .szs-live-box{box-shadow:none}
.szs-hero-card .szs-live-box input[type=search]{background:#f7f7fb!important;border-color:#eceef3!important}
.dark-skin .szs-live-hero.szs-hero-card{--h-bg:repeating-radial-gradient(circle at 100% 0%,transparent 0 38px,rgba(167,139,250,.06) 38px 39px),#141519;--h-t:#f3f4f6;--h-s:#9aa3b2;--h-chip-b:rgba(255,255,255,.12);--h-chip-bg:rgba(255,255,255,.04);--h-chip-t:#e5e7eb;--h-adv-b:#a78bfa;--h-adv-t:#c4b5fd;--h-line:rgba(255,255,255,.06)}
.dark-skin .szs-hero-card>.szs-live-form{border-color:rgba(255,255,255,.07);background:#1c1d23;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.dark-skin .szs-hero-card .szs-live-box input[type=search]{background:#23252c!important;border-color:rgba(255,255,255,.08)!important}
@media(prefers-reduced-motion:reduce){.szs-hero-blobs i,.szs-hero-edge .szs-live-box::before{animation:none}}
@media(max-width:600px){.szs-hero-blobs i{width:360px;height:360px}.szs-hero-card>.szs-live-form{padding:12px;border-radius:16px}}

/* 2.23: mouse effects (chosen in the form settings) */
.szs-fx-border .szs-live-box::after{content:"";position:absolute;inset:-1px;z-index:3;border-radius:19px;pointer-events:none;opacity:0;transition:opacity .3s;padding:1.5px;
background:radial-gradient(160px circle at var(--bx,50%) var(--by,50%),#a78bfa,rgba(56,189,248,.8) 40%,transparent 70%);
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.szs-fx-on.szs-fx-border .szs-live-box::after{opacity:1}
.szs-fx-grid::after{content:"";position:absolute;inset:0;z-index:0;width:auto;height:auto;max-width:none;margin:0;transform:none;border-radius:0;pointer-events:none;opacity:0;transition:opacity .4s;filter:none;
background-image:linear-gradient(rgba(124,58,237,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.22) 1px,transparent 1px);background-size:32px 32px;
-webkit-mask-image:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),#000,transparent 75%);mask-image:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),#000,transparent 75%)}
.szs-fx-on.szs-fx-grid::after{opacity:1}
.szs-hero-dark.szs-fx-grid::after,.szs-hero-noir.szs-fx-grid::after,.szs-hero-edge.szs-fx-grid::after,.szs-hero-purple.szs-fx-grid::after,.szs-hero-blue.szs-fx-grid::after,.szs-hero-custom.szs-fx-grid::after,.dark-skin .szs-fx-grid::after{background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px)}
.szs-fx-tilt>.szs-live-form{transition:transform .25s ease-out;transform-style:preserve-3d;will-change:transform}
@media(hover:none),(prefers-reduced-motion:reduce){.szs-fx-border .szs-live-box::after,.szs-fx-grid::after{display:none}.szs-fx-tilt>.szs-live-form{transform:none!important}}

/* 2.26: «همه» tab — choose whose filters to see */
.szs-fset{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid var(--szs-b)}
.szs-fset[hidden]{display:none}
.szs-fset-t{width:100%;font-size:12.5px;font-weight:600;color:var(--szs-m)}
.szs-fsc{position:relative;margin:0}
.szs-fsc input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.szs-fsc span{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--szs-b);border-radius:15px;background:var(--szs-bg);font-size:12.5px;cursor:pointer;transition:all .15s}
.szs-fsc span:hover{border-color:var(--szs-a)}
.szs-fsc input:checked+span{border-color:var(--szs-a);background:var(--szs-a);color:#fff;font-weight:600}
.szs-fsc input:focus-visible+span{outline:2px solid var(--szs-a);outline-offset:2px}
.szs-fset-t{font-size:13.5px;color:var(--szs-t);font-weight:700}
.szs-fset-hint{width:100%;margin:4px 0 0;font-size:12px;color:var(--szs-m);line-height:1.8}
.szs-fset-hint[hidden]{display:none}

/* 2.28: section chooser (replaces the top tabs) — tiles; after a pick only the chosen tile + «تغییر» */
.szs-fset{display:block;border-bottom:1px solid var(--szs-b)}
.szs-fset-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.szs .szs-fset-change{display:none;height:26px;padding:0 10px;border:0;border-radius:13px;background:var(--szs-a2);color:var(--szs-a);font-size:12px;cursor:pointer}
.szs-fset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.szs-fsc span{display:flex;justify-content:center;width:100%;height:36px;padding:0 8px;border-radius:10px;text-align:center;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.szs-fsc-g{grid-column:1/-1}
.szs-fsc-g span{border-style:dashed}
.szs-picked .szs-fsc:not(.szs-on){display:none}
.szs-picked .szs-fsc.szs-on{grid-column:1/-1}
.szs-picked .szs-fset-change{display:inline-flex;align-items:center}
.szs-picked .szs-fset-grid{margin-bottom:0}
.szs-fset-head .szs-fset-t{width:auto;margin:0}

/* 2.29: category buttons above the results narrow the search in place */
.szs .szs-tchip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--szs-b);border-radius:15px;background:var(--szs-bg);color:var(--szs-t);font-size:12.5px;cursor:pointer;transition:all .15s}
.szs .szs-tchip:hover{border-color:var(--szs-a);color:var(--szs-a)}
.szs .szs-tchip em{font-style:normal;font-size:11px;color:var(--szs-m)}
.szs .szs-tchip.on{border-color:var(--szs-a);background:var(--szs-a);color:#fff;font-weight:600}
.szs .szs-tchip.on b{font-weight:700;opacity:.85}

/* 2.30: suggestions when nothing is found, recent searches, «نمایش بیشتر», chooser above results on phones */
.szs .szs-sug{display:inline;padding:0 2px;border:0;background:none;color:var(--szs-a);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.szs-sugp{margin:6px 0 !important;font-size:14px}
.szs-alt{margin-top:22px}
.szs-alt-h{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--szs-t)}
.szs-live-h .szs-rc-clear{float:left;padding:0;border:0;background:none;color:var(--szs-m);font:inherit;font-size:11.5px;font-weight:400;cursor:pointer}
.szs-live-h .szs-rc-clear:hover{color:var(--szs-a)}
.szs-recent .szs-lt-ic{opacity:.6}
.szs .szs-more{display:block;width:100%;max-width:360px;height:46px;margin:6px auto 0;border:1px solid var(--szs-a);border-radius:12px;background:var(--szs-a2);color:var(--szs-a);font-size:14px;font-weight:700;cursor:pointer}
.szs .szs-more:disabled{opacity:.6}
.szs-main>.szs-fset{margin:0 0 14px;padding:12px;border:1px solid var(--szs-b);border-radius:14px;background:var(--szs-bg)}
.szs-main>.szs-fset .szs-fset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:420px){.szs-main>.szs-fset .szs-fset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 2.31: spelling fixed automatically */
.szs-fix{margin:0 0 12px;padding:10px 14px;border-radius:10px;background:var(--szs-a2);color:var(--szs-t);font-size:13px;line-height:1.9}
.szs-fix b{color:var(--szs-a)}

/* 2.32: recent searches under the main search box */
.szs-top{position:relative}
.szs-rc{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:40;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;border:1px solid var(--szs-b);border-radius:12px;background:var(--szs-pop);box-shadow:0 10px 28px rgba(15,23,42,.12)}
.szs-rc[hidden]{display:none}
.szs-rc-t{font-size:12px;color:var(--szs-m)}
.szs .szs-rc-q{height:28px;padding:0 12px;border:1px solid var(--szs-b);border-radius:14px;background:var(--szs-bg);color:var(--szs-t);font-size:12.5px;cursor:pointer}
.szs .szs-rc-q:hover{border-color:var(--szs-a);color:var(--szs-a)}
.szs .szs-rc-x{margin-right:auto;padding:0;border:0;background:none;color:var(--szs-m);font-size:11.5px;cursor:pointer}
.szs .szs-rc-x:hover{color:var(--szs-a)}
.dark-skin .szs-rc{box-shadow:0 10px 28px rgba(0,0,0,.45)}

/* 2.35: theme link / heading rules (Jannah) were winning over the card title — colour and side spacing forced */
.szs .szs-item .szs-title{margin:12px 14px 8px!important;padding:0!important;font-size:15px;line-height:1.75}
.szs .szs-item .szs-title a,.szs .szs-item .szs-title a:visited{color:var(--szs-t)!important;text-decoration:none!important}
.szs .szs-item .szs-title a:hover{color:var(--szs-a)!important}
.szs-list .szs-item .szs-title{margin:12px 14px 6px!important}
@media(max-width:520px){.szs .szs-item .szs-title{margin:10px 12px 6px!important;font-size:14px}}

/* 2.36: theme link colour (Jannah, blue) was winning over the «جست‌وجوی پیشرفته» links; dark scrollbar in the live list */
.szs .szs-adv-link,.szs .szs-adv-link:visited{color:var(--szs-a)!important;text-decoration:none!important}
.szs .szs-adv-link:hover{color:#fff!important}
.szs-live-hero .szs-adv-link,.szs-live-hero .szs-adv-link:visited{color:var(--h-adv-t)!important}
.szs-hero-light .szs-adv-link:hover{color:#fff!important}
.szs-hero-dark .szs-adv-link:hover,.szs-hero-purple .szs-adv-link:hover,.szs-hero-blue .szs-adv-link:hover,.szs-hero-custom .szs-adv-link:hover,.szs-hero-noir .szs-adv-link:hover,.szs-hero-edge .szs-adv-link:hover{color:#1f2937!important}
.szs .szs-drop .szs-adv,.szs .szs-drop .szs-adv:visited,.szs .szs-drop .szs-all,.szs .szs-drop .szs-all:visited{color:var(--szs-a)!important;text-decoration:none!important}
.szs-drop{scrollbar-width:thin;scrollbar-color:var(--szs-line2) transparent}
.szs-drop::-webkit-scrollbar{width:8px}
.szs-drop::-webkit-scrollbar-thumb{background:var(--szs-line2);border-radius:8px}
.szs-drop::-webkit-scrollbar-track{background:transparent}
.dark-skin .szs-drop,.dark-skin .szs-cb-float,.dark-skin .szs-rc{color-scheme:dark}

/* 2.37: skeleton shimmer while results load; word suggestions in the live list */
@keyframes szs-shim{from{background-position:150% 0}to{background-position:-50% 0}}
.szs-loading .szs-results .szs-item{position:relative}
.szs-loading .szs-results .szs-item::after{content:"";position:absolute;inset:0;z-index:5;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%) var(--szs-soft);background-size:200% 100%;animation:szs-shim 1.1s linear infinite;opacity:.85}
.dark-skin .szs-loading .szs-results .szs-item::after{background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.06) 50%,transparent 70%) #1d1f24;background-size:200% 100%}
.szs-loading .szs-results{opacity:1!important}
@media(prefers-reduced-motion:reduce){.szs-loading .szs-results .szs-item::after{animation:none}}
.szs-wsug .szs-wsb b{font-weight:800;color:var(--szs-a)}
.szs-wsug .szs-lt-ic{color:var(--szs-a)}

/* 2.39: voice button (inside the box, next to the search button), copy-link button, pinned bar on phones, recently viewed */
.szs .szs-mic,.szs .szs-live-box button.szs-mic{position:absolute;top:50%;right:auto;width:34px;height:34px;margin:-17px 0 0;padding:0;border:1px solid var(--szs-b);border-radius:50%;background:var(--szs-bg);color:var(--szs-m);display:flex;align-items:center;justify-content:center;gap:0;box-shadow:none;transform:none;cursor:pointer;z-index:2;transition:background .15s,color .15s,border-color .15s}
.szs .szs-mic svg,.szs .szs-live-box button.szs-mic svg{stroke:currentColor!important;display:block}
.szs .szs-mic:hover,.szs .szs-live-box button.szs-mic:hover{background:var(--szs-a2);border-color:var(--szs-a);color:var(--szs-a);box-shadow:none;transform:none}
.szs .szs-mic.on,.szs .szs-live-box button.szs-mic.on{background:#dc2626;border-color:#dc2626;color:#fff;animation:szs-pulse 1.2s ease-in-out infinite}
@keyframes szs-pulse{50%{box-shadow:0 0 0 7px rgba(220,38,38,.18)}}
.dark-skin .szs .szs-mic,.dark-skin .szs .szs-live-box button.szs-mic{background:transparent;border-color:rgba(255,255,255,.14);color:#9ca3af}
.dark-skin .szs .szs-mic:hover,.dark-skin .szs .szs-live-box button.szs-mic:hover{background:rgba(255,255,255,.08);border-color:#a78bfa;color:#c4b5fd}
.dark-skin .szs .szs-mic.on,.dark-skin .szs .szs-live-box button.szs-mic.on{background:#dc2626;border-color:#dc2626;color:#fff}
.szs .szs-copy{display:inline-flex;align-items:center;gap:6px;height:30px;margin-right:10px;padding:0 12px;border:1px solid var(--szs-b);border-radius:999px;background:var(--szs-bg);color:var(--szs-meta);font:inherit;font-size:12px;line-height:1;white-space:nowrap;cursor:pointer;transition:all .15s}
.szs .szs-copy[hidden]{display:none}
.szs .szs-copy:hover{border-color:var(--szs-a);color:var(--szs-a);background:var(--szs-a2)}
.szs .szs-copy.ok{border-color:#16a34a;color:#16a34a;background:#f0fdf4}
.dark-skin .szs .szs-copy{background:transparent;border-color:rgba(255,255,255,.14);color:#cbd5e1}
.dark-skin .szs .szs-copy:hover{border-color:#a78bfa;color:#c4b5fd;background:rgba(167,139,250,.1)}
.dark-skin .szs .szs-copy.ok{border-color:#22c55e;color:#4ade80;background:rgba(34,197,94,.1)}
@media(max-width:600px){.szs .szs-copy span{display:none}.szs .szs-copy{width:30px;padding:0;justify-content:center}}
.szs-top.szs-pinned{position:fixed!important;left:0;right:0;z-index:9990;margin:0;border-radius:0 0 14px 14px;box-shadow:0 6px 18px rgba(15,23,42,.12);animation:szs-pin .18s ease-out}
.dark-skin .szs-top.szs-pinned{box-shadow:0 6px 18px rgba(0,0,0,.5)}
@keyframes szs-pin{from{transform:translateY(-100%)}to{transform:none}}
.szs-top-ph[hidden]{display:none}
.szs-rc{flex-direction:column;align-items:stretch}
.szs-rc-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.szs-rc-seen{padding-top:8px;border-top:1px dashed var(--szs-b)}
.szs-rc-row:first-child{padding-top:0;border-top:0}
.szs .szs-rc-p{display:inline-flex;align-items:center;gap:6px;max-width:100%;height:30px;padding:0 10px 0 4px;border:1px solid var(--szs-b);border-radius:999px;background:var(--szs-bg);color:var(--szs-t);font-size:12px;text-decoration:none}
.szs .szs-rc-p span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.szs .szs-rc-p img{width:22px;height:22px;flex:none;border-radius:50%;object-fit:cover}
.szs .szs-rc-p:hover{border-color:var(--szs-a);color:var(--szs-a)}
.dark-skin .szs .szs-rc-p{background:transparent;border-color:rgba(255,255,255,.14);color:#e5e7eb}
@media(prefers-reduced-motion:reduce){.szs .szs-mic.on,.szs-top.szs-pinned{animation:none}}
/* 2.57: «نمایش همه» opens the whole list (filter setting) */
.szs-ofull .szs-opts{max-height:none;overflow:visible}
/* 2.57: the visitor's own history (recent searches / visits) in its own tinted box, apart from the results */
.szs-mine{margin:4px 6px 8px;padding:2px 4px 4px;border:1px dashed #ddd6fe;border-radius:12px;background:#faf9ff}
.szs-mine .szs-live-h{color:#7c3aed}
.szs .szs-mine .szs-live-list a{padding:5px 8px;font-size:13px;line-height:1.5}
.szs-mine .szs-live-list img,.szs-mine .szs-live-noimg{width:40px;height:28px;border-radius:6px}
.szs-mine .szs-live-t{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.szs-mine .szs-live-tx{min-width:0}
.dark-skin .szs-mine{border-color:rgba(167,139,250,.3);background:rgba(167,139,250,.06)}
.dark-skin .szs-mine .szs-live-h{color:#c4b5fd}
/* 2.57: more category chips -> the search box widens with them (up to the page width) instead of the chips spilling to extra rows */
@media(min-width:601px){.szs-live-hero>.szs-live-form{width:max-content;min-width:min(820px,100%);max-width:min(1180px,100%)}}
/* 2.57.6: «نمایش کمتر» under a long option list */
.szs-less{display:block;margin:2px auto 0;padding:2px 8px;border:0;background:none;color:var(--szs-m,#6b7280);font-size:12px;cursor:pointer}
.szs-less:hover{text-decoration:underline}
.szs-less[hidden]{display:none}

.szs .szs-more[hidden],.szs .szs-less[hidden]{display:none}

/* 2.57.13: section chooser — a clear first step, same look as the filter boxes */
.szs-fset-t{display:inline-flex;align-items:center;gap:8px}
.szs-fset-n{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--szs-a);color:#fff;font-size:12px;font-weight:700;flex:none}
.szs-fset-hint{margin:0 0 10px;padding:8px 10px;border-radius:10px;background:var(--szs-a2);color:var(--szs-t);font-size:12px;line-height:1.8}
.szs .szs-fsc span{position:relative;justify-content:flex-start;height:40px;padding:0 12px 0 26px;border-radius:12px;background:var(--szs-bg);color:var(--szs-t);font-size:13px;font-weight:600;transition:border-color .15s,background .15s,transform .15s}
.szs .szs-fsc span::after{content:"";position:absolute;left:11px;top:50%;width:6px;height:6px;margin-top:-3px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.35}
.szs .szs-fsc span:hover{border-color:var(--szs-a);background:var(--szs-a2);color:var(--szs-a);transform:translateY(-1px)}
.szs .szs-fsc input:checked+span{border-color:var(--szs-a);background:var(--szs-a);color:#fff}
.szs .szs-fsc input:checked+span::after{opacity:.9}
.szs .szs-fsc-g span{justify-content:center;padding:0 12px;border-style:dashed;color:var(--szs-m);font-weight:500}
.szs .szs-fsc-g span::after{display:none}
.szs-picked .szs-fset-n{background:var(--szs-a2);color:var(--szs-a)}
.szs .szs-fset-change{height:28px;padding:0 12px;border:1px solid var(--szs-a);border-radius:14px;font-weight:600}
.szs-choosing .szs-f{display:none!important}

/* 2.58: «از متن شما فهمیدیم» note */
.szs-smart{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 10px;padding:8px 12px;border-radius:10px;background:var(--szs-a2);color:var(--szs-t);font-size:12.5px;line-height:1.8}
.szs-smart[hidden]{display:none}
.szs .szs-smart-x{height:26px;padding:0 10px;border:1px solid var(--szs-a);border-radius:13px;background:var(--szs-bg);color:var(--szs-a);font-size:12px;font-weight:600;cursor:pointer}
.szs-smart-hint{margin:0 0 10px}
.szs-smart small{color:var(--szs-m);font-size:11.5px}

/* 2.59.1: hero attached to the header — the Jannah box around it adds 30px above (.section-item.is-first-section); only the section holding the hero is touched (2.59.2: space below left to the page) */
.section-item.is-first-section:has(.szs-hero-attach){padding-top:0}
.szs-live-hero.szs-hero-attach{border-top:0}

/* 2.60.5: «دیده‌اید» under the title, on the left (not on the image, not in the bottom line) */
.szs-was .szs-title::after{content:"دیده‌اید";display:block;text-align:left;margin-top:4px;color:#059669;font-size:11px;font-weight:500;line-height:1.5}
.dark-skin .szs-was .szs-title::after{color:#34d399}
/* 2.60.1: heart icon of the card save button — here, so sz-bookmarks' own files load only when a visitor clicks it */
.szs-bmk .sz-bm-icon{width:18px;height:18px;display:inline-block;flex:none;background:currentColor;-webkit-mask:no-repeat center/contain;mask:no-repeat center/contain;-webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M12 20.3 4.3 12.6a4.7 4.7 0 0 1 0-6.6 4.7 4.7 0 0 1 6.6 0l1.1 1.1 1.1-1.1a4.7 4.7 0 0 1 6.6 0 4.7 4.7 0 0 1 0 6.6z'/%3E%3C/svg%3E");mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M12 20.3 4.3 12.6a4.7 4.7 0 0 1 0-6.6 4.7 4.7 0 0 1 6.6 0l1.1 1.1 1.1-1.1a4.7 4.7 0 0 1 6.6 0 4.7 4.7 0 0 1 0 6.6z'/%3E%3C/svg%3E");}
.szs-bmk.is-on .sz-bm-icon{-webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 20.3 4.3 12.6a4.7 4.7 0 0 1 0-6.6 4.7 4.7 0 0 1 6.6 0l1.1 1.1 1.1-1.1a4.7 4.7 0 0 1 6.6 0 4.7 4.7 0 0 1 0 6.6z'/%3E%3C/svg%3E");mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 20.3 4.3 12.6a4.7 4.7 0 0 1 0-6.6 4.7 4.7 0 0 1 6.6 0l1.1 1.1 1.1-1.1a4.7 4.7 0 0 1 6.6 0 4.7 4.7 0 0 1 0 6.6z'/%3E%3C/svg%3E");}
/* 2.60.5: save button on the top right corner of the image — a small dark see-through square like the «EN» subtitle
   chip, white heart (red when saved); no white circle. (.szs-bmon in front: stronger than sz-bookmarks.css, which
   is added later on the first click) */
.szs-bmk{display:none}
.szs-bmon .szs-item{position:relative}
.szs-bmon .szs-bmk{display:inline-flex;position:absolute;top:8px;right:8px;z-index:3}
.szs-bmon .szs-bmk .sz-bm-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:none;color:#fff;cursor:pointer;font:inherit;transition:background .15s,color .15s}
.szs-bmon .szs-bmk .sz-bm-btn:hover{opacity:1;background:rgba(15,23,42,.72)}
.szs-bmon .szs-bmk.is-on .sz-bm-btn{background:rgba(15,23,42,.5);color:#ff4d5e}
.szs-bmon .szs-bmk .sz-bm-icon{width:16px;height:16px}
.szs-bmk.is-busy .sz-bm-btn{opacity:.5;pointer-events:none}
.szs-bmon .szs-item:not(:has(>.szs-thumb)) .szs-title{padding-inline-start:40px}
.szs-bmon .szs-item:not(:has(>.szs-thumb)) .szs-bmk .sz-bm-btn{background:var(--szs-soft);color:var(--szs-m)}

/* 2.60.15: light skin fades into the page below (no hard edge / line above the next block) */
.szs-live-hero.szs-hero-light{--h-bg:linear-gradient(180deg,#eef2ff 0%,#f4f6fe 55%,rgba(244,246,254,0) 100%);border-bottom:0}
.dark-skin .szs-live-hero.szs-hero-light{--h-bg:linear-gradient(180deg,#1b1c26 0%,#18191f 55%,rgba(24,25,31,0) 100%);border-bottom:0}