/*! Majd Search – overlay styles | (c) AliReza EbadiMajd | GPL v2+ */
.mjs-root{--mjs-accent:#16a34a;--mjs-bg:#fff;--mjs-text:#1f2937;--mjs-muted:#6b7280;--mjs-chip-bg:#f8fafc;--mjs-chip-bd:#e5e7eb;--mjs-radius:24px;--mjs-dim:.55;--mjs-blur:3px;--mjs-h:92%;--mjs-w:760px;
	position:fixed;inset:0;z-index:2147483000;display:none;font-family:inherit;color:var(--mjs-text);-webkit-tap-highlight-color:transparent}
.mjs-root *,.mjs-root *::before,.mjs-root *::after{box-sizing:border-box}
.mjs-root.mjs-show{display:block}
html.mjs-lock,html.mjs-lock body{overflow:hidden!important;overscroll-behavior:none}

.mjs-backdrop{position:absolute;inset:0;background:rgba(15,23,42,var(--mjs-dim));backdrop-filter:blur(var(--mjs-blur));-webkit-backdrop-filter:blur(var(--mjs-blur));opacity:0;transition:opacity .25s ease}
.mjs-in .mjs-backdrop{opacity:1}

.mjs-panel{position:absolute;background:var(--mjs-bg);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(15,23,42,.28);transition:transform .28s cubic-bezier(.22,.8,.3,1),opacity .25s ease;opacity:0}
.mjs-in .mjs-panel{opacity:1;transform:none!important}

/* layouts */
.mjs-l-sheet .mjs-panel{left:0;right:0;bottom:0;height:var(--mjs-h);border-radius:var(--mjs-radius) var(--mjs-radius) 0 0}
.mjs-l-full .mjs-panel{inset:0;border-radius:0;height:100%}
.mjs-l-modal .mjs-panel{top:8%;left:50%;width:min(var(--mjs-w),calc(100% - 24px));max-height:84%;border-radius:var(--mjs-radius);margin-left:calc(min(var(--mjs-w),100vw - 24px) / -2)}
.mjs-l-top .mjs-panel{top:0;left:50%;width:min(var(--mjs-w),100%);max-height:var(--mjs-h);border-radius:0 0 var(--mjs-radius) var(--mjs-radius);margin-left:calc(min(var(--mjs-w),100vw) / -2)}
.mjs-l-modal .mjs-panel,.mjs-l-top .mjs-panel{left:50%}

/* animations (start state) */
.mjs-a-slide.mjs-l-sheet .mjs-panel,.mjs-a-slide.mjs-l-full .mjs-panel{transform:translateY(100%)}
.mjs-a-slide.mjs-l-top .mjs-panel{transform:translateY(-100%)}
.mjs-a-slide.mjs-l-modal .mjs-panel{transform:translateY(40px)}
.mjs-a-zoom .mjs-panel{transform:scale(.94) translateY(8px)}
.mjs-a-fade .mjs-panel{transform:none}
.mjs-l-sheet.mjs-a-zoom .mjs-panel,.mjs-l-full.mjs-a-zoom .mjs-panel{transform:translateY(24px) scale(.98)}

/* handle */
.mjs-handle{display:none;padding:10px 0 2px;cursor:grab;flex:none}
.mjs-handle i{display:block;width:44px;height:5px;border-radius:9px;background:#d1d5db;margin:0 auto}
.mjs-l-sheet .mjs-handle{display:block}

/* form */
.mjs-form{display:flex;align-items:center;gap:12px;padding:12px 16px 14px;border-bottom:1px solid var(--mjs-chip-bd);flex:none;margin:0}
.mjs-l-sheet .mjs-form{padding-top:6px}
.mjs-field{flex:1;display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;border:1.5px solid var(--mjs-accent);border-radius:999px;background:var(--mjs-bg);color:var(--mjs-muted);margin:0;min-width:0}
.mjs-field:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--mjs-accent) 16%,transparent)}
.mjs-ico{flex:none;opacity:.8}
.mjs-input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0!important;height:100%!important;font:inherit;font-size:16px;color:var(--mjs-text)!important;-webkit-appearance:none;appearance:none}
.mjs-input::placeholder{color:var(--mjs-muted);opacity:.85}
.mjs-input::-webkit-search-cancel-button,.mjs-input::-webkit-search-decoration{-webkit-appearance:none;display:none}
.mjs-clear{flex:none;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:var(--mjs-chip-bg);color:var(--mjs-muted);cursor:pointer;padding:0}
.mjs-clear[hidden]{display:none}
.mjs-close{flex:none;border:0;background:transparent;color:var(--mjs-muted);font:inherit;font-size:15px;padding:10px 4px;cursor:pointer;white-space:nowrap}
.mjs-close:hover{color:var(--mjs-text)}

/* body */
.mjs-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 16px 28px;overscroll-behavior:contain}
.mjs-sec{margin:0 0 24px}
.mjs-h{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font-size:15px;font-weight:700;color:var(--mjs-muted);line-height:1.4}
.mjs-recent-clear{border:0;background:none;color:var(--mjs-accent);font:inherit;font-size:13px;font-weight:500;cursor:pointer;padding:0}

/* chips */
.mjs-chips{display:flex;flex-wrap:wrap;gap:10px}
.mjs-chip{display:inline-flex;align-items:center;padding:11px 20px;border:1px solid var(--mjs-chip-bd);background:var(--mjs-chip-bg);color:var(--mjs-text)!important;border-radius:14px;font:inherit;font-size:15px;line-height:1.3;text-decoration:none!important;cursor:pointer;transition:all .15s}
.mjs-chip:hover,.mjs-chip:focus-visible{border-color:var(--mjs-accent);color:var(--mjs-accent)!important;background:color-mix(in srgb,var(--mjs-accent) 7%,var(--mjs-bg));outline:0}
.mjs-chip:active{transform:scale(.97)}

/* recent */

/* links */
.mjs-links{display:flex;flex-direction:column;gap:8px}
.mjs-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--mjs-chip-bd);border-radius:16px;background:var(--mjs-chip-bg);color:var(--mjs-text)!important;text-decoration:none!important;transition:all .15s}
.mjs-link:hover{border-color:var(--mjs-accent)}
.mjs-lic{font-size:22px;line-height:1;flex:none}
.mjs-ltx{display:flex;flex-direction:column;min-width:0}
.mjs-ltx b{font-weight:600;font-size:15px}
.mjs-ltx small{color:var(--mjs-muted);font-size:12.5px;margin-top:2px}
.mjs-st-grid .mjs-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mjs-st-cards .mjs-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mjs-st-cards .mjs-link{flex-direction:column;align-items:flex-start;padding:16px;gap:8px;background:linear-gradient(145deg,color-mix(in srgb,var(--mjs-accent) 10%,var(--mjs-bg)),var(--mjs-bg))}
.mjs-st-cards .mjs-lic{font-size:28px}
.mjs-st-list .mjs-link{border:0;border-bottom:1px solid var(--mjs-chip-bd);border-radius:0;background:none;padding:12px 2px}

/* posts / results */
.mjs-plist,.mjs-rlist{display:flex;flex-direction:column}
.mjs-item{display:flex;align-items:center;gap:12px;padding:10px 4px;color:var(--mjs-text)!important;text-decoration:none!important;border-bottom:1px solid var(--mjs-chip-bd);border-radius:10px}
.mjs-item:hover,.mjs-item:focus-visible{background:var(--mjs-chip-bg);outline:0}
.mjs-th{width:88px;height:88px;border-radius:14px;object-fit:cover;flex:none;background:var(--mjs-chip-bg)}
.mjs-th-empty{display:block}
.mjs-it{display:flex;flex-direction:column;gap:3px;min-width:0}
.mjs-it b{font-weight:600;font-size:15px;line-height:1.5}
.mjs-it mark{background:color-mix(in srgb,var(--mjs-accent) 22%,transparent);color:inherit;border-radius:4px;padding:0 2px}
.mjs-type{font-style:normal;font-size:12px;color:var(--mjs-muted)}
.mjs-price{font-size:13.5px;color:var(--mjs-accent);font-weight:600}
.mjs-price del{color:var(--mjs-muted);font-weight:400;margin-inline-end:6px}
.mjs-price ins{text-decoration:none}
.mjs-st-cards .mjs-plist{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mjs-st-cards .mjs-item{flex-direction:column;align-items:flex-start;border:1px solid var(--mjs-chip-bd);padding:10px;border-radius:16px}
.mjs-st-cards .mjs-th{width:100%;height:110px}
.mjs-st-scroll .mjs-plist{flex-direction:row;overflow-x:auto;gap:12px;padding-bottom:6px;scroll-snap-type:x proximity}
.mjs-st-scroll .mjs-item{flex:0 0 150px;flex-direction:column;align-items:flex-start;border:1px solid var(--mjs-chip-bd);padding:10px;border-radius:16px;scroll-snap-align:start}
.mjs-st-scroll .mjs-th{width:100%;height:100px}

.mjs-banner{display:block;border-radius:18px;overflow:hidden}
.mjs-banner img{display:block;width:100%;height:auto}
.mjs-html{font-size:14.5px;line-height:1.9}

.mjs-all{display:flex;justify-content:center;margin-top:16px;padding:14px;border-radius:14px;background:var(--mjs-accent);color:#fff!important;text-decoration:none!important;font-weight:600;font-size:15px}
.mjs-all:hover{filter:brightness(1.05)}
.mjs-empty{padding:40px 10px;text-align:center;color:var(--mjs-muted);font-size:15px}
.mjs-results.mjs-loading{opacity:.55;transition:opacity .2s}
.mjs-results[hidden],.mjs-blocks[hidden],.mjs-sec[hidden]{display:none}

/* skeleton */
.mjs-skel{display:flex;flex-wrap:wrap;gap:10px}
.mjs-skel i{height:44px;width:30%;border-radius:14px;background:linear-gradient(90deg,var(--mjs-chip-bg),var(--mjs-chip-bd),var(--mjs-chip-bg));background-size:200% 100%;animation:mjs-sh 1.2s infinite}
@keyframes mjs-sh{to{background-position:-200% 0}}

/* floating button + shortcode */
.mjs-fab{position:fixed;bottom:18px;left:18px;z-index:99990;width:54px;height:54px;border-radius:50%;border:0;background:var(--mjs-accent,#16a34a);color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25);cursor:pointer;padding:0}
.mjs-fab.mjs-fab-r{left:auto;right:18px}
.mjs-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#374151;cursor:pointer;font:inherit}

/* desktop tweaks */
.mjs-dev-desktop .mjs-chip:hover{transform:translateY(-1px)}

@media (prefers-reduced-motion:reduce){.mjs-panel,.mjs-backdrop{transition:none}}
@supports not (color:color-mix(in srgb,red 10%,blue)){
	.mjs-chip:hover{background:var(--mjs-chip-bg)}
}

/* menu item / footer placements */
.mjs-mi{display:inline-flex!important;align-items:center;gap:8px;cursor:pointer;color:inherit}
.mjs-mi-field{padding:8px 16px!important;border:1px solid var(--mjs-chip-bd,#e5e7eb);border-radius:999px;background:var(--mjs-chip-bg,#f8fafc);color:var(--mjs-muted,#6b7280)!important;font-size:14px;min-width:150px}
.mjs-mi-field:hover{border-color:var(--mjs-accent,#16a34a)}
.mjs-footbar{width:100%;z-index:99980;font-family:inherit}
.mjs-fb-fixed{position:fixed;left:0;right:0;bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--mjs-bg,#fff);box-shadow:0 -6px 24px rgba(15,23,42,.12);border-top:1px solid var(--mjs-chip-bd,#e5e7eb)}
.mjs-fb-static{padding:18px 14px;background:var(--mjs-bg,#fff)}
.mjs-fb-field{display:flex;align-items:center;gap:10px;width:100%;max-width:640px;margin:0 auto;height:50px;padding:0 18px;border:1.5px solid var(--mjs-accent,#16a34a);border-radius:999px;background:var(--mjs-bg,#fff);color:var(--mjs-muted,#6b7280);font:inherit;font-size:15px;cursor:pointer;text-align:start}
.mjs-fb-field:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--mjs-accent,#16a34a) 14%,transparent)}

/* colored link buttons */
.mjs-btns{display:flex;gap:12px;flex-direction:column}
.mjs-bl-row .mjs-btns{flex-direction:row;flex-wrap:wrap}
.mjs-btn2{display:flex;align-items:center;justify-content:center;text-align:center;padding:15px 22px;border-radius:999px;background:var(--b,#fdecee);color:var(--c,#e11d48)!important;border:1.5px solid color-mix(in srgb,var(--c,#e11d48) 28%,transparent);font-weight:700;font-size:17px;line-height:1.4;text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.mjs-bl-row .mjs-btn2{flex:1 1 auto;padding:12px 20px;font-size:15px}
.mjs-btn2:hover{box-shadow:0 6px 18px color-mix(in srgb,var(--c,#e11d48) 22%,transparent);transform:translateY(-1px)}
.mjs-btn2:active{transform:scale(.98)}
@supports not (color:color-mix(in srgb,red 10%,blue)){.mjs-btn2{border-color:var(--c,#e11d48)}}

/* recent searches: one compact row (max 3 per row), long text is cut with … */
.mjs-recent-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mjs-recent-list.mjs-n1{grid-template-columns:minmax(0,1fr)}
.mjs-recent-list.mjs-n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mjs-rec{display:flex;align-items:center;min-width:0;height:42px;border:1px solid var(--mjs-chip-bd);background:var(--mjs-chip-bg);border-radius:14px;overflow:hidden}
.mjs-rec-q{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:6px;border:0;background:none;color:var(--mjs-text);font:inherit;font-size:14px;height:100%;padding:0 10px;cursor:pointer;text-align:start}
.mjs-rec-q svg{flex:none;color:var(--mjs-muted)}
.mjs-rec-q span{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mjs-rec-x{flex:none;width:28px;height:100%;border:0;background:none;color:var(--mjs-muted);padding:0;cursor:pointer;display:grid;place-items:center}
.mjs-rec-x svg{width:13px;height:13px}
.mjs-rec:hover{border-color:var(--mjs-accent)}

/* media boxes (image / voice / video with caption) */
.mjs-boxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mjs-box{margin:0;position:relative;border:1px solid var(--mjs-chip-bd);background:var(--mjs-bg);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px -12px rgba(15,23,42,.18)}
.mjs-box-audio,.mjs-box-video{grid-column:1/-1}
.mjs-bm{display:block;position:relative}
.mjs-bm-image{overflow:hidden}
.mjs-bm-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s cubic-bezier(.22,.8,.3,1)}
a.mjs-bm-image:hover img,a.mjs-bm-image:focus img{transform:scale(1.045)}
.mjs-bm-image::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(180deg,transparent,rgba(15,23,42,.22));pointer-events:none}
.mjs-box figcaption{display:flex;align-items:center;gap:9px;padding:13px 16px;font-size:14.5px;font-weight:700;line-height:1.7;color:var(--mjs-text)}
.mjs-box figcaption::before{content:"";flex:none;width:4px;height:1.15em;border-radius:4px;background:linear-gradient(180deg,var(--mjs-pc,var(--mjs-accent)),color-mix(in srgb,var(--mjs-pc,var(--mjs-accent)) 45%,#fff))}
.mjs-cap-above figcaption{padding-bottom:11px}
.mjs-cap-above .mjs-bm{margin:0 10px 10px;border-radius:14px;overflow:hidden}
.mjs-cap-below .mjs-bm-image,.mjs-cap-below .mjs-bm-video{border-radius:0}
.mjs-bm-video{background:#000}
.mjs-bm-embed iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.mjs-bm-embed{aspect-ratio:16/9}

/* shared player parts (LTR inside so the seek bar behaves the same everywhere) */
.mjs-pl{direction:ltr}
.mjs-pl .mjs-ui{display:none}
.mjs-pl.mjs-ready .mjs-ui{display:flex}
.mjs-pl.mjs-ready audio,.mjs-pl.mjs-ready video{pointer-events:none}
.mjs-pl.mjs-ready audio{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.mjs-ui button{font:inherit;border:0;margin:0;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent}
.mjs-ui svg{display:block;fill:currentColor}
.mjs-tm{font-size:12.5px;font-variant-numeric:tabular-nums;letter-spacing:.2px;opacity:.9;white-space:nowrap}
.mjs-track{position:relative;flex:1;min-width:0;height:22px;cursor:pointer;touch-action:none;outline:0}
.mjs-track::before{content:"";position:absolute;left:0;right:0;top:50%;height:5px;margin-top:-2.5px;border-radius:5px;background:rgba(255,255,255,.28)}
.mjs-buf,.mjs-fill{position:absolute;left:0;top:50%;height:5px;margin-top:-2.5px;border-radius:5px;width:0}
.mjs-buf{background:rgba(255,255,255,.28)}
.mjs-fill{background:#fff}
.mjs-knob{position:absolute;top:50%;left:0;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.35);transform:scale(.85);transition:transform .15s ease}
.mjs-track:hover .mjs-knob,.mjs-track:focus-visible .mjs-knob,.mjs-track.mjs-drag .mjs-knob{transform:scale(1.2)}
.mjs-track:focus-visible{box-shadow:0 0 0 2px rgba(255,255,255,.7);border-radius:6px}

/* round buttons: !important so theme button styles can't square them or shift the icon */
.mjs-ui button.mjs-pbtn,.mjs-ui button.mjs-mute,.mjs-ui button.mjs-vclose{display:flex!important;align-items:center;justify-content:center;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;min-width:0!important;line-height:0!important;text-indent:0!important;text-transform:none!important;box-sizing:border-box!important}
.mjs-ui button.mjs-vbig{display:grid!important;place-items:center;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;min-width:0!important}
.mjs-ui button svg{flex:none;margin:0!important}
.mjs-ui .mjs-i-pause{display:none}
.mjs-pl.mjs-playing .mjs-i-play{display:none}
.mjs-pl.mjs-playing .mjs-i-pause{display:block}

/* audio / podcast: light compact card */
.mjs-au{--p:var(--mjs-pc,var(--mjs-accent));flex-wrap:wrap;flex-direction:row;align-items:center;gap:0 12px;padding:12px 14px;color:var(--mjs-text);background:linear-gradient(135deg,color-mix(in srgb,var(--p) 11%,#fff),color-mix(in srgb,var(--p) 3%,#fff))}
.mjs-au .mjs-pbtn{width:48px!important;height:48px!important;flex:none;color:#fff;background:linear-gradient(135deg,var(--p),color-mix(in srgb,var(--p) 70%,#000))!important;box-shadow:0 8px 18px -6px color-mix(in srgb,var(--p) 70%,transparent)}
.mjs-au .mjs-pbtn svg{width:22px;height:22px}
.mjs-au-top{flex:none;display:flex}
.mjs-au-bot{flex:1;min-width:0;display:flex;align-items:center;gap:9px}
.mjs-au .mjs-tm{font-size:11.5px;color:var(--mjs-muted);opacity:1}
.mjs-au .mjs-track::before,.mjs-au .mjs-buf{background:color-mix(in srgb,var(--p) 18%,transparent)}
.mjs-au .mjs-fill{background:var(--p)}
.mjs-au .mjs-knob{background:var(--p);box-shadow:0 0 0 3px #fff,0 2px 6px rgba(0,0,0,.25);width:12px;height:12px;margin:-6px 0 0 -6px}
.mjs-au .mjs-track:focus-visible{box-shadow:0 0 0 2px var(--p)}
.mjs-ui button.mjs-spd{flex:none;min-width:44px!important;padding:5px 9px!important;border-radius:20px!important;background:#fff!important;color:var(--p)!important;border:1px solid color-mix(in srgb,var(--p) 30%,transparent)!important;font-size:12px;font-weight:700;line-height:1.2!important;text-transform:none!important;transition:background .2s,color .2s}
.mjs-spd.mjs-on{background:var(--p)!important;color:#fff!important}
.mjs-speeds{flex:1 1 100%;display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,.8,.3,1),opacity .25s ease;opacity:0}
.mjs-speeds.mjs-open{grid-template-rows:1fr;opacity:1}
.mjs-speeds>div{overflow:hidden;min-height:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding-top:0;transition:padding .32s ease}
.mjs-speeds.mjs-open>div{padding-top:10px}
.mjs-ui .mjs-sp-chip{padding:5px 11px!important;border-radius:16px!important;border:1px solid color-mix(in srgb,var(--p) 28%,transparent)!important;background:#fff!important;color:var(--mjs-text)!important;font-size:12.5px;font-weight:600;line-height:1.2!important;text-transform:none!important;min-width:0!important}
.mjs-ui .mjs-sp-chip.mjs-cur-r{background:var(--p)!important;color:#fff!important;border-color:var(--p)!important}

/* video: small thumbnail card */
.mjs-bm-video.mjs-pl{height:132px;background:#0b1020}
.mjs-bm-video video{display:block;width:100%;height:100%;object-fit:cover;background:#0b1020}
.mjs-vd{position:absolute;inset:0;flex-direction:column;justify-content:flex-end;color:#fff;overflow:hidden;cursor:pointer;background:linear-gradient(180deg,rgba(11,16,32,.05),rgba(11,16,32,.45))}
.mjs-vbig{position:absolute!important;inset:0;width:100%;transition:opacity .35s ease}
.mjs-vbig span{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--mjs-pc,var(--mjs-accent)),color-mix(in srgb,var(--mjs-pc,var(--mjs-accent)) 65%,#000));box-shadow:0 10px 26px rgba(0,0,0,.4),0 0 0 7px color-mix(in srgb,var(--mjs-pc,var(--mjs-accent)) 30%,transparent);animation:mjsHalo 2.4s ease-in-out infinite;transition:transform .25s ease}
@keyframes mjsHalo{0%,100%{box-shadow:0 10px 26px rgba(0,0,0,.4),0 0 0 4px color-mix(in srgb,var(--mjs-pc,var(--mjs-accent)) 30%,transparent)}50%{box-shadow:0 10px 26px rgba(0,0,0,.4),0 0 0 14px color-mix(in srgb,var(--mjs-pc,var(--mjs-accent)) 8%,transparent)}}
.mjs-vbig:hover span{transform:scale(1.08)}
.mjs-vbig svg{width:24px;height:24px}
.mjs-vtop{display:none}
/* expanded (full screen) state: the box is moved to the overlay root and animated with inline styles */
.mjs-bm-video.mjs-pl.mjs-fsx{position:fixed!important;margin:0!important;max-height:none;background:#000;z-index:2147483600;will-change:top,left,width,height}
.mjs-fsx video{object-fit:contain;background:#000}
.mjs-fsx .mjs-vd{background:none}
.mjs-fsx .mjs-vtop{display:flex;align-items:center;gap:12px;position:absolute;top:0;left:0;right:0;z-index:3;padding:calc(14px + env(safe-area-inset-top)) 14px 34px;background:linear-gradient(180deg,rgba(0,0,0,.78),transparent);opacity:0;transform:translateY(-10px);transition:opacity .45s ease .25s,transform .45s cubic-bezier(.22,.8,.3,1) .25s}
.mjs-fsx.mjs-shown .mjs-vtop{opacity:1;transform:none}
.mjs-fsx.mjs-closing .mjs-vtop{opacity:0;transition-delay:0s;transition-duration:.2s}
.mjs-fsx.mjs-playing.mjs-idle.mjs-shown .mjs-vtop{opacity:0;transform:translateY(-10px);transition:opacity .4s ease,transform .4s ease;pointer-events:none;transition-delay:0s}
.mjs-vtop .mjs-tm{color:#fff;font-size:12.5px;min-width:34px;text-align:center}
.mjs-vtop .mjs-track{flex:1}
.mjs-ui button.mjs-mute,.mjs-ui button.mjs-vclose{flex:none;width:38px!important;height:38px!important;background:rgba(255,255,255,.16)!important;color:#fff!important;transition:background .2s}
.mjs-mute:hover,.mjs-vclose:hover{background:rgba(255,255,255,.3)!important}
.mjs-mute svg,.mjs-vclose svg{width:20px;height:20px}
.mjs-vclose svg{fill:none}
.mjs-pl.mjs-muted .mjs-w{display:none}
.mjs-bm-video:not(.mjs-fsx) .mjs-vbig{opacity:1}
.mjs-fsx.mjs-playing .mjs-vbig{opacity:0;pointer-events:none}
.mjs-fsx .mjs-vbig span{width:76px;height:76px}
.mjs-fsx .mjs-vbig svg{width:32px;height:32px}
.mjs-vph{display:block;width:100%}
@media (prefers-reduced-motion:reduce){.mjs-vbig span{animation:none!important}.mjs-bm-image img,.mjs-vbig span,.mjs-speeds,.mjs-fsx .mjs-vtop{transition:none!important}}
.mjs-bx-stack .mjs-boxes{grid-template-columns:1fr}
.mjs-bx-scroll .mjs-boxes{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px}
.mjs-bx-scroll .mjs-box{flex:0 0 78%;scroll-snap-align:start}
.mjs-bx-scroll .mjs-box-audio,.mjs-bx-scroll .mjs-box-video{grid-column:auto}
.mjs-dev-desktop .mjs-bx-stack .mjs-boxes{grid-template-columns:1fr}

/* ================= v1.5.7 : theme-proof + mobile-first hardening ================= */
.mjs-root{line-height:1.5;letter-spacing:normal;text-transform:none;font-weight:400;text-align:start;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased}
.mjs-root :where(figure,h1,h2,h3,h4,h5,h6,p){margin-top:0}
.mjs-root :where(img,video,iframe){max-width:100%}
.mjs-panel{will-change:transform,opacity;overscroll-behavior:contain}
.mjs-body{touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--mjs-chip-bd) transparent}
.mjs-body::-webkit-scrollbar{width:6px}
.mjs-body::-webkit-scrollbar-thumb{background:var(--mjs-chip-bd);border-radius:6px}

/* buttons: theme button / :hover / :focus styles can never leak into the panel */
.mjs-root button.mjs-clear,.mjs-root button.mjs-clear:hover,.mjs-root button.mjs-clear:focus,.mjs-root button.mjs-clear:active{background:var(--mjs-chip-bg);color:var(--mjs-muted);border:0;border-radius:50%;box-shadow:none;padding:0;margin:0;min-width:0;min-height:0;text-transform:none;letter-spacing:normal;line-height:1}
.mjs-root button.mjs-close,.mjs-root button.mjs-close:hover,.mjs-root button.mjs-close:focus,.mjs-root button.mjs-close:active{background:transparent;border:0;border-radius:0;box-shadow:none;margin:0;min-width:0;min-height:0;text-transform:none;letter-spacing:normal;line-height:1.4}
.mjs-root button.mjs-close:hover{color:var(--mjs-text)}
.mjs-root button.mjs-rec-q,.mjs-root button.mjs-rec-q:hover,.mjs-root button.mjs-rec-q:focus,.mjs-root button.mjs-rec-x,.mjs-root button.mjs-rec-x:hover,.mjs-root button.mjs-rec-x:focus,.mjs-root button.mjs-recent-clear,.mjs-root button.mjs-recent-clear:hover,.mjs-root button.mjs-recent-clear:focus{background:none;border:0;border-radius:0;box-shadow:none;margin:0;min-width:0;min-height:0;text-transform:none;letter-spacing:normal}
.mjs-root .mjs-chip,.mjs-root button.mjs-chip{border:1px solid var(--mjs-chip-bd);background:var(--mjs-chip-bg);border-radius:14px;box-shadow:none;margin:0;min-width:0;min-height:0;text-transform:none;letter-spacing:normal;font-weight:400}
.mjs-root .mjs-chip:hover,.mjs-root .mjs-chip:focus-visible{border-color:var(--mjs-accent);background:color-mix(in srgb,var(--mjs-accent) 7%,var(--mjs-bg))}
@supports not (color:color-mix(in srgb,red 10%,blue)){.mjs-root .mjs-chip:hover{background:var(--mjs-chip-bg)}}
.mjs-root a.mjs-all,.mjs-root a.mjs-all:hover{color:#fff!important;background:var(--mjs-accent);border:0;box-shadow:none}
.mjs-root .mjs-input,.mjs-root .mjs-input:focus,.mjs-root .mjs-input:hover{width:auto;max-width:none;line-height:normal;border-radius:0!important}
.mjs-root .mjs-field{width:auto;max-width:none}
.mjs-root .mjs-handle i{background:var(--mjs-chip-bd)}

/* the header "search" menu item / footer field / floating button: same protection */
.mjs-root~.mjs-fab,.mjs-fab,.mjs-fab:hover,.mjs-fab:focus{background:var(--mjs-accent,#16a34a);color:#fff;border:0;box-shadow:0 8px 24px rgba(0,0,0,.25);min-width:0;min-height:0;padding:0}
button.mjs-fb-field,button.mjs-fb-field:hover,button.mjs-fb-field:focus{background:var(--mjs-bg,#fff);color:var(--mjs-muted,#6b7280);text-transform:none;letter-spacing:normal;font-weight:400;line-height:1.4}
.mjs-fb-fixed{max-width:100vw;box-sizing:border-box}
.mjs-fb-fixed .mjs-fb-field{box-sizing:border-box}
.mjs-fb-static .mjs-fb-field{box-sizing:border-box}
.mjs-footbar *{box-sizing:border-box}
.mjs-mi svg,.mjs-fb-field svg,.mjs-fab svg{flex:none}

/* ---------- mobile (phones / small tablets) ---------- */
@media (max-width:768px){
	/* blur is the most expensive effect on phones: drop it, the dim layer is enough */
	.mjs-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}
	.mjs-panel{box-shadow:0 -8px 30px rgba(15,23,42,.22)}
	.mjs-form{padding:8px 12px 10px;gap:6px}
	.mjs-l-sheet .mjs-form{padding-top:2px}
	.mjs-l-full .mjs-form,.mjs-l-top .mjs-form{padding-top:calc(10px + env(safe-area-inset-top))}
	.mjs-field{height:48px;padding:0 14px;gap:8px}
	.mjs-root button.mjs-clear{width:32px;height:32px}
	.mjs-root button.mjs-close{padding:12px 8px;font-size:14px;min-height:44px}
	.mjs-body{padding:14px 12px calc(24px + env(safe-area-inset-bottom))}
	.mjs-sec{margin-bottom:20px}
	.mjs-h{font-size:14px;margin-bottom:10px}
	.mjs-chips{gap:8px}
	.mjs-root .mjs-chip{padding:10px 14px;font-size:14px;border-radius:12px}
	.mjs-link{padding:11px 12px;border-radius:14px}
	.mjs-st-cards .mjs-link{padding:13px}
	.mjs-item{padding:9px 2px;gap:10px}
	.mjs-th{width:84px;height:84px;border-radius:12px}
	.mjs-st-cards .mjs-th{height:96px}
	.mjs-st-scroll .mjs-item{flex-basis:132px}
	.mjs-st-scroll .mjs-th{height:88px}
	.mjs-boxes{gap:10px}
	.mjs-box{border-radius:16px}
	.mjs-box figcaption{padding:10px 12px;font-size:13.5px;line-height:1.6}
	.mjs-bx-scroll .mjs-box{flex-basis:82%}
	.mjs-btn2{padding:13px 18px;font-size:15px}
	.mjs-bl-row .mjs-btn2{padding:11px 14px;font-size:14px}
	.mjs-banner{border-radius:14px}
	.mjs-all{padding:13px;margin-top:14px}
	.mjs-empty{padding:32px 8px}
	.mjs-fab{bottom:calc(16px + env(safe-area-inset-bottom));width:50px;height:50px}
	.mjs-au{padding:10px 12px}
	.mjs-au .mjs-pbtn{width:44px!important;height:44px!important}
	.mjs-bm-video.mjs-pl{height:120px}
}
@media (max-width:380px){
	.mjs-recent-list:not(.mjs-n1){grid-template-columns:repeat(2,minmax(0,1fr))}
	.mjs-st-grid .mjs-links,.mjs-st-cards .mjs-links{grid-template-columns:1fr}
	.mjs-root .mjs-chip{padding:9px 12px}
}
/* short screens (landscape phones / keyboard open): use the room for results */
@media (max-height:480px){
	.mjs-handle{padding-top:6px}
	.mjs-field{height:42px}
	.mjs-body{padding-top:10px}
}

/* ---------- desktop ---------- */
@media (min-width:769px){
	.mjs-l-modal .mjs-panel{max-height:min(84%,760px)}
}
@media (hover:none){
	.mjs-chip:hover,.mjs-btn2:hover,a.mjs-bm-image:hover img{transform:none}
}

/* v1.6.3 – desktop: theme menu/button styles must not override the search item look */
li.mjs-menu-item{display:inline-flex;align-items:center}
li.mjs-menu-item > a.mjs-mi{display:inline-flex!important;align-items:center;gap:8px;line-height:1.4!important;text-decoration:none!important;box-sizing:border-box}
li.mjs-menu-item > a.mjs-mi.mjs-mi-field{padding:8px 16px!important;min-width:150px;height:auto!important;border:1px solid var(--mjs-chip-bd,#e5e7eb)!important;border-radius:999px!important;background:var(--mjs-chip-bg,#f8fafc)!important;color:var(--mjs-muted,#6b7280)!important;font-size:14px!important;box-shadow:none!important}
li.mjs-menu-item > a.mjs-mi.mjs-mi-field:hover{border-color:var(--mjs-accent,#16a34a)!important}
li.mjs-menu-item > a.mjs-mi.mjs-mi-icon_text{padding:8px 14px!important;border-radius:999px!important;background:var(--mjs-chip-bg,#f8fafc)!important;color:inherit!important}
li.mjs-menu-item > a.mjs-mi.mjs-mi-icon{padding:8px!important}
li.mjs-menu-item > a.mjs-mi svg{width:18px;height:18px;flex:none}
div.mjs-footbar button.mjs-fb-field{display:flex!important;width:100%!important;max-width:640px;height:50px!important;margin:0 auto!important;padding:0 18px!important;border:1.5px solid var(--mjs-accent,#16a34a)!important;border-radius:999px!important;background:var(--mjs-bg,#fff)!important;box-shadow:none!important}

/* v1.6.3 – menu/footer search field follows the chosen design */
li.mjs-menu-item > a.mjs-mi.mjs-dz,div.mjs-footbar button.mjs-fb-field.mjs-dz{background:var(--dz-bg)!important;border:var(--dz-bd)!important;border-bottom:var(--dz-bb,var(--dz-bd))!important;border-radius:var(--dz-r)!important;color:var(--dz-c)!important;box-shadow:var(--dz-sh,none)!important}
.mjs-dz-1{--dz-bg:#f1f5f9;--dz-bd:0 none;--dz-r:999px;--dz-c:#0f172a}
.mjs-dz-2{--dz-bg:transparent;--dz-bd:0 none;--dz-bb:2px solid #0f172a;--dz-r:0;--dz-c:#0f172a}
.mjs-dz-3{--dz-bg:#fff;--dz-bd:2px solid #2563eb;--dz-r:10px;--dz-c:#0f172a}
.mjs-dz-4{--dz-bg:#0f172a;--dz-bd:0 none;--dz-r:12px;--dz-c:#fff}
.mjs-dz-5{--dz-bg:#fff;--dz-bd:0 none;--dz-r:14px;--dz-c:#0f172a;--dz-sh:0 8px 24px rgba(15,23,42,.14)}
.mjs-dz-6{--dz-bg:#fff;--dz-bd:1px solid #cbd5e1;--dz-r:999px;--dz-c:#0f172a}
.mjs-dz-7{--dz-bg:linear-gradient(135deg,#7c3aed,#2563eb);--dz-bd:0 none;--dz-r:999px;--dz-c:#fff;--dz-sh:0 8px 22px rgba(79,70,229,.35)}
.mjs-dz-8{--dz-bg:#0f172a;--dz-bd:1px solid rgba(255,255,255,.2);--dz-r:16px;--dz-c:#fff}
.mjs-dz-9{--dz-bg:#ecfdf5;--dz-bd:2px solid #10b981;--dz-r:999px;--dz-c:#064e3b}
.mjs-dz-10{--dz-bg:#0b1020;--dz-bd:2px solid #22d3ee;--dz-r:12px;--dz-c:#e0f2fe;--dz-sh:0 0 18px rgba(34,211,238,.45)}
.mjs-dz-11{--dz-bg:#fff;--dz-bd:3px solid #0f172a;--dz-r:0;--dz-c:#0f172a;--dz-sh:4px 4px 0 #0f172a}

.mjs-root .mjs-field.mjs-dz{background:var(--dz-bg)!important;border:var(--dz-bd)!important;border-bottom:var(--dz-bb,var(--dz-bd))!important;border-radius:var(--dz-r)!important;color:var(--dz-c)!important;box-shadow:var(--dz-sh,none)!important}
.mjs-root .mjs-field.mjs-dz .mjs-input{color:var(--dz-c)!important}
.mjs-root .mjs-field.mjs-dz-4 .mjs-input::placeholder,.mjs-root .mjs-field.mjs-dz-8 .mjs-input::placeholder,.mjs-root .mjs-field.mjs-dz-10 .mjs-input::placeholder{color:#94a3b8}
.mjs-root .mjs-field.mjs-dz-7 .mjs-input::placeholder{color:rgba(255,255,255,.8)}
.mjs-root .mjs-field.mjs-dz:focus-within{box-shadow:0 0 0 4px rgba(37,99,235,.18)!important}

/* v1.6.3 – desktop: a roomy centered window (70% of the screen) over a blurred page */
@media (min-width:769px){
.mjs-root.mjs-dev-desktop .mjs-backdrop{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:rgba(15,23,42,.45)}
.mjs-root.mjs-dev-desktop .mjs-panel{inset:auto!important;top:0!important;bottom:0!important;left:50%!important;right:auto!important;width:70vw!important;max-width:1280px;height:100%!important;max-height:none!important;min-height:0!important;margin:0!important;transform:translate(-50%,-14px) scale(.98);border-radius:0!important}
.mjs-root.mjs-dev-desktop.mjs-in .mjs-panel{transform:translate(-50%,0)!important}
.mjs-root.mjs-dev-desktop .mjs-handle{display:none!important}
.mjs-root.mjs-dev-desktop .mjs-form{padding:22px 32px;gap:16px}
.mjs-root.mjs-dev-desktop .mjs-field{height:56px;padding:0 22px}
.mjs-root.mjs-dev-desktop .mjs-body{padding:28px 32px 36px}
.mjs-root.mjs-dev-desktop .mjs-sec{margin-bottom:34px}
.mjs-root.mjs-dev-desktop .mjs-h{font-size:16px;margin-bottom:16px}
.mjs-root.mjs-dev-desktop .mjs-chips{gap:14px}
.mjs-root.mjs-dev-desktop .mjs-chip{padding:12px 22px;font-size:15px}
.mjs-root.mjs-dev-desktop .mjs-plist{gap:14px}
.mjs-root.mjs-dev-desktop .mjs-item{padding:14px 16px;gap:16px;border:1px solid var(--mjs-chip-bd);border-radius:14px;margin:0;background:var(--mjs-bg)}
.mjs-root.mjs-dev-desktop .mjs-item:hover{border-color:var(--mjs-accent);background:var(--mjs-chip-bg)}
.mjs-root.mjs-dev-desktop .mjs-th{width:120px;height:120px;border-radius:14px}
.mjs-root.mjs-dev-desktop .mjs-it b{font-size:16px}
.mjs-root.mjs-dev-desktop .mjs-st-cards .mjs-plist{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mjs-root.mjs-dev-desktop .mjs-st-cards .mjs-item{padding:14px}
.mjs-root.mjs-dev-desktop .mjs-st-cards .mjs-th{height:150px}
.mjs-root.mjs-dev-desktop .mjs-st-scroll .mjs-plist{gap:20px;padding-bottom:12px}
.mjs-root.mjs-dev-desktop .mjs-st-scroll .mjs-item{flex-basis:230px}
.mjs-root.mjs-dev-desktop .mjs-st-scroll .mjs-th{height:130px;width:100%}
.mjs-root.mjs-dev-desktop .mjs-links{gap:12px}
.mjs-root.mjs-dev-desktop .mjs-st-grid .mjs-links,.mjs-root.mjs-dev-desktop .mjs-st-cards .mjs-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mjs-root.mjs-dev-desktop .mjs-link{padding:14px 16px}
.mjs-root.mjs-dev-desktop .mjs-boxes{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mjs-root.mjs-dev-desktop .mjs-bx-scroll .mjs-box{flex-basis:300px}
.mjs-root.mjs-dev-desktop .mjs-bx-stack .mjs-boxes{grid-template-columns:1fr}
}

/* ================= v1.6.4 ================= */

/* header search (added from the plugin settings) – same protection as the menu item */
.mjs-hdr{display:inline-flex;align-items:center;flex:none;margin:0 10px;position:relative;z-index:5}
.mjs-hdr>a.mjs-mi{display:inline-flex!important;align-items:center;gap:8px;line-height:1.4!important;text-decoration:none!important;box-sizing:border-box;cursor:pointer;color:inherit}
.mjs-hdr>a.mjs-mi svg{width:18px;height:18px;flex:none}
.mjs-hdr>a.mjs-mi.mjs-mi-icon{padding:8px!important}
.mjs-hdr>a.mjs-mi.mjs-mi-icon_text{padding:8px 14px!important;border-radius:999px!important;background:var(--mjs-chip-bg,#f8fafc)!important;color:inherit!important}
.mjs-hdr>a.mjs-mi.mjs-mi-field{padding:8px 16px!important;min-width:150px;height:auto!important;font-size:14px!important}
.mjs-hdr>a.mjs-mi.mjs-dz,li.mjs-menu-item>a.mjs-mi.mjs-dz{background:var(--dz-bg)!important;border:var(--dz-bd)!important;border-bottom:var(--dz-bb,var(--dz-bd))!important;border-radius:var(--dz-r)!important;color:var(--dz-c)!important;box-shadow:var(--dz-sh,none)!important}

/* the colored designs follow the main color chosen for the device (red = red, ...) */
.mjs-dz-3{--dz-bd:2px solid var(--mjs-accent,#2563eb)}

/* ---- scrollbars: always visible, tinted with the chosen main color, a little lighter ---- */
.mjs-root{--mjs-sb-thumb:var(--mjs-accent);--mjs-sb-track:var(--mjs-chip-bd)}
@supports (color:color-mix(in srgb,red 10%,blue)){
	.mjs-root{--mjs-sb-thumb:color-mix(in srgb,var(--mjs-accent) 55%,#fff);--mjs-sb-track:color-mix(in srgb,var(--mjs-accent) 10%,transparent)}
}
.mjs-root *{scrollbar-width:thin;scrollbar-color:var(--mjs-sb-thumb) var(--mjs-sb-track)}
.mjs-root *::-webkit-scrollbar{width:9px!important;height:9px!important;display:block!important;-webkit-appearance:none}
.mjs-root *::-webkit-scrollbar-track{background:var(--mjs-sb-track)!important;border-radius:9px}
.mjs-root *::-webkit-scrollbar-thumb{background:var(--mjs-sb-thumb)!important;border-radius:9px;border:2px solid transparent;background-clip:padding-box;min-height:36px;min-width:36px}
.mjs-root *::-webkit-scrollbar-thumb:hover{background:var(--mjs-accent)!important;background-clip:padding-box}
.mjs-root *::-webkit-scrollbar-corner{background:transparent}
/* horizontal rows keep room for their bar */
.mjs-st-scroll .mjs-plist,.mjs-bx-scroll .mjs-boxes{padding-bottom:12px!important}

@media (min-width:769px){
	/* desktop: bars are drawn even before anything is hovered or clicked (empty track when nothing overflows) */
	.mjs-root.mjs-dev-desktop .mjs-body{overflow-y:scroll!important;padding-inline-end:22px}
	.mjs-root.mjs-dev-desktop .mjs-st-scroll .mjs-plist,.mjs-root.mjs-dev-desktop .mjs-bx-scroll .mjs-boxes{overflow-x:auto!important}
}

/* v1.6.4 – suggestion rows (frequent words, links, terms, row-buttons) stay on ONE line and scroll sideways; the bar is always visible */
.mjs-root .mjs-chips{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:12px;-webkit-overflow-scrolling:touch}
.mjs-root .mjs-chips>*{flex:none;white-space:nowrap}
.mjs-root .mjs-links,.mjs-root.mjs-dev-desktop .mjs-links,.mjs-root .mjs-st-grid .mjs-links,.mjs-root .mjs-st-cards .mjs-links,.mjs-root.mjs-dev-desktop .mjs-st-grid .mjs-links,.mjs-root.mjs-dev-desktop .mjs-st-cards .mjs-links{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;grid-template-columns:none!important;overflow-x:auto;overflow-y:hidden;padding-bottom:12px;gap:10px;-webkit-overflow-scrolling:touch}
.mjs-root .mjs-links>.mjs-link{flex:0 0 auto;min-width:200px;max-width:280px}
.mjs-root .mjs-bl-row .mjs-btns{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:12px}
.mjs-root .mjs-bl-row .mjs-btn2{flex:0 0 auto;white-space:nowrap}

/* v1.6.5 – texts of added posts/products blocks: always one line, "…" when longer */
.mjs-root .mjs-plist .mjs-it{min-width:0;max-width:100%}
.mjs-root .mjs-plist .mjs-it b,.mjs-root .mjs-plist .mjs-it .mjs-type{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mjs-root .mjs-st-cards .mjs-plist .mjs-it,.mjs-root .mjs-st-scroll .mjs-plist .mjs-it{width:100%}
.mjs-root .mjs-st-cards .mjs-plist .mjs-item,.mjs-root .mjs-st-scroll .mjs-plist .mjs-item{min-width:0}

/* ================= v1.6.6 – header button = the chosen design, with size + alignment ================= */
.mjs-hdr{display:flex!important;width:fit-content;max-width:100%;flex:none;align-items:center;margin:0 10px;--hs-k:1.25;--hs-w:240px}
.mjs-hdr.mjs-sz-s{--hs-k:1;--hs-w:220px}
.mjs-hdr.mjs-sz-m{--hs-k:1.25;--hs-w:240px}
.mjs-hdr.mjs-sz-l{--hs-k:1.55;--hs-w:271px}
.mjs-hdr.mjs-sz-full{--hs-k:1;flex:1 1 100%;width:100%;margin:8px 0}
.mjs-hdr.mjs-al-right{margin-left:auto;margin-right:10px}
.mjs-hdr.mjs-al-left{margin-right:auto;margin-left:10px}
.mjs-hdr.mjs-al-center{margin-left:auto;margin-right:auto}
.mjs-hdr.mjs-sz-full.mjs-al-right,.mjs-hdr.mjs-sz-full.mjs-al-left,.mjs-hdr.mjs-sz-full.mjs-al-center{margin:8px 0}
.mjs-hdr .mjs-hd{zoom:var(--hs-k);box-sizing:border-box;cursor:pointer;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important}
.mjs-hdr .mjs-hd svg{width:18px;height:18px;flex:none}
.mjs-hdr .mjs-hsf{display:flex!important;align-items:center;width:var(--hs-w)!important;max-width:none}
.mjs-hdr.mjs-sz-full .mjs-hsf{width:100%!important;height:54px!important}
.mjs-hdr .mjs-hsf-ph{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.4;text-align:start;opacity:.72;color:inherit}
.mjs-hdr .mjs-hsf button{display:inline-flex!important;align-items:center;justify-content:center;flex:none;border:0!important;margin:0!important;padding:0!important;min-height:0!important;box-shadow:none!important;pointer-events:none;line-height:1}
.mjs-hdr button.mjs-hd.mjs-ic{display:inline-flex!important;align-items:center;justify-content:center;min-height:0!important;margin:0!important;line-height:1}
.mjs-hdr button.mjs-hd-txt{width:auto!important;padding:0 18px!important;gap:8px;font-size:14px;font-weight:600;white-space:nowrap}
.mjs-hdr button.mjs-hd-txt span{color:inherit}
.mjs-hdr.mjs-sz-full button.mjs-hd{zoom:1.2}

/* v1.6.8 – plain magnifier in the header bar (placed by «اضافه شدن به منو») */
.mjs-hdr.mjs-hdr-plain{display:inline-flex!important;width:auto;margin:0 4px;vertical-align:middle;flex:none}
.mjs-hdr button.mjs-plain{zoom:1;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-width:44px;height:44px;padding:0 10px!important;margin:0!important;border:0!important;border-radius:10px;background:transparent!important;box-shadow:none!important;color:inherit!important;font:inherit;font-size:14px;line-height:1;cursor:pointer;text-transform:none!important;letter-spacing:normal!important}
.mjs-hdr button.mjs-plain:hover,.mjs-hdr button.mjs-plain:focus-visible{background:rgba(15,23,42,.06)!important;outline:0}
.mjs-hdr button.mjs-plain svg{width:22px;height:22px;flex:none}

/* v1.6.9 – header box: magnifier sits inside the theme's own header box, right beside the hamburger / nav */
.mjs-hdr.mjs-hdr-near{display:inline-flex!important;width:auto;margin:0 6px;flex:none;vertical-align:middle}

/* ================= v1.6.11 – mobile: the search page always takes the WHOLE screen ================= */
@media (max-width:768px){
	.mjs-root{height:100vh;height:100dvh}
	.mjs-root .mjs-backdrop{display:none!important}
	.mjs-root .mjs-panel,.mjs-root.mjs-l-sheet .mjs-panel,.mjs-root.mjs-l-modal .mjs-panel,.mjs-root.mjs-l-top .mjs-panel,.mjs-root.mjs-l-full .mjs-panel{
		position:absolute!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;
		width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;
		border-radius:0!important;box-shadow:none!important;background:var(--mjs-bg)}
	.mjs-root .mjs-handle{display:none!important}
	.mjs-root .mjs-form{padding-top:calc(10px + env(safe-area-inset-top))}
	.mjs-root .mjs-body{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
	/* open/close animation for the full page: smooth slide up */
	.mjs-a-slide .mjs-panel,.mjs-a-zoom .mjs-panel{transform:translateY(100%)}
	.mjs-a-fade .mjs-panel{transform:none}
}

/* v1.6.11 – mobile: no automatic keyboard; a blinking caret shows the field is ready, tap the field to type */
.mjs-caret{display:none}
@media (max-width:768px){
	.mjs-root.mjs-dev-mobile .mjs-field .mjs-caret{display:block;flex:none;width:2px;height:22px;margin-inline-end:-4px;border-radius:2px;background:var(--mjs-accent);animation:mjsCaret 1s steps(1) infinite;pointer-events:none}
	.mjs-root.mjs-dev-mobile .mjs-field:focus-within .mjs-caret,.mjs-root.mjs-dev-mobile .mjs-field.mjs-has .mjs-caret{display:none}
}
@keyframes mjsCaret{0%,100%{opacity:1}50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.mjs-caret{animation:none!important}}

/* ===== v1.6.11 – scrollbars: ALWAYS visible and colored, in every direction (phones used to hide them after the first touch) ===== */
@supports selector(::-webkit-scrollbar){
	/* the standard scrollbar-width / scrollbar-color switch Chrome & Safari to auto-hiding overlay bars: turn them off there so the colored bars below stay drawn */
	.mjs-root,.mjs-root *{scrollbar-width:auto!important;scrollbar-color:auto!important}
}
.mjs-root *::-webkit-scrollbar{-webkit-appearance:none!important;display:block!important;width:8px!important;height:8px!important}
.mjs-root *::-webkit-scrollbar-track{background:var(--mjs-sb-track)!important;border-radius:9px}
.mjs-root *::-webkit-scrollbar-thumb{background-color:var(--mjs-accent)!important;border-radius:9px;min-height:36px;min-width:36px;background-clip:border-box;border:0}
.mjs-root .mjs-chips,.mjs-root .mjs-links,.mjs-root .mjs-bl-row .mjs-btns,.mjs-st-scroll .mjs-plist,.mjs-bx-scroll .mjs-boxes{overflow-x:auto!important}
.mjs-root .mjs-body{overflow-y:scroll!important}

/* ===== v1.6.11 – opening animation (phone + desktop): light & fast – the whole page glides up and fades in (only transform + opacity = GPU, smooth even on weak phones / slow connections; content never waits for the animation) ===== */
.mjs-root .mjs-panel{opacity:0!important;clip-path:none!important;-webkit-clip-path:none!important;transform:translate3d(0,22px,0) scale(.985)!important;transition:transform .18s ease-in,opacity .18s ease-in!important}
.mjs-root.mjs-in .mjs-panel{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;transition:transform .3s cubic-bezier(.2,.9,.25,1),opacity .22s ease-out!important}
.mjs-root.mjs-dev-desktop .mjs-panel{transform:translate3d(-50%,22px,0) scale(.985)!important}
.mjs-root.mjs-dev-desktop.mjs-in .mjs-panel{transform:translate3d(-50%,0,0) scale(1)!important}
.mjs-root .mjs-backdrop{transition:opacity .2s ease}
.mjs-root .mjs-form,.mjs-root .mjs-body,.mjs-root.mjs-in .mjs-form,.mjs-root.mjs-in .mjs-body,.mjs-root.mjs-in .mjs-blocks>.mjs-sec{opacity:1;transform:none;transition:none;animation:none}
@media (prefers-reduced-motion:reduce){.mjs-root .mjs-panel{transition:none!important}}

/* v1.6.11 – boxes block: one row per type (image / video / audio), rows stacked; 2+ of a type = smooth horizontal slider */
.mjs-bx-rows .mjs-bg{display:flex!important;flex-direction:column;gap:12px;margin:0 0 14px;grid-template-columns:none!important}
.mjs-bx-rows .mjs-bg:last-child{margin-bottom:0}
.mjs-bx-rows .mjs-bg-one .mjs-box{width:100%}
.mjs-bx-rows .mjs-bg-multi{flex-direction:row!important;flex-wrap:nowrap;overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-padding-inline:2px;padding:2px 2px 14px}
.mjs-bx-rows .mjs-bg-multi>.mjs-box{flex:0 0 84%;min-width:0;grid-column:auto;scroll-snap-align:start}
.mjs-bx-rows .mjs-bg-multi.mjs-bg-image>.mjs-box{flex-basis:66%}
.mjs-root.mjs-dev-desktop .mjs-bx-rows .mjs-bg-multi>.mjs-box{flex-basis:380px}
.mjs-root.mjs-dev-desktop .mjs-bx-rows .mjs-bg-multi.mjs-bg-image>.mjs-box{flex-basis:260px}
.mjs-root .mjs-body{touch-action:pan-x pan-y}

/* v1.6.11 – each type (image / video / audio) of a boxes block is its own separate section with clear spacing */
.mjs-root .mjs-sec.mjs-bx-rows{margin-bottom:30px}
.mjs-root .mjs-sec.mjs-bx-rows .mjs-bg{margin-bottom:0}


/* v1.6.11 – "بستن" button follows the theme color; scrollbars a bit thinner (still always visible) */
.mjs-root button.mjs-close,.mjs-root button.mjs-close:hover,.mjs-root button.mjs-close:focus,.mjs-root button.mjs-close:active{color:var(--mjs-accent)!important;font-weight:600}
/* v1.6.14 – vertical (whole page) bar 5px (+25%), horizontal section bars 2.8px (-30%) */
.mjs-root *::-webkit-scrollbar{width:5px!important;height:2.8px!important}
.mjs-root *::-webkit-scrollbar-track{border-radius:5px}
.mjs-root *::-webkit-scrollbar-thumb{border-radius:5px;min-height:40px;min-width:40px}


/* v1.6.13 – image viewer (full screen, prev / next for 2+ images) */
.mjs-bm-image{cursor:zoom-in}
.mjs-lb{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}
.mjs-lb.mjs-shown{opacity:1}
.mjs-lb-bg{position:absolute;inset:0;background:rgba(8,10,18,.94)}
.mjs-lb-stage{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:calc(64px + env(safe-area-inset-top)) 64px calc(70px + env(safe-area-inset-bottom))}
.mjs-lb-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5);user-select:none;-webkit-user-drag:none}
.mjs-lb button.mjs-lb-x,.mjs-lb button.mjs-lb-nav{position:absolute;z-index:3;display:flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.16)!important;color:#fff!important;line-height:0!important;box-shadow:none!important;cursor:pointer;transition:background .2s}
.mjs-lb button.mjs-lb-x:hover,.mjs-lb button.mjs-lb-nav:hover{background:rgba(255,255,255,.3)!important}
.mjs-lb button.mjs-lb-x{top:calc(12px + env(safe-area-inset-top));right:12px}
.mjs-lb button.mjs-lb-x svg{width:20px;height:20px}
.mjs-lb button.mjs-lb-nav{top:50%;margin-top:-22px!important}
.mjs-lb button.mjs-lb-l{left:10px}
.mjs-lb button.mjs-lb-r{right:10px}
.mjs-lb-count{position:absolute;z-index:3;top:calc(22px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);color:#fff;font-size:13px;opacity:.85;direction:ltr}
.mjs-lb-foot{position:absolute;z-index:3;left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 70px;text-align:center;color:#fff;font-size:14px}
.mjs-lb-cap[hidden],.mjs-lb-link[hidden],.mjs-lb-count[hidden]{display:none!important}
.mjs-lb a.mjs-lb-link{color:#fff!important;background:var(--mjs-accent);padding:7px 18px;border-radius:20px;text-decoration:none!important;font-weight:600;font-size:13px}
@media (max-width:600px){.mjs-lb-stage{padding:calc(60px + env(safe-area-inset-top)) 8px calc(76px + env(safe-area-inset-bottom))}.mjs-lb-foot{padding:0 62px}.mjs-lb button.mjs-lb-nav{width:40px!important;height:40px!important;margin-top:-20px!important;background:rgba(0,0,0,.45)!important}.mjs-lb button.mjs-lb-l{left:6px}.mjs-lb button.mjs-lb-r{right:6px}}
@media (prefers-reduced-motion:reduce){.mjs-lb{transition:none}}


/* v1.6.15 – captions of image / video / audio boxes: ONE line, "…" at the end when too long */
.mjs-box figcaption{min-width:0;overflow:hidden}
.mjs-box figcaption .mjs-cap-t{display:block;flex:1 1 auto;min-width:0;max-width:100%;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
/* v1.6.15 – phone: move the page scrollbar a little away from the screen edge so it is really visible on real phones (cases / edge gestures hide the very edge) */
.mjs-root.mjs-dev-mobile.mjs-rtl .mjs-body{border-left:9px solid transparent}
.mjs-root.mjs-dev-mobile:not(.mjs-rtl) .mjs-body{border-right:9px solid transparent}


/* v1.6.16 – colored buttons block: "use theme color" tick → same color as the main theme (like the "بستن" button) */
.mjs-btn2.mjs-btn-theme{--c:var(--mjs-accent);--b:#f4f1fb;border-color:var(--mjs-accent)}
@supports (color:color-mix(in srgb,red 10%,blue)){.mjs-btn2.mjs-btn-theme{--b:color-mix(in srgb,var(--mjs-accent) 10%,#fff);border-color:color-mix(in srgb,var(--mjs-accent) 38%,transparent)}}
/* v1.6.16 – no pinch / ctrl-zoom resizing inside the search page */
.mjs-root,.mjs-root *{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.mjs-root{touch-action:pan-x pan-y}

/* live results pager (v1.6.20) */
.mjs-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:18px;direction:ltr}
.mjs-root .mjs-pg{min-width:42px;height:42px;padding:0 10px;border:1px solid var(--mjs-accent);border-radius:10px;background:transparent;color:var(--mjs-accent);font:inherit;font-weight:600;font-size:15px;line-height:1;cursor:pointer}
.mjs-root .mjs-pg:hover{background:var(--mjs-chip-bg)}
.mjs-root .mjs-pg.mjs-pg-on{background:var(--mjs-accent);color:#fff;cursor:default}
.mjs-pg-gap{color:var(--mjs-muted);padding:0 2px}

/* live results = big cover cards, spaced apart, last one is the "view all" button (v1.6.20) */
.mjs-rlist{gap:18px}
.mjs-root .mjs-rlist .mjs-item{flex-direction:column;align-items:stretch;gap:10px;padding:0 0 12px;border:1px solid var(--mjs-chip-bd);border-radius:18px;overflow:hidden;background:var(--mjs-bg)}
.mjs-root .mjs-rlist .mjs-item .mjs-th{width:100%;height:auto;aspect-ratio:16/9;border-radius:0;object-fit:cover}
.mjs-root .mjs-rlist .mjs-item .mjs-th-empty{display:none}
.mjs-root .mjs-rlist .mjs-it{padding:0 14px}
.mjs-root .mjs-rlist .mjs-it b{font-size:16px;line-height:1.7}
.mjs-root.mjs-dev-desktop .mjs-rlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.mjs-root.mjs-dev-desktop .mjs-rlist .mjs-item{padding:0 0 14px;margin:0}
.mjs-root .mjs-all{margin-top:20px;padding:16px;font-size:16px}

/* v1.6.21 – live results: two cards per row, image + text (max 2 lines then «…»), "view all" button full width at the end */
.mjs-root .mjs-rlist,
.mjs-root.mjs-dev-desktop .mjs-rlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.mjs-root.mjs-dev-desktop .mjs-rlist{gap:18px}
.mjs-root .mjs-rlist .mjs-item{min-width:0;gap:8px;padding:0 0 10px;border-radius:14px;height:100%}
.mjs-root .mjs-rlist .mjs-item .mjs-th{aspect-ratio:4/3;width:100%}
.mjs-root .mjs-rlist .mjs-it{padding:0 10px;min-width:0}
.mjs-root .mjs-rlist .mjs-it b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.7;word-break:break-word}
.mjs-root.mjs-dev-desktop .mjs-rlist .mjs-it b{font-size:15px}
.mjs-root .mjs-rlist .mjs-it .mjs-type,.mjs-root .mjs-rlist .mjs-it .mjs-price{font-size:12px}
.mjs-root .mjs-all{width:100%;box-sizing:border-box}

/* v1.6.22 – live results: title on ONE line (then «…»); the «مشاهده همه نتایج» button stays visible at the bottom of the panel */
.mjs-root .mjs-rlist .mjs-it b,
.mjs-root.mjs-dev-desktop .mjs-rlist .mjs-it b{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:horizontal;word-break:normal;line-height:1.7}
.mjs-root .mjs-results .mjs-all{position:sticky;bottom:calc(6px + env(safe-area-inset-bottom,0px));z-index:5;box-shadow:0 6px 18px rgba(15,23,42,.22)}


/* v1.6.23 – live results layout by count: 1-2 = full-width cards, 3 = one big + two half, 4+ = two per row; title max 2 lines then «…»; «مشاهده همه نتایج» always pinned at the bottom */
.mjs-root .mjs-body{display:flex;flex-direction:column}
.mjs-root .mjs-blocks{flex:none}
.mjs-root .mjs-results{flex:1 0 auto;display:flex;flex-direction:column;min-height:0}
.mjs-root .mjs-results[hidden]{display:none}
.mjs-root .mjs-results .mjs-rlist{flex:none;margin-bottom:16px}
.mjs-root .mjs-results .mjs-all,.mjs-root .mjs-results .mjs-empty~.mjs-all{flex:none;margin-top:auto;position:sticky;bottom:calc(6px + env(safe-area-inset-bottom,0px));z-index:5}
.mjs-root .mjs-rlist.mjs-n1,.mjs-root .mjs-rlist.mjs-n2,
.mjs-root.mjs-dev-desktop .mjs-rlist.mjs-n1,.mjs-root.mjs-dev-desktop .mjs-rlist.mjs-n2{grid-template-columns:minmax(0,1fr)}
.mjs-root .mjs-rlist.mjs-n3>.mjs-item:first-child{grid-column:1/-1}
.mjs-root .mjs-rlist.mjs-n1 .mjs-item .mjs-th,.mjs-root .mjs-rlist.mjs-n2 .mjs-item .mjs-th,.mjs-root .mjs-rlist.mjs-n3>.mjs-item:first-child .mjs-th{aspect-ratio:16/9}
.mjs-root .mjs-rlist .mjs-it b,
.mjs-root.mjs-dev-desktop .mjs-rlist .mjs-it b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.7;max-width:100%}


/* v1.6.23b – 4-6 results: everything fits ONE screen (no scroll), 2 per row, title on one line for 5-6; button right under the cards */
.mjs-root .mjs-rlist.mjs-n5 .mjs-it b,.mjs-root .mjs-rlist.mjs-n6 .mjs-it b,
.mjs-root.mjs-dev-desktop .mjs-rlist.mjs-n5 .mjs-it b,.mjs-root.mjs-dev-desktop .mjs-rlist.mjs-n6 .mjs-it b{display:block;white-space:nowrap;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:horizontal;overflow:hidden;text-overflow:ellipsis}
.mjs-root .mjs-results.mjs-fit{flex:1 1 0;min-height:0}
.mjs-root .mjs-results.mjs-fit .mjs-rlist{flex:1 1 0;min-height:0;grid-auto-rows:minmax(0,1fr);margin-bottom:12px}
.mjs-root .mjs-results.mjs-fit .mjs-rlist .mjs-item{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.mjs-root .mjs-results.mjs-fit .mjs-rlist .mjs-item .mjs-th{flex:1 1 0;min-height:0;aspect-ratio:auto;height:auto;width:100%;object-fit:cover}
.mjs-root .mjs-results.mjs-fit .mjs-rlist .mjs-it{flex:none}
.mjs-root .mjs-results.mjs-fit .mjs-all{margin-top:0;position:static}
@media (min-height:480px){.mjs-root.mjs-root .mjs-body.mjs-nos{overflow:hidden!important;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}}


/* v1.6.24 – fake blinking caret: placed by JS right after the text; visible whenever the field is not focused (mobile) */
@media (max-width:768px){
	.mjs-root.mjs-dev-mobile .mjs-field{position:relative}
	.mjs-root.mjs-dev-mobile .mjs-field .mjs-caret{display:block;position:absolute;top:50%;margin:-11px 0 0!important;flex:none}
	.mjs-root.mjs-dev-mobile .mjs-field.mjs-has .mjs-caret{display:block}
	.mjs-root.mjs-dev-mobile .mjs-field:focus-within .mjs-caret{display:none}
}


/* v1.6.27 – posts block, style «کارت (شبکه)»: the cover image fills 100% of the card width and is shown whole (no cropping), on desktop and mobile, for 2 or 3 columns */
.mjs-root .mjs-st-cards .mjs-plist .mjs-item{align-items:stretch;overflow:hidden}
.mjs-root .mjs-st-cards .mjs-plist .mjs-item .mjs-th,
.mjs-root.mjs-dev-desktop .mjs-st-cards .mjs-plist .mjs-item .mjs-th,
.mjs-root.mjs-dev-mobile .mjs-st-cards .mjs-plist .mjs-item .mjs-th{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:auto;object-fit:contain;border-radius:10px}
.mjs-root .mjs-st-cards .mjs-plist .mjs-item .mjs-th-empty{display:none}


/* v1.6.27b – posts block «کارت (شبکه)»: title centred, ONE line, «…» when longer */
.mjs-root .mjs-st-cards .mjs-plist .mjs-it{align-items:stretch;width:100%;min-width:0;text-align:center}
.mjs-root .mjs-st-cards .mjs-plist .mjs-it b,
.mjs-root .mjs-st-cards .mjs-plist .mjs-it .mjs-type,
.mjs-root .mjs-st-cards .mjs-plist .mjs-it .mjs-price{display:block;width:100%;max-width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* v1.6.28 – DESKTOP ONLY live results, by count: 1 = one box 70% centred; 2 = 2×50%; 3 = 3×30%; 4 = 2×2 square (25% each, centred); 5 = 2×50% + 3×30%; 6 = 3×30% + 3×30%.
   picture shown whole (no cropping), title on one line with «…». Mobile is untouched. */
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-rlist{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:center;align-items:stretch;gap:16px;grid-template-columns:none;margin:0 auto 16px}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-rlist>.mjs-item{box-sizing:border-box;height:auto;min-width:0;flex:0 0 calc((100% - 32px)/3);grid-column:auto}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n1>.mjs-item{flex-basis:70%}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n2>.mjs-item{flex-basis:calc(50% - 8px)}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n4>.mjs-item{flex-basis:calc(50% - 8px)}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n5>.mjs-item:nth-child(-n+2){flex-basis:calc(50% - 8px)}

.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist .mjs-it b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:horizontal;max-width:100%}

/* v1.6.31 – DESKTOP live results, fine tuning.
   --mjs-ih = the tallest a picture may be so that EVERY layout (1-6 results) + the «همه نتایج» button fit one screen.
   The picture keeps its own ratio (no letterbox bars above/below), so the title sits right under it. */
.mjs-root.mjs-dev-desktop .mjs-results{--mjs-avail:calc(100vh - 215px)}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-rlist{--mjs-ih:calc(var(--mjs-avail) - 62px);align-content:flex-start}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n4,
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n5,
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n6{--mjs-ih:calc((var(--mjs-avail) - 16px) / 2 - 62px)}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n4>.mjs-item{flex-basis:calc(50% - 8px)}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-rlist .mjs-item{gap:6px;padding-bottom:8px;justify-content:flex-start;overflow:hidden}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-rlist .mjs-item .mjs-th{display:block;flex:none;width:100%;height:auto;max-height:max(var(--mjs-ih),120px);aspect-ratio:auto;object-fit:contain;object-position:center;background:var(--mjs-chip-bg)}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-rlist .mjs-it{padding:0 12px}

/* v1.6.32 – DESKTOP live results: titles centred under the picture; NO border/background change on hover (a gentle zoom instead);
   1-3 results sit vertically in the middle of the free space; «همه نتایج» button lower. */
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist .mjs-it,
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist .mjs-it b,
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist .mjs-it .mjs-type,
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist .mjs-it .mjs-price{text-align:center}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-rlist .mjs-item{background:var(--mjs-bg);border-color:var(--mjs-chip-bd);transition:transform .38s cubic-bezier(.22,.8,.3,1),box-shadow .38s ease;transform:scale(1);will-change:transform}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-rlist .mjs-item:hover,
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-rlist .mjs-item:focus-visible{background:var(--mjs-bg);border-color:var(--mjs-chip-bd);transform:scale(1.035);box-shadow:0 12px 30px rgba(15,23,42,.16);position:relative;z-index:2;outline:0}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n1,
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n2,
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n3{flex:1 1 auto;align-content:center;margin-bottom:0}
@media (prefers-reduced-motion:reduce){.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-rlist .mjs-item{transition:none}}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n1,
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n2,
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n3{align-items:flex-start}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-all{bottom:0;margin-bottom:0}
.mjs-root.mjs-root.mjs-dev-desktop .mjs-body:has(.mjs-results:not([hidden])){padding-bottom:16px}

/* v1.6.33 – live results (desktop + mobile, every layout): picture corners – top 25px, bottom 10% */
.mjs-root .mjs-results .mjs-rlist .mjs-item .mjs-th,
.mjs-root .mjs-results .mjs-rlist.mjs-rlist .mjs-item .mjs-th,
.mjs-root .mjs-results.mjs-fit .mjs-rlist .mjs-item .mjs-th,
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-rlist .mjs-item .mjs-th{border-radius:25px 25px 10% 10%}
.mjs-root .mjs-results .mjs-rlist .mjs-item,
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-rlist .mjs-item{border-radius:25px 25px 16px 16px}

/* v1.6.33 – DESKTOP: tighter gaps (10px), less wasted height; with 5 results the top two (50%) get more room than the bottom three */
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-rlist{--mjs-g:10px;gap:var(--mjs-g);--mjs-ih:calc(var(--mjs-avail) - 54px)}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n4,
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n5,
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n6{--mjs-ih:calc((var(--mjs-avail) - var(--mjs-g)) / 2 - 54px)}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-rlist>.mjs-item{flex-basis:calc((100% - 2 * var(--mjs-g)) / 3)}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n1>.mjs-item{flex-basis:70%}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n2>.mjs-item,
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n4>.mjs-item,
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n5>.mjs-item:nth-child(-n+2){flex-basis:calc((100% - var(--mjs-g)) / 2)}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n5 .mjs-item:nth-child(-n+2) .mjs-th{max-height:max(calc((var(--mjs-avail) - var(--mjs-g)) * .56 - 54px),120px)}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n5 .mjs-item:nth-child(n+3) .mjs-th{max-height:max(calc((var(--mjs-avail) - var(--mjs-g)) * .44 - 54px),100px)}

/* v1.6.34 – every live result (desktop + mobile, all layouts): ALL FOUR corners 15px – card and picture */
.mjs-root .mjs-results .mjs-rlist .mjs-item,
.mjs-root .mjs-results .mjs-rlist.mjs-rlist .mjs-item,
.mjs-root .mjs-results.mjs-fit .mjs-rlist .mjs-item,
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-rlist .mjs-item{border-radius:15px!important;overflow:hidden}
.mjs-root .mjs-results .mjs-rlist .mjs-item .mjs-th,
.mjs-root .mjs-results .mjs-rlist.mjs-rlist .mjs-item .mjs-th,
.mjs-root .mjs-results.mjs-fit .mjs-rlist .mjs-item .mjs-th,
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-rlist .mjs-item .mjs-th,
.mjs-root .mjs-results .mjs-rlist .mjs-item .mjs-th-empty{border-radius:15px!important}

/* v1.6.34 – DESKTOP, 5 results: more space between the two big cards (top) and the three below */
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n5{row-gap:24px}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n5 .mjs-item:nth-child(-n+2) .mjs-th{max-height:max(calc((var(--mjs-avail) - 24px) * .56 - 54px),120px)}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-n5 .mjs-item:nth-child(n+3) .mjs-th{max-height:max(calc((var(--mjs-avail) - 24px) * .44 - 54px),100px)}

/* v1.6.35 – ALL pictures/cards of the search panel (live results 1-6, mobile + desktop, fit mode, posts block): every corner 15px */
.mjs-root .mjs-th,
.mjs-root .mjs-th-empty,
.mjs-root .mjs-results .mjs-th,
.mjs-root .mjs-plist .mjs-th,
.mjs-root .mjs-rlist .mjs-th{border-radius:15px!important}
.mjs-root .mjs-rlist>.mjs-item,
.mjs-root .mjs-results .mjs-item{border-radius:15px!important;overflow:hidden}
.mjs-root .mjs-plist>.mjs-item{border-radius:15px!important}

/* ================= v1.6.36 – MOBILE live results: no scrolling at all, no scrollbar, everything fits one screen =================
   1 = one big card, vertically centred | 2 = two full-width cards | 3 = 1 full + 2×50% | 4 = 2×2 | 5 = 1 full + 2×2 | 6 = 3 rows of 2
   «مشاهده همه نتایج» is always pinned at the bottom. Picture heights are capped from the screen height so nothing can overflow. */
.mjs-root.mjs-dev-mobile .mjs-body{scrollbar-width:none!important;-ms-overflow-style:none;border-left:0!important;border-right:0!important}
.mjs-root.mjs-dev-mobile .mjs-body::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.mjs-root.mjs-dev-mobile .mjs-body:has(.mjs-results:not([hidden])){overflow:hidden!important;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
.mjs-root.mjs-dev-mobile .mjs-results{--mjs-av:calc(100vh - 195px);--mjs-av:calc(100dvh - 195px);flex:1 1 0;min-height:0;display:flex;flex-direction:column}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-rlist{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:12px;align-content:start;align-items:start;margin:0 0 12px;--mjs-t:70px}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n1,
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n2{grid-template-columns:minmax(0,1fr);align-content:center}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n3>.mjs-item:first-child,
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n5>.mjs-item:first-child{grid-column:1/-1}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-rlist>.mjs-item{height:auto;min-width:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-rlist .mjs-item .mjs-th{display:block;flex:none;width:100%;height:auto;aspect-ratio:4/3;max-height:max(var(--mjs-ih,200px),90px);object-fit:cover}
/* picture shapes + height caps per count */
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n1{--mjs-ih:calc(var(--mjs-av) - var(--mjs-t))}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n2{--mjs-ih:calc((var(--mjs-av) - 12px) / 2 - var(--mjs-t))}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n1 .mjs-item .mjs-th,
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n2 .mjs-item .mjs-th,
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n3>.mjs-item:first-child .mjs-th,
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n5>.mjs-item:first-child .mjs-th{aspect-ratio:16/9}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n3>.mjs-item:first-child .mjs-th{max-height:max(calc(var(--mjs-av) * .44 - var(--mjs-t)),90px)}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n3>.mjs-item:not(:first-child) .mjs-th{max-height:max(calc(var(--mjs-av) * .56 - 12px - var(--mjs-t)),70px)}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n4{--mjs-ih:calc((var(--mjs-av) - 12px) / 2 - var(--mjs-t))}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n5{--mjs-t:46px}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n5>.mjs-item:first-child .mjs-th{max-height:max(calc((var(--mjs-av) - 24px) * .4 - var(--mjs-t)),90px)}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n5>.mjs-item:not(:first-child) .mjs-th{max-height:max(calc((var(--mjs-av) - 24px) * .3 - var(--mjs-t)),70px)}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n6{--mjs-t:46px;--mjs-ih:calc((var(--mjs-av) - 24px) / 3 - var(--mjs-t))}
/* button: always at the very bottom, never scrolls */
.mjs-root.mjs-dev-mobile .mjs-results .mjs-all,
.mjs-root.mjs-dev-mobile .mjs-results .mjs-empty~.mjs-all{position:static;flex:none;margin-top:auto;bottom:auto}

/* ---- بلوک لوگو / چنل‌ها ---- */
.mjs-b-logos .mjs-lg{--mjs-lg-s:88px;display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--mjs-lg-s) + 34px),1fr));gap:26px 12px;padding:calc(var(--mjs-lg-s) * .18 + 2px) 2px 2px}
.mjs-b-logos .mjs-lg-it{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:inherit;min-width:0}
.mjs-b-logos .mjs-lg-o{position:relative;flex:none;width:var(--mjs-lg-s);height:var(--mjs-lg-s);margin:0 auto 12px;animation:mjslgf 5s ease-in-out infinite;animation-delay:var(--mjs-lg-d,0s)}
.mjs-b-logos .mjs-lg-o::before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,var(--mjs-accent),transparent 45%,var(--mjs-accent));animation:mjslgs 6s linear infinite}
.mjs-b-logos .mjs-lg-rp{position:absolute;inset:0;border-radius:50%;border:2px solid var(--mjs-accent);animation:mjslgr 3s ease-out infinite;pointer-events:none}
.mjs-b-logos .mjs-lg-rp2{animation-delay:1.5s}
.mjs-b-logos .mjs-lg-in{position:relative;width:100%;height:100%;border-radius:50%;background:var(--mjs-chip-bg);border:4px solid var(--mjs-bg);display:grid;place-items:center;overflow:hidden;font-size:calc(var(--mjs-lg-s) * .36);font-weight:700;color:var(--mjs-accent);transition:transform .4s}
.mjs-b-logos .mjs-lg-in img{display:block;width:100%;height:100%;object-fit:cover}
.mjs-b-logos .mjs-lg-it:hover .mjs-lg-in{transform:scale(1.08) rotate(-4deg)}
.mjs-b-logos .mjs-lg-name{display:inline-flex;flex-direction:column;align-items:center;gap:2px;max-width:100%;padding:6px 14px;border-radius:30px;border:1px solid var(--mjs-chip-bd);background:var(--mjs-chip-bg);color:var(--mjs-text);line-height:1.5;transition:background .3s,border-color .3s}
.mjs-b-logos .mjs-lg-name b{font-size:13px;font-weight:700;color:var(--mjs-accent);overflow-wrap:anywhere}
.mjs-b-logos .mjs-lg-name small{font-size:12px;font-weight:400;overflow-wrap:anywhere}
.mjs-b-logos .mjs-lg-it:hover .mjs-lg-name{border-color:var(--mjs-accent);background:color-mix(in srgb,var(--mjs-accent) 8%,var(--mjs-bg))}
.mjs-b-logos.mjs-lgl-scroll .mjs-lg{display:flex;flex-wrap:nowrap;gap:22px;overflow-x:auto;overflow-y:hidden;padding:calc(var(--mjs-lg-s) * .18 + 2px) 4px 14px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
.mjs-b-logos.mjs-lgl-scroll .mjs-lg-it{flex:0 0 auto;width:calc(var(--mjs-lg-s) + 44px);scroll-snap-align:start}
.mjs-b-logos.mjs-lg-still .mjs-lg-o,.mjs-b-logos.mjs-lg-still .mjs-lg-o::before,.mjs-b-logos.mjs-lg-still .mjs-lg-rp{animation:none}
.mjs-b-logos.mjs-lg-still .mjs-lg-rp{display:none}
@keyframes mjslgf{50%{transform:translateY(-6px)}}
@keyframes mjslgs{to{transform:rotate(360deg)}}
@keyframes mjslgr{to{transform:scale(1.5);opacity:0}}
@media (prefers-reduced-motion:reduce){.mjs-b-logos .mjs-lg-o,.mjs-b-logos .mjs-lg-o::before,.mjs-b-logos .mjs-lg-rp{animation:none}.mjs-b-logos .mjs-lg-rp{display:none}}


/* ================= v1.6.37 =================
   1) DESKTOP – picture corners: the <img> box now shrinks to the picture itself (no letterbox bars inside the box),
      so the 15px radius is really drawn on ALL FOUR corners of the picture, in every layout (1-6 results).
      Before, a picture that was taller than its max-height sat inside a wider rounded box → its own corners looked square. */
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-rlist .mjs-item .mjs-th,
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-rlist>.mjs-item>img.mjs-th{
	width:auto!important;height:auto!important;max-width:calc(100% - 12px)!important;
	align-self:center!important;margin:6px auto 0!important;
	object-fit:fill!important;background:none!important;
	border-radius:15px!important;overflow:hidden;clip-path:inset(0 round 15px)}
.mjs-root.mjs-dev-desktop .mjs-results .mjs-rlist.mjs-rlist .mjs-item .mjs-th-empty{width:calc(100% - 12px)!important;height:120px!important;align-self:center!important;margin:6px auto 0!important;border-radius:15px!important}
/* the same 15px on the card itself and on every picture of the panel */
.mjs-root .mjs-results .mjs-rlist>.mjs-item{border-radius:15px!important;overflow:hidden}
.mjs-root .mjs-results .mjs-rlist .mjs-th{border-radius:15px!important}

/* 2) MOBILE – live results: one screen, NO scroll and NO scrollbar (the strip on the left is gone), cards centred.
      Driven by the .mjs-res class that the script puts on the body (no :has() needed any more). */
.mjs-root.mjs-dev-mobile .mjs-body.mjs-res{
	overflow:hidden!important;overflow-y:hidden!important;overflow-x:hidden!important;
	scrollbar-width:none!important;-ms-overflow-style:none!important;
	border:0!important;padding-left:12px!important;padding-right:12px!important;
	padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}
.mjs-root.mjs-dev-mobile .mjs-body.mjs-res::-webkit-scrollbar,
.mjs-root.mjs-dev-mobile .mjs-body.mjs-res *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}
.mjs-root.mjs-dev-mobile .mjs-body.mjs-res .mjs-results{flex:1 1 0!important;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.mjs-root.mjs-dev-mobile .mjs-body.mjs-res .mjs-results .mjs-rlist.mjs-rlist{flex:1 1 auto;min-height:0;margin:0 0 12px;display:grid!important;width:100%;justify-items:stretch}
/* «مشاهده همه نتایج»: always the last thing at the very bottom – even with ONE result */
.mjs-root.mjs-dev-mobile .mjs-body.mjs-res .mjs-results .mjs-all{position:static!important;flex:none;margin-top:auto!important;margin-bottom:0}


/* ================= v1.6.38 – MOBILE live results: bigger pictures, whole group centred, no squashing =================
   Every layout fills the free height with grid rows; each card is as tall as its picture + title needs (picture ratio 4:3 → the full picture is
   visible), is centred in its row, and only shrinks (picture cropped a little top/bottom) when the screen is really too short. */
.mjs-root.mjs-dev-mobile .mjs-body.mjs-res .mjs-results .mjs-rlist.mjs-rlist{
	display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr);
	gap:12px!important;align-content:stretch!important;align-items:center!important;justify-items:stretch;
	flex:1 1 0!important;min-height:0!important;margin:0 0 12px!important}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n1{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n2{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n3{grid-template-rows:minmax(0,1.5fr) minmax(0,1fr)!important}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n4{grid-template-rows:repeat(2,minmax(0,1fr))!important}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n5{grid-template-rows:minmax(0,1.5fr) repeat(2,minmax(0,1fr))!important}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n6{grid-template-rows:repeat(3,minmax(0,1fr))!important}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n1>.mjs-item,
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n2>.mjs-item,
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n3>.mjs-item:first-child,
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n5>.mjs-item:first-child{grid-column:1/-1!important}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-rlist>.mjs-item{
	align-self:center!important;height:auto!important;max-height:100%!important;min-height:0!important;
	display:flex!important;flex-direction:column;overflow:hidden!important;padding-bottom:8px!important;gap:6px!important}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-rlist>.mjs-item .mjs-th{
	flex:0 1 auto!important;min-height:0!important;width:100%!important;height:auto!important;max-height:none!important;
	aspect-ratio:4/3!important;object-fit:cover!important;border-radius:15px!important}
/* 4, 5 and 6 results: the half-width pictures get more HEIGHT (same width) */
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n4>.mjs-item .mjs-th,
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n5>.mjs-item:not(:first-child) .mjs-th,
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-n6>.mjs-item .mjs-th{aspect-ratio:1/1!important}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-rlist>.mjs-item .mjs-it{flex:none!important;padding:0 10px!important}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-rlist>.mjs-item .mjs-it b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal!important;overflow:hidden;line-height:1.6}
/* v1.6.38 – 2, 3 and 4 results: cards stay together as one group, centred vertically (no big gap between rows) */
.mjs-root.mjs-dev-mobile .mjs-body.mjs-res .mjs-results .mjs-rlist.mjs-rlist.mjs-n2{grid-template-rows:repeat(2,minmax(0,auto))!important;align-content:center!important}
.mjs-root.mjs-dev-mobile .mjs-body.mjs-res .mjs-results .mjs-rlist.mjs-rlist.mjs-n3{grid-template-rows:minmax(0,auto) minmax(0,auto)!important;align-content:center!important}
.mjs-root.mjs-dev-mobile .mjs-body.mjs-res .mjs-results .mjs-rlist.mjs-rlist.mjs-n4{grid-template-rows:repeat(2,minmax(0,auto))!important;align-content:center!important}


/* ================= v1.6.39 =================
   1) PHONE – «مشاهده همه نتایج» is shown (fixed at the bottom) ONLY while live results exist.
      Before a search (suggestion blocks) the hidden results panel was forced visible by the mobile display:flex rule, so a stale button hung at the bottom. */
.mjs-root .mjs-results[hidden],.mjs-root.mjs-dev-mobile .mjs-results[hidden],.mjs-root.mjs-dev-mobile .mjs-body .mjs-results[hidden]{display:none!important}
.mjs-root.mjs-dev-mobile .mjs-results[hidden] .mjs-all{display:none!important}
/* 2) PHONE, exactly 3 results – every card title on ONE line, cut with «…» */
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-rlist.mjs-n3>.mjs-item .mjs-it{min-width:0!important;max-width:100%!important;overflow:hidden!important}
.mjs-root.mjs-dev-mobile .mjs-results .mjs-rlist.mjs-rlist.mjs-n3>.mjs-item .mjs-it b{display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;-webkit-box-orient:initial!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}


/* ================= v1.6.40 =================
   1) Live results appear ONE BY ONE (zoom + fade, very quick, in reading order: the first card first – with 3 results the big one, then the two small ones;
      with 6 results it starts at the right, then the card next to it, then the next row …). The script sets --mjs-i on every card. */
/* v1.6.41 – smooth zoom + rise, sliding in from the right side; the script (reveal) hides each card first (.mjs-hid) and shows it (.mjs-vis) at its own moment */
@keyframes mjsRise{0%{opacity:0;transform:translate3d(var(--mjs-dx,-26px),18px,0) scale(.78)}60%{opacity:1;transform:translate3d(0,-3px,0) scale(1.03)}100%{opacity:1;transform:none}}
.mjs-root{--mjs-dx:-26px}
.mjs-root.mjs-rtl{--mjs-dx:26px}
.mjs-root .mjs-results .mjs-rlist>.mjs-item.mjs-hid,.mjs-root .mjs-results .mjs-all.mjs-hid{opacity:0;visibility:hidden;pointer-events:none}
.mjs-root .mjs-results .mjs-rlist>.mjs-item.mjs-vis{animation:mjsRise .62s cubic-bezier(.22,1,.36,1) both}
.mjs-root .mjs-results .mjs-all.mjs-vis{animation:mjsFade .5s ease both}
@keyframes mjsFade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.mjs-root .mjs-results .mjs-rlist>.mjs-item.mjs-vis,.mjs-root .mjs-results .mjs-all.mjs-vis{animation:none}}
/* 2) Thin progress line under the search field: starts when the word is typed, finishes when the results arrive */
.mjs-form{position:relative}
.mjs-pbar{position:absolute;left:0;right:0;bottom:-1px;height:3px;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .25s;z-index:3}
.mjs-pbar.mjs-on{opacity:1}
.mjs-pbar{direction:ltr}
.mjs-pbar i{position:absolute;top:0;bottom:0;left:0;right:auto;width:0;background:var(--mjs-accent);border-radius:0 3px 3px 0}
.mjs-root.mjs-rtl .mjs-pbar i{left:auto;right:0;border-radius:3px 0 0 3px}
.mjs-pbar.mjs-run i{width:96%;transition:width 4s cubic-bezier(.3,.45,.6,1)}
.mjs-pbar.mjs-end i{width:100%;transition:width .16s ease-out}


/* ================= v1.6.43 =================
   1) لوگو / چنل‌ها: حلقه، موج (تا ۱٫۵ برابر) و شناور شدن کامل دیده می‌شود و زیر لبه‌ی کادر گیر نمی‌کند (بالا، چپ و راست).
      فضای بالا = بیشترین گسترش موج (۲۵٪ اندازه) + شناور شدن (۶px) + حلقه‌ی چرخان (۴px) + حاشیه‌ی اطمینان */
.mjs-b-logos .mjs-lg{padding:calc(var(--mjs-lg-s) * .25 + 16px) 14px 6px}
.mjs-b-logos.mjs-lgl-scroll .mjs-lg{padding:calc(var(--mjs-lg-s) * .25 + 16px) 14px 16px}
.mjs-b-logos .mjs-lg-it,.mjs-b-logos .mjs-lg-o{overflow:visible}
/* 2) دکمه‌های رنگی (ردیفی): وسط‌چین؛ اگر از کادر بیرون زدند اسکرول می‌خورند (حاشیه‌ی auto هر دو سر ردیف را امن وسط می‌گذارد) */
.mjs-root .mjs-bl-row .mjs-btns{justify-content:flex-start}
.mjs-root .mjs-bl-row .mjs-btns>.mjs-btn2:first-child{margin-inline-start:auto}
.mjs-root .mjs-bl-row .mjs-btns>.mjs-btn2:last-child{margin-inline-end:auto}
.mjs-root .mjs-bl-row .mjs-btn2{flex:0 0 auto}
/* 3) فیلد جستجو (موبایل): همیشه فقط «یک» اشاره‌گر – یا نمایشی (وقتی فیلد فوکوس ندارد) یا خودِ مرورگر (وقتی فوکوس دارد) */
.mjs-root .mjs-input{caret-color:transparent}
.mjs-root .mjs-field.mjs-foc .mjs-input,.mjs-root .mjs-input:focus{caret-color:var(--mjs-accent)}
@media (max-width:768px){
	.mjs-root.mjs-dev-mobile .mjs-field.mjs-foc .mjs-caret,.mjs-root.mjs-dev-mobile .mjs-field:focus-within .mjs-caret{display:none!important}
	.mjs-root.mjs-dev-mobile .mjs-field:not(.mjs-foc):not(:focus-within) .mjs-caret{display:block!important}
}
@media (min-width:769px){.mjs-root .mjs-caret{display:none!important}.mjs-root .mjs-input{caret-color:auto}}


/* ================= v1.6.45 =================
   1) اشاره‌گر فیلد جستجو: ۲ برابر ضخیم‌تر (۴px) و ۲px بیشتر فاصله از متن پلیس‌هولدر
   2) لوگو / چنل‌ها: فضای خالی اضافه‌ی بالا حذف شد؛ فقط همان‌قدر که موج کامل دیده شود
   3) فاصله‌ی بین لوگوها حدود ۳۰٪ کمتر شد */
@media (max-width:768px){
	.mjs-root.mjs-dev-mobile .mjs-field .mjs-caret{width:4px;border-radius:3px}
}
.mjs-b-logos .mjs-lg{padding-top:calc(var(--mjs-lg-s) * .25 + 4px);column-gap:0}
.mjs-b-logos.mjs-lgl-scroll .mjs-lg{padding-top:calc(var(--mjs-lg-s) * .25 + 4px);gap:2px}


/* ================= v1.6.46 =================
   1) لوگو / چنل‌ها: فاصله‌ی بین آیتم‌ها کمی بیشتر و دقیقاً یکسان (فاصله‌ی بین برچسب‌های نام، نه عرض ثابت)؛ سمت راست و چپ هم برابر
   2) لوگو / چنل‌ها (موبایل): فاصله‌ی بالا (از بلوک قبلی تا حلقه‌ی دایره) = فاصله‌ی پایین (از برچسب تا نوار اسکرول)
   3) موبایل: فاصله‌ی بین همه‌ی بخش‌ها (از جمله پادکست/ویس) یکسان و کم، هم‌اندازه‌ی «کلمات پرتکرار»
   4) اشاره‌گر نمایشی فیلد جستجو (موبایل): کوچک‌تر و باریک‌تر، دقیقاً وسط فاصله‌ی بین آیکون و متن (دیگر به آیکون نمی‌چسبد) */
.mjs-b-logos.mjs-lgl-scroll .mjs-lg{column-gap:18px;row-gap:0;padding-inline:14px}
.mjs-b-logos.mjs-lgl-scroll .mjs-lg-it{flex:0 0 auto;width:auto;min-width:var(--mjs-lg-s);max-width:calc(var(--mjs-lg-s) + 110px)}
.mjs-b-logos.mjs-lgl-scroll .mjs-lg-it:first-child{margin-inline-start:auto}
.mjs-b-logos.mjs-lgl-scroll .mjs-lg-it:last-child{margin-inline-end:auto}
@media (max-width:768px){
	/* فاصله‌ی یکسان بین بخش‌ها */
	.mjs-root.mjs-dev-mobile .mjs-sec,
	.mjs-root.mjs-dev-mobile .mjs-sec.mjs-bx-rows{margin-bottom:14px}
	/* لوگوها: بالا = پایین (حلقه ۴px بیرون دایره است؛ فضای موج/شناور شدن با حاشیه‌ی منفی جبران می‌شود تا بریده نشود) */
	.mjs-root.mjs-dev-mobile .mjs-b-logos .mjs-lg{padding-top:calc(var(--mjs-lg-s) * .25 + 6px);margin-top:calc(var(--mjs-lg-s) * -.25)}
	.mjs-root.mjs-dev-mobile .mjs-b-logos.mjs-lgl-scroll .mjs-lg{padding-top:calc(var(--mjs-lg-s) * .25 + 6px);padding-bottom:16px}
	.mjs-root.mjs-dev-mobile .mjs-b-logos .mjs-h+.mjs-lg{margin-top:calc(var(--mjs-lg-s) * -.25 + 4px)}
	/* اشاره‌گر نمایشی */
	.mjs-root.mjs-dev-mobile .mjs-field{gap:14px}
	.mjs-root.mjs-dev-mobile .mjs-field .mjs-caret{width:3px;height:18px;margin:-9px 0 0!important;border-radius:2px}
}


/* ================= v1.6.47 – DESKTOP ONLY (mobile untouched: every rule is scoped to .mjs-dev-desktop inside min-width:769px) =================
   1) لوگو / چنل‌ها (پرطرفدارترین): هنگام هاور، دایره بزرگ می‌شد و حلقه‌ی رنگیِ پشتش «زیر کادر» می‌رفت و دیده نمی‌شد؛ حالا حلقه هم همراه دایره بیرون می‌آید و کامل دیده می‌شود.
      فضای بالای اسکرولر هم کمی بیشتر شد تا موج/شناور شدن/حلقه‌ی هاور بریده نشود (با حاشیه‌ی منفی جبران شده تا فاصله‌ی بصری زیاد نشود).
   2) فاصله‌های عمودی بین بخش‌ها (دکمه‌های رنگی، لوگوها، پادکست، ...) حدود ۴۰٪ کمتر و یکدست شد.
   3) اشاره‌گر تایپ فیلد جستجو هم‌رنگ تم (آبی → آبی، زرد → زرد ...). */
@media (min-width:769px){
	/* 2) vertical rhythm */
	.mjs-root.mjs-dev-desktop .mjs-form{padding:16px 32px}
	.mjs-root.mjs-dev-desktop .mjs-body{padding-top:20px;padding-bottom:24px}
	.mjs-root.mjs-dev-desktop .mjs-sec,
	.mjs-root.mjs-dev-desktop .mjs-sec.mjs-bx-rows{margin-bottom:18px}
	.mjs-root.mjs-dev-desktop .mjs-h{margin-bottom:10px}
	.mjs-root.mjs-dev-desktop .mjs-chips,
	.mjs-root.mjs-dev-desktop .mjs-links,
	.mjs-root.mjs-dev-desktop .mjs-bl-row .mjs-btns{padding-bottom:8px}
	.mjs-root.mjs-dev-desktop .mjs-bx-rows .mjs-bg-multi{padding-bottom:8px}
	.mjs-root.mjs-dev-desktop .mjs-st-scroll .mjs-plist,
	.mjs-root.mjs-dev-desktop .mjs-bx-scroll .mjs-boxes{padding-bottom:8px!important}
	.mjs-root.mjs-dev-desktop .mjs-bl-row .mjs-btns{gap:10px}
	.mjs-root.mjs-dev-desktop .mjs-b-logos .mjs-lg-o{margin-bottom:10px}

	/* 1) logos: ring stays visible on hover, nothing is cut at the top */
	.mjs-root.mjs-dev-desktop .mjs-b-logos .mjs-lg,
	.mjs-root.mjs-dev-desktop .mjs-b-logos.mjs-lgl-scroll .mjs-lg{padding-top:calc(var(--mjs-lg-s) * .25 + 12px);padding-bottom:10px;margin-top:calc(var(--mjs-lg-s) * -.25 - 8px);row-gap:16px}
	.mjs-root.mjs-dev-desktop .mjs-b-logos .mjs-h{position:relative;z-index:1}
	.mjs-root.mjs-dev-desktop .mjs-b-logos .mjs-lg-o::before{transition:inset .35s ease}
	.mjs-root.mjs-dev-desktop .mjs-b-logos .mjs-lg-it:hover .mjs-lg-o::before,
	.mjs-root.mjs-dev-desktop .mjs-b-logos .mjs-lg-it:focus-visible .mjs-lg-o::before{inset:-8px}
	.mjs-root.mjs-dev-desktop .mjs-b-logos .mjs-lg-it:hover .mjs-lg-in{transform:scale(1.05) rotate(-4deg)}

	/* 3) typing caret = theme colour */
	.mjs-root.mjs-dev-desktop .mjs-input,
	.mjs-root.mjs-dev-desktop .mjs-field .mjs-input,
	.mjs-root.mjs-dev-desktop .mjs-field.mjs-foc .mjs-input,
	.mjs-root.mjs-dev-desktop .mjs-input:focus{caret-color:var(--mjs-accent)!important}
}