/* ═══════════════════════════════════════════════════════════════════════════
 *  v226 · آتلیه هارت — ظاهر فروشگاه + استایل‌های مشترک آیتم‌ها (قاب، حباب، …)
 *  بدون backdrop-filter تمام‌صفحه (برای روان ماندن روی iOS).
 * ═══════════════════════════════════════════════════════════════════════════ */
#atl226{--ink:#f4f1ff;--mut:rgba(236,232,255,.58);--line:rgba(255,255,255,.08);--card:#16132a;--card2:#1d1936;--gold:#f7c96b;--gold2:#f59e0b;
  position:fixed;inset:0;z-index:97;display:none;flex-direction:column;max-width:420px;margin:0 auto;color:var(--ink);overflow:hidden;
  background:radial-gradient(120% 55% at 85% -8%,rgba(139,92,246,.30),transparent 60%),radial-gradient(90% 45% at 0% 8%,rgba(236,72,153,.16),transparent 60%),#0b0918;
  font-family:inherit;-webkit-tap-highlight-color:transparent}
#atl226 *{box-sizing:border-box}
:where(#atl226) button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0;touch-action:manipulation}
:where(#atl226) svg{display:block}
#atl226 .at-i{display:inline-flex;width:17px;height:17px;flex-shrink:0}
#atl226 .at-i svg{width:100%;height:100%}

/* ─── سربرگ ─── */
.at-hd{display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 14px 10px;flex-shrink:0}
.at-back{width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.at-back svg{width:20px;height:20px}
[dir=ltr] .at-back svg{transform:none}
[dir=rtl] .at-back svg{transform:scaleX(-1)}
.at-brand{flex:1;display:flex;align-items:center;gap:9px;min-width:0}
.at-mark{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#2a1a02;flex-shrink:0;
  background:conic-gradient(from 210deg,#fde68a,#f59e0b,#f472b6,#a78bfa,#fde68a);box-shadow:0 6px 18px rgba(245,158,11,.35)}
.at-mark svg{width:18px;height:18px}
.at-brand b{display:block;font-size:16.5px;font-weight:900;letter-spacing:-.2px;background:linear-gradient(90deg,#fff,#fde68a);-webkit-background-clip:text;background-clip:text;color:transparent;padding-inline-end:4px}
.at-brand small{display:block;font-size:10.5px;font-weight:700;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at-bal{display:flex;align-items:center;gap:6px;height:36px;padding:0 5px 0 10px;border-radius:99px;background:rgba(247,201,107,.12);border:1px solid rgba(247,201,107,.3);flex-shrink:0;direction:ltr}
.at-bal>svg{width:18px;height:18px}
.at-bal b{font-size:13.5px;font-weight:900;color:#fde68a;font-variant-numeric:tabular-nums}
.at-bal .pl{width:26px;height:26px;border-radius:99px;background:linear-gradient(135deg,#fde68a,#f59e0b);color:#3b2503;display:flex;align-items:center;justify-content:center}
.at-bal .pl svg{width:14px;height:14px}

/* ─── دکمهٔ دوبخشی «ویترین / من» ─── */
.at-seg{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:2px 14px 10px;padding:4px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid var(--line);flex-shrink:0}
.at-seg button{position:relative;z-index:1;height:40px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13.5px;font-weight:900;color:var(--mut);transition:color .25s}
.at-seg button.on{color:#1b1030}
.at-seg button em{font-style:normal;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#f43f5e;color:#fff;font-size:10.5px;display:inline-flex;align-items:center;justify-content:center}
.at-seg-ind{position:absolute;top:4px;bottom:4px;width:calc(50% - 4px);inset-inline-start:4px;border-radius:12px;background:linear-gradient(135deg,#fde68a,#f7c96b 45%,#f0abfc);box-shadow:0 6px 18px rgba(247,201,107,.3);transition:transform .32s cubic-bezier(.3,1.2,.4,1)}
[dir=rtl] .at-seg.r .at-seg-ind{transform:translateX(-100%)}
[dir=ltr] .at-seg.r .at-seg-ind{transform:translateX(100%)}

.at-body{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0 0 calc(28px + env(safe-area-inset-bottom));overscroll-behavior:contain}

/* ─── ریل دسته‌ها ─── */
.at-rail{display:flex;gap:7px;overflow-x:auto;padding:2px 14px 12px;scrollbar-width:none}
.at-rail::-webkit-scrollbar{display:none}
.at-rail button{flex-shrink:0;display:flex;align-items:center;gap:6px;height:36px;padding:0 13px;border-radius:12px;background:var(--card);border:1px solid var(--line);font-size:12px;font-weight:800;color:var(--mut);white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.at-rail button .at-i{width:16px;height:16px}
.at-rail button.on{background:linear-gradient(135deg,rgba(167,139,250,.28),rgba(236,72,153,.2));border-color:rgba(216,180,254,.55);color:#fff}
.at-rail.sk i{width:84px;height:36px;border-radius:12px;background:var(--card);flex-shrink:0;animation:at-pulse 1.2s ease-in-out infinite}

/* ─── برگزیده ─── */
.at-feat{display:flex;align-items:center;gap:10px;width:calc(100% - 28px);margin:0 14px 16px;padding:14px 16px;border-radius:22px;text-align:start;position:relative;overflow:hidden;
  background:linear-gradient(125deg,color-mix(in srgb,var(--a) 42%,#120e24),color-mix(in srgb,var(--b) 55%,#0b0918));border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 34px -12px color-mix(in srgb,var(--b) 70%,transparent)}
.at-feat::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.16) 50%,transparent 65%);transform:translateX(-120%);animation:at-shine 4.5s ease-in-out infinite}
.ft-tx{flex:1;min-width:0;position:relative}
.ft-k{display:inline-block;font-size:10.5px;font-weight:900;padding:4px 9px;border-radius:99px;background:rgba(0,0,0,.28);color:#fde68a;margin-bottom:6px}
.ft-tx b{display:block;font-size:19px;font-weight:900;line-height:1.3}
.ft-p{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:13px;font-weight:900;color:#fde68a;direction:ltr}
.ft-p svg{width:16px;height:16px}
.ft-art{width:104px;height:92px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}
.ft-art>svg,.ft-art .ha-ic-frame{width:100%;height:100%}

/* ─── شبکهٔ آیتم‌ها ─── */
.at-sec{display:flex;align-items:center;justify-content:space-between;padding:4px 16px 9px}
.at-sec b{font-size:14.5px;font-weight:900}
.at-sec button{font-size:11.5px;font-weight:800;color:#d8b4fe}
.at-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 14px 16px}
@media (min-width:380px){.at-grid{grid-template-columns:repeat(3,1fr);gap:9px}}
.at-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:12px 8px 10px;border-radius:18px;text-align:center;overflow:hidden;
  background:linear-gradient(180deg,color-mix(in srgb,var(--a) 14%,var(--card2)),var(--card) 62%);border:1px solid var(--line);transition:transform .15s}
.at-card:active{transform:scale(.96)}
.at-card::after{content:"";position:absolute;left:50%;top:18px;width:74px;height:74px;margin-left:-37px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--a) 55%,transparent),transparent 70%);opacity:.55;pointer-events:none}
.cd-art{position:relative;z-index:1;width:84px;height:78px;display:flex;align-items:center;justify-content:center}
.cd-art>svg,.cd-art .ha-ic-frame{width:100%;height:100%}
.k-ride .cd-art>svg{width:112%;height:auto}
.cd-nm{position:relative;z-index:1;display:block;width:100%;margin-top:6px;font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cd-pr{position:relative;z-index:1;display:inline-flex;align-items:center;gap:3px;margin-top:5px;font-size:11.5px}
.cd-pr b{direction:ltr;unicode-bidi:isolate}
.cd-pr svg{width:13px;height:13px}
.cd-pr b{color:#fde68a;font-weight:900}
.cd-pr small{color:var(--mut);font-size:9.5px;font-weight:700}
.cd-tag{position:absolute;top:8px;inset-inline-start:8px;z-index:2;font-size:9px;font-weight:900;padding:3px 7px;border-radius:7px;letter-spacing:.3px;color:#fff;background:#6366f1}
.cd-tag.t-hot{background:linear-gradient(135deg,#fb7185,#e11d48)}
.cd-tag.t-new{background:linear-gradient(135deg,#34d399,#059669)}
.cd-tag.t-limited{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#3b2503}
.cd-tag.t-vip{background:linear-gradient(135deg,#1f1f23,#52525b);color:#fde68a}
.cd-own{position:absolute;top:8px;inset-inline-end:8px;z-index:2;display:inline-flex;align-items:center;gap:2px;font-size:9px;font-weight:900;padding:3px 7px;border-radius:7px;background:rgba(255,255,255,.14)}
.cd-own svg{width:10px;height:10px}
.cd-own.on{background:#10b981;color:#fff}
.cd-own.exp{background:rgba(244,63,94,.25);color:#fda4af}
.at-card.sk{height:150px;background:var(--card);animation:at-pulse 1.2s ease-in-out infinite}

/* مدالیون قاب (آواتار نمونه + قاب) */
.ha-ic-frame{position:relative;display:block}
.ha-ic-frame .ha-av{position:absolute;left:50%;top:50%;width:52%;height:52%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 50% 38%,#e9e5ff 0 18%,transparent 19%),radial-gradient(ellipse at 50% 100%,#e9e5ff 0 38%,transparent 39%),linear-gradient(160deg,#3b3363,#1e1a37)}
.ha-ic-frame svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}

/* ─── من ─── */
.at-me-hero{display:flex;align-items:center;gap:14px;margin:0 14px 14px;padding:14px;border-radius:20px;background:linear-gradient(135deg,rgba(167,139,250,.18),rgba(236,72,153,.1));border:1px solid var(--line)}
.mh-st{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mh-st div{text-align:center;padding:8px 2px;border-radius:13px;background:rgba(0,0,0,.22)}
.mh-st b{display:block;font-size:18px;font-weight:900}
.mh-st span{display:block;font-size:10px;font-weight:800;color:var(--mut);margin-top:1px}
.mh-st .warn b{color:#fbbf24}
.at-list{display:flex;flex-direction:column;gap:8px;padding:0 14px}
.at-row{display:flex;align-items:center;gap:11px;padding:10px 12px 10px 10px;border-radius:18px;background:var(--card);border:1px solid var(--line);transition:border-color .25s,background .25s}
.at-row.on{border-color:rgba(52,211,153,.45);background:linear-gradient(90deg,rgba(16,185,129,.12),var(--card) 70%)}
[dir=ltr] .at-row.on{background:linear-gradient(270deg,rgba(16,185,129,.12),var(--card) 70%)}
.at-row.exp{opacity:.72}
.at-row.exp .rw-art{filter:grayscale(.85)}
.rw-art{width:58px;height:58px;flex-shrink:0;border-radius:15px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;padding:4px}
.rw-art>svg,.rw-art .ha-ic-frame{width:100%;height:100%}
.rw-tx{flex:1;min-width:0}
.rw-tx b{display:block;font-size:13.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rw-tx>span{display:block;font-size:10.5px;font-weight:700;color:var(--mut);margin:1px 0 4px}
.rw-t{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:10.5px;font-weight:900;padding:3px 8px;border-radius:8px;background:rgba(255,255,255,.07);color:#c4b5fd}
.rw-t .at-i{width:12px;height:12px}
.rw-t i{font-style:normal}
.rw-t.soon{background:rgba(251,191,36,.14);color:#fbbf24}
.rw-t.exp{background:rgba(244,63,94,.16);color:#fda4af}
.rw-t.inf{background:rgba(247,201,107,.14);color:#fde68a}
.rw-renew{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;border-radius:11px;background:linear-gradient(135deg,#fde68a,#f59e0b);color:#3b2503 !important;font-size:12px;font-weight:900;flex-shrink:0}
.rw-renew .at-i{width:14px;height:14px}
.at-sw{position:relative;width:50px;height:30px;border-radius:99px;background:rgba(255,255,255,.14);flex-shrink:0;transition:background .25s}
.at-sw i{position:absolute;top:3px;inset-inline-start:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.35);transition:transform .25s cubic-bezier(.3,1.3,.5,1)}
.at-sw.on{background:linear-gradient(135deg,#34d399,#10b981)}
[dir=rtl] .at-sw.on i{transform:translateX(-20px)}
[dir=ltr] .at-sw.on i{transform:translateX(20px)}
.at-note{display:flex;gap:7px;align-items:flex-start;margin:14px 16px 0;font-size:11px;font-weight:700;color:var(--mut);line-height:1.7}
.at-note .at-i{width:14px;height:14px;margin-top:3px}
.at-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:46px 30px 18px;color:var(--mut);text-align:center}
.at-empty svg{width:34px;height:34px;color:#d8b4fe;opacity:.7}
.at-empty p{font-size:13px;font-weight:800}
.at-cta{display:flex;align-items:center;justify-content:center;gap:7px;margin:6px auto;height:44px;padding:0 22px;border-radius:14px;background:linear-gradient(135deg,#fde68a,#f7c96b 45%,#f0abfc);color:#1b1030 !important;font-size:13.5px;font-weight:900}

/* ─── آواتار نمونه ─── */
.at-av{position:relative;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#a78bfa,#ec4899);color:#fff;font-weight:900;font-size:22px}
.at-av img{width:100%;height:100%;object-fit:cover}
.at-av em{font-style:normal}
.at-av.lg{width:62px;height:62px}
.at-av.sm{width:30px;height:30px;font-size:13px}
.at-av.xs{width:26px;height:26px;font-size:11px}

/* ─── برگهٔ جزئیات ─── */
.at-sheet-bg{position:absolute;inset:0;z-index:5;background:rgba(5,3,12,.66);animation:at-fade .2s ease-out both}
.at-sheet{position:absolute;left:0;right:0;bottom:0;z-index:6;max-height:92%;overflow-y:auto;padding:14px 16px calc(18px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:linear-gradient(180deg,#1b1733,#110e22 40%);border-top:1px solid rgba(255,255,255,.12);animation:at-up .32s cubic-bezier(.2,.9,.3,1.05) both}
.sh-x{position:absolute;top:12px;inset-inline-end:12px;z-index:3;width:34px;height:34px;border-radius:11px;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center}
.sh-x svg{width:17px;height:17px}
.sh-stage{position:relative;height:196px;border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(90% 90% at 50% 40%,color-mix(in srgb,var(--a) 34%,transparent),transparent 70%),radial-gradient(120% 90% at 50% 120%,color-mix(in srgb,var(--b) 45%,transparent),transparent 60%),#0d0a1c;border:1px solid var(--line)}
.sh-live{position:absolute;bottom:9px;inset-inline-start:10px;display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:900;padding:4px 8px;border-radius:99px;background:rgba(0,0,0,.42);color:#fff}
.sh-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#f43f5e;animation:at-blink 1.2s infinite}
.sh-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:14px 2px 12px}
.sh-hd b{display:block;font-size:20px;font-weight:900;margin-top:3px}
.sh-k{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#d8b4fe}
.sh-k .at-i{width:14px;height:14px}
.sh-own{font-size:10.5px;font-weight:900;padding:5px 9px;border-radius:9px;background:rgba(16,185,129,.18);color:#6ee7b7;white-space:nowrap}
.sh-own.exp{background:rgba(244,63,94,.16);color:#fda4af}
.sh-off{margin:4px 2px 12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);font-size:12.5px;font-weight:800;color:var(--mut)}
.sh-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}
.sh-plans button{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 6px 10px;border-radius:16px;background:var(--card);border:1.5px solid var(--line);transition:border-color .2s,background .2s,transform .15s}
.sh-plans button:active{transform:scale(.97)}
.sh-plans button.on{border-color:#f7c96b;background:linear-gradient(180deg,rgba(247,201,107,.16),rgba(247,201,107,.03));box-shadow:0 0 0 3px rgba(247,201,107,.12)}
.sh-plans b{font-size:13.5px;font-weight:900}
.sh-plans .pp{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:900;color:#fde68a;direction:ltr}
.sh-plans .pp svg{width:14px;height:14px}
.sh-plans small{font-size:9.5px;font-weight:700;color:var(--mut)}
.bst{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-style:normal;font-size:9px;font-weight:900;padding:2px 8px;border-radius:99px;background:linear-gradient(135deg,#34d399,#059669);color:#fff;white-space:nowrap}
.bst.inf{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#3b2503}
.sh-inf{display:flex;align-items:center;gap:6px;margin:10px 2px 0;font-size:11px;font-weight:800;color:#a5b4fc}
.sh-inf .at-i{width:14px;height:14px}
.sh-buy{display:flex;align-items:center;gap:10px;margin-top:14px}
.sb-sum{flex:1;min-width:0}
.sb-sum span{display:block;font-size:10.5px;font-weight:800;color:var(--mut)}
.sb-sum b{display:inline-flex;align-items:center;gap:5px;font-size:16px;font-weight:900;color:#fde68a;direction:ltr}
.sb-sum b svg{width:17px;height:17px}
.sb-sum b.neg{color:#fb7185}
.sb-btn{min-width:150px;height:50px;padding:0 18px;border-radius:16px;font-size:14.5px;font-weight:900;color:#1b1030 !important;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#fde68a,#f7c96b 40%,#f0abfc);box-shadow:0 10px 26px -8px rgba(247,201,107,.6);transition:transform .15s;direction:inherit}
.sb-btn:active{transform:scale(.97)}
.sb-btn.topup{background:linear-gradient(135deg,#fb7185,#e11d48);color:#fff !important;box-shadow:0 10px 26px -8px rgba(225,29,72,.6)}
.sb-btn.busy{pointer-events:none;opacity:.85}
.spin{width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(27,16,48,.25);border-top-color:#1b1030;animation:at-rot .7s linear infinite}
.sh-eq{display:block;width:100%;height:46px;margin-top:10px;border-radius:15px;background:rgba(52,211,153,.14);border:1px solid rgba(52,211,153,.4) !important;color:#6ee7b7 !important;font-size:13.5px;font-weight:900}
.sh-eq.on{background:rgba(255,255,255,.06);border-color:var(--line) !important;color:var(--mut) !important}

/* ─── جشن خرید و پیام ─── */
.at-cele{position:absolute;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;background:rgba(5,3,12,.55);animation:at-fade .2s both;pointer-events:none}
.at-cele.out{animation:at-fade .35s reverse both}
.ce-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 30px 20px;border-radius:24px;background:linear-gradient(180deg,#221c40,#130f26);border:1px solid rgba(247,201,107,.4);box-shadow:0 20px 60px -10px color-mix(in srgb,var(--a) 60%,transparent);animation:at-pop .5s cubic-bezier(.2,1.4,.4,1) both}
.ce-art{position:relative;width:120px;height:110px;display:flex;align-items:center;justify-content:center}
.ce-art>svg,.ce-art .ha-ic-frame{width:100%;height:100%}
.ce-conf i{position:absolute;left:50%;top:50%;width:7px;height:10px;border-radius:2px;animation:at-conf .9s cubic-bezier(.1,.8,.3,1) both}
.ce-card b{font-size:17px;font-weight:900}
.ce-card span{font-size:12px;font-weight:800;color:#fde68a}
.at-toast{position:absolute;left:50%;bottom:calc(26px + env(safe-area-inset-bottom));z-index:10;transform:translateX(-50%);display:flex;align-items:center;gap:7px;max-width:88%;padding:11px 18px;border-radius:99px;background:rgba(24,20,44,.97);border:1px solid rgba(255,255,255,.14);font-size:12.5px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.5);animation:at-tin .3s cubic-bezier(.2,.9,.3,1.3) both;white-space:nowrap}
.at-toast.ok{border-color:rgba(52,211,153,.5)}
.at-toast .at-i{width:15px;height:15px;color:#34d399}
.at-toast.out{opacity:0;transition:opacity .35s}

/* ═══ پیش‌نمایش‌ها ═══ */
.pv{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.pv-fr{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center}
.pv-fr .at-av{width:96px;height:96px}
.pv-ov{position:absolute;left:50%;top:50%;width:158%;height:158%;transform:translate(-50%,-50%);pointer-events:none;animation:at-float 3.2s ease-in-out infinite}
.pv-ov svg,.fr226 svg{width:100%;height:100%}
.pv-road{position:absolute;left:0;right:0;bottom:44px;height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--a) 70%,transparent),transparent)}
.pv-rd{position:absolute;width:170px;top:26px;left:50%;margin-left:-85px;animation:rd226-in 3.6s cubic-bezier(.25,.9,.3,1) infinite}
.pv-rd svg{width:100%;height:auto;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}
.pv-cap{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;border-radius:99px;background:rgba(0,0,0,.45);font-size:11px;white-space:nowrap;animation:at-fade 3.6s infinite}
.pv-cap{color:#fff}
.pv-cap b{font-weight:900}
.pv-cap span{color:rgba(255,255,255,.72);font-weight:700}
.pv-ent .pv-bn{animation:en226-in 3.4s cubic-bezier(.2,.9,.3,1.1) infinite}
.pv-bub{flex-direction:column;align-items:stretch;gap:8px;padding:0 18px}
.pv-msg{display:flex;align-items:flex-end;gap:7px}
.pv-msg em{display:block;font-style:normal;font-size:10px;font-weight:800;color:var(--mut);margin-bottom:3px}
.pv-msg p{margin:0;font-size:12.5px;font-weight:700}
.pv-msg.other p{display:inline-block;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.1)}
.pv-msg.other{padding-inline-start:33px;flex-direction:column;align-items:flex-start;gap:0}
.pv-th{flex-direction:column;gap:5px;overflow:hidden}
.pv-th b{position:relative;font-size:14px;font-weight:900}
.pv-th span{position:relative;font-size:10.5px;font-weight:700;color:rgba(255,255,255,.7)}
.pv-th .at-av{position:relative;border:3px solid rgba(255,255,255,.85)}
.pv-fl{overflow:hidden}
.pv-seat{flex-direction:column;gap:10px}
.pv-seat b{font-size:11px;font-weight:800;color:var(--mut)}
.pv-mic .at-av,.pv-seat .at-av,.pv-fl .at-av{width:74px;height:74px;position:relative;z-index:1}

/* ═══════════ استایل‌های مشترک (فروشگاه + داخل برنامه) ═══════════ */

/* قاب آواتار روی هر آواتار دایره‌ای */
.fr226{position:absolute;left:50%;top:50%;width:155%;height:155%;transform:translate(-50%,-50%);pointer-events:none;z-index:3}
.fr226-on .afr146{display:none !important}
.hav148 .fr226{z-index:3}

/* بنر ورود */
.en226{position:fixed;z-index:240;top:34%;left:50%;width:min(360px,90vw);transform:translateX(-50%);pointer-events:none;display:flex;justify-content:center}
.pv-bn,.en226 .pv-bn{position:relative;display:flex;align-items:center;gap:8px;height:44px;padding-block:0;padding-inline:7px 18px;border-radius:26px;
  background:linear-gradient(90deg,var(--b),var(--a) 70%,color-mix(in srgb,var(--a) 30%,transparent));border:1.5px solid var(--c);box-shadow:0 10px 30px -8px var(--a);overflow:visible;color:#fff;font-size:12px;white-space:nowrap}
.pv-bn b{font-weight:900;max-width:120px;overflow:hidden;text-overflow:ellipsis}
.pv-bn span{font-weight:700;opacity:.9}
.pv-bn .gl{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.pv-bn .gl::before{content:"";position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);animation:at-sweep 1.8s ease-in-out infinite}
.pv-bn .at-av{border:2px solid var(--c)}
.pv-bn .w{position:absolute;top:50%;width:34px;height:40px;margin-top:-26px;background:linear-gradient(180deg,#fff,var(--a));border-radius:60% 10% 60% 10%;opacity:.9}
.pv-bn .w.l{left:-22px;transform:rotate(-24deg);animation:wg226 1s ease-in-out infinite alternate}
.pv-bn .w.r{right:-22px;transform:scaleX(-1) rotate(-24deg);animation:wg226r 1s ease-in-out infinite alternate}
.pv-bn .cr{position:absolute;top:-16px;left:50%;width:24px;height:24px;margin-left:-12px;color:var(--c);filter:drop-shadow(0 0 6px var(--c));animation:at-float 1.6s ease-in-out infinite}
.pv-bn .cr svg{width:100%;height:100%}
.s-crest .pv-bn{border-radius:10px}

/* مرکب ورود داخل لایو */
.rd226{position:fixed;z-index:240;top:22%;left:50%;width:min(420px,100vw);height:150px;transform:translateX(-50%);pointer-events:none;overflow:hidden}
.rd226 .pv-rd{top:10px;width:190px;margin-left:-95px;animation:rd226-in 3.6s cubic-bezier(.25,.9,.3,1) 1 both}
.rd226 .pv-cap{bottom:6px;animation:cap226 3.6s 1 both}
@keyframes cap226{0%{opacity:0;transform:translate(-50%,8px)}15%,85%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}

/* حباب گفتگو */
.bb226{display:inline-block;position:relative;padding:8px 13px !important;border-radius:16px 16px 16px 5px !important;background:var(--bg) !important;border:1.5px solid var(--bd) !important;color:var(--tx) !important;box-shadow:0 4px 14px -4px var(--gl),inset 0 1px 0 rgba(255,255,255,.35)}
[dir=rtl] .bb226{border-radius:16px 16px 5px 16px !important}
#lrChat .bb226{display:block;width:fit-content !important;max-width:92%;align-self:flex-start;margin:4px 0}
.bb226 .lr-nlink{color:inherit !important;opacity:.85}
.bb226.d-glass{box-shadow:0 4px 14px -4px var(--gl),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -8px 16px rgba(255,255,255,.15)}
.bb226.d-ember::after{content:"";position:absolute;top:-5px;inset-inline-end:10px;width:9px;height:9px;background:var(--bd);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.bb226.d-velvet::after{content:"";position:absolute;bottom:-4px;inset-inline-end:8px;width:8px;height:8px;border-radius:50%;background:var(--bd);box-shadow:-11px 2px 0 -2px var(--bd)}

/* قاب شناسه */
.idf226{display:inline-flex;align-items:center;gap:4px;padding:5px 14px;border-radius:99px;font-size:12px;font-weight:900;letter-spacing:.4px;direction:ltr;color:#fff;background:#15121f;border:2px solid transparent;
  background-image:linear-gradient(#15121f,#15121f),linear-gradient(90deg,var(--a),var(--c),var(--b));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 0 1px var(--c),0 0 14px -2px var(--a) !important}
.idf226.s-prism{background-image:linear-gradient(#15121f,#15121f),linear-gradient(90deg,var(--a),var(--c),var(--b),var(--a));background-size:100% 100%,200% 100%;animation:idf226 3s linear infinite}
.idf226::before{content:"✦";color:var(--c);font-size:11px}
.pv-id .idf226{font-size:16px;padding:9px 22px}

/* تم پروفایل */
.th226{background:linear-gradient(160deg,var(--a),var(--b)) !important;position:relative;overflow:hidden}
.th226 .th-fx{position:absolute;inset:0;pointer-events:none}
.th226.s-nebula .th-fx{background:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 70% 20%,#fff,transparent),radial-gradient(2px 2px at 85% 70%,var(--c),transparent),radial-gradient(1.5px 1.5px at 35% 80%,#fff,transparent),radial-gradient(60% 50% at 70% 30%,color-mix(in srgb,var(--c) 30%,transparent),transparent);animation:at-twk 3s ease-in-out infinite alternate}
.th226.s-blossom .th-fx{background:radial-gradient(circle at 15% 25%,var(--c) 0 4px,transparent 5px),radial-gradient(circle at 80% 18%,var(--c) 0 3px,transparent 4px),radial-gradient(circle at 70% 78%,var(--c) 0 5px,transparent 6px),radial-gradient(circle at 25% 82%,var(--c) 0 3px,transparent 4px);opacity:.8}
.th226.s-royal .th-fx{background:repeating-linear-gradient(135deg,transparent 0 18px,color-mix(in srgb,var(--c) 18%,transparent) 18px 19px),radial-gradient(70% 60% at 50% 0%,color-mix(in srgb,var(--c) 30%,transparent),transparent)}

/* موج صدا */
.mw226{position:relative;display:inline-flex;align-items:center;justify-content:center}
.mw226>i{position:absolute;inset:0;border-radius:50%;border:2px solid var(--a);opacity:0;pointer-events:none}
.mw226.on>i{animation:mw226 1.5s ease-out infinite}
.mw226.on>i:nth-of-type(2){animation-delay:.5s;border-color:var(--b)}
.mw226.on>i:nth-of-type(3){animation-delay:1s;border-color:var(--c)}
.mw226.s-flame.on>i{border-width:3px;border-radius:46% 54% 50% 50%}
.mwx226{position:absolute;inset:-2px;border-radius:50%;pointer-events:none;z-index:2}
.mwx226::before,.mwx226::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--a);opacity:0}
.speaking .mwx226::before,.spk121 .mwx226::before,.mwx226.on::before{animation:mw226 1.3s ease-out infinite}
.speaking .mwx226::after,.spk121 .mwx226::after,.mwx226.on::after{animation:mw226 1.3s ease-out .65s infinite;border-color:var(--b)}
.mwx226.s-flame::before,.mwx226.s-flame::after{border-width:3px;border-radius:44% 56% 52% 48%}

/* هالهٔ اتاق */
.fl226{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.fl226 i{position:absolute;bottom:-14px;width:10px;height:10px;opacity:0;animation:fl226 6s linear infinite;transform:scale(var(--s))}
.fl226.s-stars i{background:var(--c);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 4px var(--a))}
.fl226.s-stars i:nth-child(odd){background:var(--a)}
.fl226.s-petals i{width:11px;height:8px;border-radius:80% 0 80% 0;background:var(--a)}
.fl226.s-petals i:nth-child(odd){background:var(--b)}
.flr226{position:absolute;inset:0;z-index:1;pointer-events:none}

/* صندلی میزبان */
.st226{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:9px}
.st226 .st-bg,.stx226{position:absolute;inset:0;border-radius:50%;pointer-events:none}
.st226.s-crystal .st-bg,.stx226.s-crystal{background:conic-gradient(from 0deg,var(--a),var(--c),var(--b),var(--c),var(--a));clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);opacity:.9;animation:at-rot 9s linear infinite}
.st226.s-throne .st-bg,.stx226.s-throne{background:radial-gradient(circle,transparent 58%,var(--c) 60% 64%,transparent 66%),linear-gradient(180deg,var(--a),var(--b));border-radius:46% 46% 38% 38%;box-shadow:0 0 18px -2px var(--a)}
.stx226{inset:-7px;z-index:0}

/* ─── حرکت‌ها ─── */
@keyframes at-pulse{50%{opacity:.5}}
@keyframes at-shine{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
@keyframes at-fade{from{opacity:0}to{opacity:1}}
@keyframes at-up{from{transform:translateY(100%)}to{transform:none}}
@keyframes at-pop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
@keyframes at-tin{from{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%,0);opacity:1}}
@keyframes at-rot{to{transform:rotate(360deg)}}
@keyframes at-blink{50%{opacity:.3}}
@keyframes at-float{50%{transform:translate(-50%,-50%) translateY(-3px)}}
.pv-bn .cr{animation-name:at-float2}
@keyframes at-float2{50%{transform:translateY(-3px)}}
@keyframes at-sweep{from{left:-45%}to{left:110%}}
@keyframes at-twk{to{opacity:.55}}
@keyframes at-conf{from{transform:translate(-50%,-50%) rotate(var(--r)) translateY(0);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--r)) translateY(calc(var(--d) * -1));opacity:0}}
@keyframes rd226-in{0%{transform:translateX(130%) scale(.9);opacity:0}18%{opacity:1}35%,72%{transform:translateX(0) scale(1);opacity:1}90%{opacity:.9}100%{transform:translateX(-140%) scale(.9);opacity:0}}
[dir=rtl] .pv-rd svg{transform:scaleX(-1)}
@keyframes en226-in{0%{transform:translateX(-120%);opacity:0}18%,78%{transform:none;opacity:1}100%{transform:translateX(40%);opacity:0}}
@keyframes wg226{from{transform:rotate(-34deg)}to{transform:rotate(-10deg)}}
@keyframes wg226r{from{transform:scaleX(-1) rotate(-34deg)}to{transform:scaleX(-1) rotate(-10deg)}}
@keyframes mw226{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.45);opacity:0}}
@keyframes fl226{0%{transform:translateY(0) rotate(0) scale(var(--s));opacity:0}10%{opacity:.95}90%{opacity:.8}100%{transform:translateY(-240px) rotate(260deg) scale(var(--s));opacity:0}}
@keyframes idf226{to{background-position:0 0,200% 0}}
@media (prefers-reduced-motion:reduce){#atl226 *,.fr226,.fl226 i,.mwx226::before,.mwx226::after{animation:none !important}}
[dir=ltr].rd226 .pv-rd,[dir=ltr] .pv-ride .pv-rd{animation-direction:reverse}

/* ═══════════════════════════════════════════════════════════════════════════
 *  v227 · فایل‌های آپلودی از پنل (svg / png / jpg / webp / gif / svga)
 * ═══════════════════════════════════════════════════════════════════════════ */
.ha-img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
.ha-fxc{position:absolute;inset:0;pointer-events:none}
.ha-fxc{overflow:hidden;direction:ltr;text-align:left}
.pv-fx{position:absolute;inset:0;display:block;pointer-events:none}
.pv-big .pv-fx{inset:4px 4px 40px}
.pv-fxmini{position:absolute;top:10px;inset-inline-start:10px;width:70px;height:70px}
.pv-fxbg{position:absolute;inset:0;z-index:0;pointer-events:none}
.pv-th .pv-fxbg~*{position:relative;z-index:1}
.pv-rd .ha-rd{width:100%;height:auto;max-height:118px}
.rd226 .pv-rd .ha-rd{max-height:130px}
.pv-bn.img{background:var(--bgi) center/100% 100% no-repeat !important;border-color:transparent !important;box-shadow:none !important;height:56px;padding-inline:12px 38px}
.pv-bn.img .gl{display:none}
.bb226.img{background:var(--bgi) center/100% 100% no-repeat !important;border-color:transparent !important;box-shadow:none !important;padding:11px 20px !important;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.bb226.img::after{content:none !important}
.idf226.img{background:var(--bgi) center/100% 100% no-repeat !important;border-color:transparent !important;box-shadow:none !important;padding:7px 22px !important;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.idf226.img::before{content:none}
.th226.img{background:var(--bgi) center/cover no-repeat !important}
.th226.img .th-fx{background:none !important;animation:none !important}
.mwx226.img::before,.mwx226.img::after{content:none !important}
.mwx226.img .ha-img{opacity:0;transform:scale(1.3);transition:opacity .25s}
.speaking .mwx226.img .ha-img,.spk121 .mwx226.img .ha-img{opacity:1;animation:mwi226 .9s ease-in-out infinite alternate}
.pv-ov.mw-img .ha-img{animation:mwi226 .9s ease-in-out infinite alternate}
.pv-mic .pv-ov,.pv-seat .pv-ov{animation:none}
@keyframes mwi226{from{transform:scale(1.02)}to{transform:scale(1.14)}}
.stx226.img{background:none !important;clip-path:none !important;animation:none !important;box-shadow:none !important}
.stx226.img .ha-img{transform:scale(1.3)}
.pv-ov.st-img{z-index:0}
.st226 .pv-ov~.at-av{position:relative;z-index:1}
.fl226.img i{background:var(--bgi) center/contain no-repeat !important;clip-path:none !important;filter:none !important;width:24px !important;height:24px !important;border-radius:0 !important}
.flr-fx{position:absolute;inset:0;display:block}
.fx226{position:fixed;z-index:240;left:50%;top:0;bottom:0;width:min(420px,100vw);transform:translateX(-50%);pointer-events:none}
.fx226-c{position:absolute;left:0;right:0;top:10%;bottom:24%}
.fx226 .pv-cap{bottom:20%;color:#fff;animation:cap226 4.5s 1 both}
.fr226 .ha-fxc{inset:0}

/* ═══════════════════════════════════════════════════════════════════════════
 *  v227 · پوستهٔ رنگی و چشم‌نواز آتلیه (جای تم تیرهٔ ساده)
 * ═══════════════════════════════════════════════════════════════════════════ */
#atl226{--ink:#241640;--mut:#7b6f99;--line:rgba(124,58,237,.1);--card:#fff;--card2:#fff;
  color:var(--ink);
  background:
    radial-gradient(60% 34% at 100% 0%,rgba(255,122,182,.38),transparent 70%),
    radial-gradient(55% 30% at 0% 10%,rgba(124,92,255,.30),transparent 70%),
    radial-gradient(70% 40% at 50% 100%,rgba(56,189,248,.24),transparent 70%),
    linear-gradient(180deg,#fff3f9 0%,#f6f0ff 45%,#edf6ff 100%)}
#atl226 [data-kind=all],#atl226 [data-mine=all]{--k1:#8b5cf6;--k2:#ec4899}
#atl226 [data-kind=frame],#atl226 [data-mine=frame],#atl226 .k-frame{--k1:#f59e0b;--k2:#ef4444}
#atl226 [data-kind=ride],#atl226 [data-mine=ride],#atl226 .k-ride{--k1:#06b6d4;--k2:#6366f1}
#atl226 [data-kind=entrance],#atl226 [data-mine=entrance],#atl226 .k-entrance{--k1:#ec4899;--k2:#8b5cf6}
#atl226 [data-kind=bubble],#atl226 [data-mine=bubble],#atl226 .k-bubble{--k1:#fb923c;--k2:#f43f5e}
#atl226 [data-kind=idframe],#atl226 [data-mine=idframe],#atl226 .k-idframe{--k1:#14b8a6;--k2:#0ea5e9}
#atl226 [data-kind=theme],#atl226 [data-mine=theme],#atl226 .k-theme{--k1:#a855f7;--k2:#6366f1}
#atl226 [data-kind=micwave],#atl226 [data-mine=micwave],#atl226 .k-micwave{--k1:#22c55e;--k2:#06b6d4}
#atl226 [data-kind=float],#atl226 [data-mine=float],#atl226 .k-float{--k1:#f472b6;--k2:#f59e0b}
#atl226 [data-kind=seat],#atl226 [data-mine=seat],#atl226 .k-seat{--k1:#6366f1;--k2:#0ea5e9}

/* سربرگ */
#atl226 .at-back{background:#fff;color:var(--ink);box-shadow:0 6px 16px -6px rgba(76,29,149,.25)}
#atl226 .at-brand b{background:linear-gradient(90deg,#7c3aed,#db2777 55%,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:18px}
#atl226 .at-brand small{color:var(--mut)}
#atl226 .at-mark{box-shadow:0 8px 20px -6px rgba(219,39,119,.55)}
#atl226 .at-bal{background:linear-gradient(135deg,#ffc53d,#ff7a3d);border:0;box-shadow:0 8px 20px -8px rgba(255,122,61,.7)}
#atl226 .at-bal b{color:#fff;text-shadow:0 1px 2px rgba(146,64,14,.4)}
#atl226 .at-bal .pl{background:#fff;color:#f97316}

/* ویترین / من */
#atl226 .at-seg{background:#fff;border:0;box-shadow:0 10px 26px -12px rgba(124,58,237,.35)}
#atl226 .at-seg button{color:var(--mut)}
#atl226 .at-seg button.on{color:#fff}
#atl226 .at-seg-ind{background:linear-gradient(135deg,#8b5cf6,#ec4899 55%,#f97316);box-shadow:0 8px 20px -6px rgba(236,72,153,.6)}

/* دسته‌ها */
#atl226 .at-rail button{background:#fff;border:0;color:var(--ink);box-shadow:0 4px 14px -6px rgba(76,29,149,.22)}
#atl226 .at-rail button .at-i{width:22px;height:22px;padding:3px;border-radius:7px;color:#fff;background:linear-gradient(135deg,var(--k1),var(--k2))}
#atl226 .at-rail button.on{background:linear-gradient(135deg,var(--k1),var(--k2));color:#fff;box-shadow:0 8px 18px -6px var(--k2)}
#atl226 .at-rail button.on .at-i{background:rgba(255,255,255,.25)}
#atl226 .at-rail.sk i{background:#ece5fb}

/* برگزیده */
#atl226 .at-feat{background:linear-gradient(125deg,var(--b),var(--a));border:0;color:#fff;box-shadow:0 18px 34px -14px var(--b)}
#atl226 .at-feat::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 85% 50%,rgba(20,8,48,.45),transparent 70%),linear-gradient(90deg,rgba(20,8,48,.25),transparent 60%);pointer-events:none}
#atl226 .ft-tx,#atl226 .ft-art{z-index:1}
#atl226 .ft-tx b{text-shadow:0 2px 8px rgba(0,0,0,.3)}
#atl226 .ft-k{background:rgba(255,255,255,.22);color:#fff}
#atl226 .ft-p{color:#fff;background:rgba(0,0,0,.22);padding:4px 10px;border-radius:99px}

/* عنوان بخش */
#atl226 .at-sec b{display:flex;align-items:center;gap:7px;font-size:15px}
#atl226 .at-sec b .at-i{width:24px;height:24px;padding:4px;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--k1),var(--k2));box-shadow:0 5px 12px -4px var(--k2)}
#atl226 .at-sec button{color:#fff;background:linear-gradient(135deg,var(--k1),var(--k2));padding:5px 11px;border-radius:99px;font-weight:900}

/* کارت‌ها */
#atl226 .at-card{background:#fff;border:1px solid rgba(124,58,237,.07);padding:7px 7px 10px;box-shadow:0 10px 24px -14px color-mix(in srgb,var(--b) 70%,transparent)}
#atl226 .at-card::after{content:none}
#atl226 .cd-art{width:100%;height:92px;border-radius:15px;padding:8px;
  background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--a) 70%,transparent),transparent 62%),linear-gradient(160deg,color-mix(in srgb,var(--b) 72%,#120a2a),#150c2e)}
#atl226 .cd-art>svg,#atl226 .cd-art .ha-ic-frame,#atl226 .cd-art .ha-img{width:78px;height:74px;margin:auto}
#atl226 .k-ride .cd-art>svg,#atl226 .k-ride .cd-art .ha-img{width:100%;height:auto}
#atl226 .cd-nm{color:var(--ink);margin-top:8px}
#atl226 .cd-pr{background:#fff4dd;padding:3px 8px;border-radius:99px}
#atl226 .cd-pr b{color:#c2410c}
#atl226 .cd-pr small{color:#b45309;opacity:.75}
#atl226 .cd-tag{top:12px;inset-inline-start:12px;box-shadow:0 3px 8px rgba(0,0,0,.25)}
#atl226 .cd-own{top:12px;inset-inline-end:12px;background:rgba(255,255,255,.9);color:#6d28d9}
#atl226 .cd-own.on{background:#10b981;color:#fff}
#atl226 .cd-own.exp{background:#ffe4e6;color:#e11d48}
#atl226 .at-card.sk{background:#ece5fb}

/* من */
#atl226 .at-me-hero{background:linear-gradient(135deg,#7c3aed,#db2777 60%,#f97316);border:0;color:#fff;box-shadow:0 16px 32px -16px rgba(219,39,119,.8)}
#atl226 .at-me-hero .at-av{border:3px solid rgba(255,255,255,.8)}
#atl226 .mh-st div{background:rgba(255,255,255,.18)}
#atl226 .mh-st span{color:rgba(255,255,255,.85)}
#atl226 .mh-st .warn b{color:#fef08a}
#atl226 .at-row{background:#fff;border:1px solid rgba(124,58,237,.07);box-shadow:0 8px 20px -14px rgba(76,29,149,.4)}
#atl226 .at-row.on{border-color:rgba(16,185,129,.45);background:linear-gradient(90deg,#ecfdf5,#fff 70%)}
[dir=ltr] #atl226 .at-row.on{background:linear-gradient(270deg,#ecfdf5,#fff 70%)}
#atl226 .rw-art{background:linear-gradient(160deg,#3b1d6e,#150c2e)}
#atl226 .rw-art .ha-img{width:100%;height:100%}
#atl226 .rw-tx b{color:var(--ink)}
#atl226 .rw-t{background:#f1ebff;color:#6d28d9}
#atl226 .rw-t.soon{background:#fef3c7;color:#b45309}
#atl226 .rw-t.exp{background:#ffe4e6;color:#e11d48}
#atl226 .rw-t.inf{background:#fff4dd;color:#c2410c}
#atl226 .at-sw{background:#e6e0f2}
#atl226 .at-sw.on{background:linear-gradient(135deg,#34d399,#10b981)}
#atl226 .at-empty svg{color:#a855f7}
#atl226 .at-cta{background:linear-gradient(135deg,#8b5cf6,#ec4899 55%,#f97316);color:#fff !important;box-shadow:0 10px 22px -10px #ec4899}

/* برگهٔ خرید */
#atl226 .at-sheet-bg{background:rgba(36,18,72,.45)}
#atl226 .at-sheet{background:linear-gradient(180deg,#fff,#faf6ff);border-top:0;color:var(--ink);box-shadow:0 -20px 40px -20px rgba(76,29,149,.4)}
#atl226 .sh-stage{border:0;box-shadow:0 14px 28px -16px color-mix(in srgb,var(--b) 80%,transparent)}
#atl226 .sh-x{background:rgba(0,0,0,.4);color:#fff}
#atl226 .sh-k{color:#7c3aed}
#atl226 .sh-own{background:#d1fae5;color:#047857}
#atl226 .sh-own.exp{background:#ffe4e6;color:#e11d48}
#atl226 .sh-off{background:#f5f0ff;color:var(--mut)}
#atl226 .sh-plans button{background:#fff;border:1.5px solid #ece6f8;box-shadow:0 6px 14px -10px rgba(76,29,149,.35)}
#atl226 .sh-plans button.on{border-color:#a855f7;background:linear-gradient(180deg,#faf5ff,#fff);box-shadow:0 0 0 3px rgba(168,85,247,.15),0 10px 20px -12px #a855f7}
#atl226 .sh-plans .pp{color:#c2410c}
#atl226 .sh-inf{color:#6d28d9}
#atl226 .sb-sum b{color:#c2410c}
#atl226 .sb-sum b.neg{color:#e11d48}
#atl226 .sb-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899 55%,#f97316);color:#fff !important;box-shadow:0 12px 26px -10px rgba(236,72,153,.75)}
#atl226 .sb-btn .spin{border-color:rgba(255,255,255,.35);border-top-color:#fff}
#atl226 .sh-eq{background:#ecfdf5;border-color:#a7f3d0 !important;color:#047857 !important}
#atl226 .sh-eq.on{background:#f5f0ff;border-color:#e9e2f8 !important;color:var(--mut) !important}
#atl226 .ce-card{background:linear-gradient(160deg,#7c3aed,#db2777 65%,#f97316);border:0;color:#fff}
#atl226 .ce-card span{color:#fff7d6}
#atl226 .ce-art .ha-img{width:100%;height:100%}
#atl226 .sh-stage .ha-img{max-height:160px}
#atl226 .cd-pr{white-space:nowrap;max-width:100%;font-size:11px}
#atl226 .cd-pr small{font-size:9px}
#atl226 .at-toast{color:#fff}
/* v238 · جلوه‌های من (پرستیژ و رتبه) در «من» */
.fx238-l{margin-bottom:14px}
.fx238-h{display:flex;align-items:center;gap:6px;margin:14px 4px 8px;font-size:13.5px;font-weight:900;color:#2a1650}
.fx238-h svg,.fx238-h .at-i svg{width:16px;height:16px;color:#d97706}
.fx238 .rw-art.fx{display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,#fff8e1,#f5edff)}
.fx238 .rw-art.fx img{width:100%;height:100%;object-fit:contain}
.fx238 .rw-art.fx svg{width:88%;height:88%}
.fx238:not(.on) .rw-art{filter:grayscale(1);opacity:.55}
/* v277 · قاب متحرک: تصویر ثابت فقط تا وقتی SVGA آماده شود */
.fr226.ha-fxon > .fx-ph{display:none}
.fr226 > .ha-fxc{z-index:1}
/* v287 · VIP یا آیتم خودم */
.wr287{display:inline-flex;align-self:flex-start;width:max-content;max-width:100%;margin:4px 0 2px;padding:3px 10px;border:0;border-radius:99px;cursor:pointer;
  font:inherit;font-size:10.5px;font-weight:900;color:#fff;background:linear-gradient(90deg,#FF3D7F,#8B5CF6);box-shadow:0 4px 10px -5px rgba(139,92,246,.8)}
.wr287.on{cursor:default;color:#059669;background:rgba(16,185,129,.14);box-shadow:none}
#atl226 .rw-art .pv-fx{position:relative;display:block;flex:0 0 100%;align-self:stretch;width:100%;min-width:40px;height:100%;min-height:40px}
/* v287 · حباب گفتگوی بسته‌های VIP (تصویر ۶۶۶×۳۷۴ با گوشه‌های تزئینی): برش ۹تکه تا تزئین‌ها کش نیایند */
.bb226.img.sl287{background:none !important;border-style:solid !important;border-color:transparent !important;border-width:16px 38px !important;
  border-image:var(--bgi) 120 175 fill / 16px 38px / 4px 8px stretch !important;padding:3px 2px !important;border-radius:0 !important;min-height:20px;line-height:1.5}
#lrChat .bb226.img.sl287{margin:8px 8px}
/* v300 · حباب VIP با برش اختصاصی و مقیاس یکسان */
.bb226.img.sl287{border-width:var(--bw,16px 38px) !important;border-image:var(--bgi) var(--sl,110 120 110 120) fill / var(--bw,16px 38px) / 0 stretch !important;
  padding:1px 4px 2px !important;min-width:var(--mw,120px);box-sizing:border-box;line-height:1.55;color:#fff;text-shadow:0 1px 2px rgba(60,10,60,.55)}
#lrChat .bb226.img.sl287{margin:3px 0}
.bb226.img.sl287 .lr-nlink{filter:drop-shadow(0 0 1px rgba(40,0,50,.95)) drop-shadow(0 1px 1px rgba(40,0,50,.6))}

/* v322 · موج صدای خریداری‌شده (رنگی): دقیقاً دور آواتار، با بلندی صدا بزرگ‌تر، به‌جای موج پیش‌فرض */
#liveRoom49 .lr-seat:has(> .mwx226) > .wv123,
.lr-hostchip:has(> .mwx226) > .wv123,
.lr-hostchip:has(.mwx226) .wv123{display:none !important}
.mwx226{box-sizing:border-box}
.mwx226::before,.mwx226::after{inset:0;border:0 !important;
  background:conic-gradient(from 200deg,var(--a),var(--b),var(--c),var(--a));
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3px));
          mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3px));
  filter:drop-shadow(0 0 5px var(--a))}
.speaking .mwx226::before,.spk121 .mwx226::before,.mwx226.on::before{animation:mw322 1.5s cubic-bezier(.15,.55,.35,1) infinite}
.speaking .mwx226::after,.spk121 .mwx226::after,.mwx226.on::after{animation:mw322 1.5s cubic-bezier(.15,.55,.35,1) .75s infinite}
.mwx226.s-flame::before,.mwx226.s-flame::after{border-radius:44% 56% 52% 48%;background:conic-gradient(from 90deg,var(--a),var(--c),var(--b),var(--a))}
.speaking .mwx226,.spk121 .mwx226{filter:drop-shadow(0 0 calc(4px + var(--lvl,.3) * 10px) var(--b))}
@keyframes mw322{0%{transform:scale(1);opacity:.95}100%{transform:scale(calc(1.22 + var(--lvl,.3) * .45));opacity:0}}
@media (prefers-reduced-motion:reduce){.mwx226::before,.mwx226::after{animation:none !important}}
/* v323 · موج صدا دور قاب (هدور): پشت قاب، از لبهٔ آن به بیرون پخش می‌شود */
.mwx226.fr323{z-index:3}
.lr-seat > .fr226{z-index:4}
.mwx226.fr323::before,.mwx226.fr323::after{-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4.5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 4.5px),#000 calc(100% - 4px))}
@keyframes mw323{0%{transform:scale(.92);opacity:.95}100%{transform:scale(calc(1.18 + var(--lvl,.3) * .3));opacity:0}}
.speaking .mwx226.fr323::before,.spk121 .mwx226.fr323::before{animation-name:mw323}
.speaking .mwx226.fr323::after,.spk121 .mwx226.fr323::after{animation-name:mw323}
.wv123.fr323{z-index:1}
.wv123.fr323::before{display:none}
.wv123.fr323 i{animation-name:wave323}
@keyframes wave323{0%{transform:scale(.92);opacity:.95}100%{transform:scale(calc(1.18 + var(--lvl,.3) * .3));opacity:0}}
/* v324 · با قاب: موج بیرون قاب پهن‌تر و پررنگ‌تر پخش می‌شود؛ حلقهٔ سفید داخل قاب (حالت حرف زدن) برداشته می‌شود */
.mwx226.fr323::before,.mwx226.fr323::after{-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));filter:drop-shadow(0 0 8px var(--a)) drop-shadow(0 0 3px var(--b))}
@keyframes mw323{0%{transform:scale(.97);opacity:1}100%{transform:scale(calc(1.25 + var(--lvl,.3) * .35));opacity:0}}
@keyframes wave323{0%{transform:scale(.97);opacity:1}100%{transform:scale(calc(1.25 + var(--lvl,.3) * .35));opacity:0}}
.wv123.fr323 i{-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))}
#liveRoom49 .lr-seat.speaking:not(.v):has(> .fr226) .circ{border-color:transparent !important;box-shadow:none !important}
#liveRoom49 .lr-seat:has(> .fr226){overflow:visible}

/* v344 · قانون‌های فروش: تخفیف، قیمت قبلی، پایان فروش */
.at-card .po,.sh-plans .po,.ft-p .po{text-decoration:line-through;opacity:.55;font-size:.82em;font-weight:700;margin-inline-end:3px;direction:ltr;unicode-bidi:isolate}
.sh-plans .po{display:block;line-height:1}
.cd-off{position:absolute;top:8px;inset-inline-end:8px;z-index:2;font-size:9.5px;font-weight:900;padding:3px 7px;border-radius:7px;color:#fff;background:linear-gradient(135deg,#fb7185,#e11d48);box-shadow:0 4px 10px -4px rgba(225,29,72,.8)}
.at-card .cd-own+.cd-off,.at-card .cd-own~.cd-off{top:30px}
.ft-off{display:inline-block;margin-inline-start:6px;font-size:10px;font-weight:900;padding:2px 7px;border-radius:7px;color:#fff;background:linear-gradient(135deg,#fb7185,#e11d48)}
.sh-sale{display:flex;align-items:center;gap:6px;margin:0 0 10px;padding:8px 12px;border-radius:12px;font-size:12px;font-weight:800;color:#fecdd3;background:linear-gradient(135deg,rgba(244,63,94,.22),rgba(244,63,94,.08));border:1px solid rgba(244,63,94,.35)}
.sh-sale svg{width:15px;height:15px;flex:none}
.sh-sale.end{color:#fde68a;background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(245,158,11,.06));border-color:rgba(245,158,11,.35)}
#atl226 .cd-off{top:12px;inset-inline-end:12px}
#atl226 .at-card .cd-own+.cd-off{top:36px}
#atl226 .sh-sale{color:#be123c;background:linear-gradient(135deg,#fff1f2,#fff);border-color:#fecdd3}
#atl226 .sh-sale.end{color:#b45309;background:linear-gradient(135deg,#fffbeb,#fff);border-color:#fde68a}
#atl226 .cd-pr .po{color:#9a3412}
.cd-was{position:relative;z-index:1;display:block;margin-top:3px;font-size:10px;font-weight:800;text-decoration:line-through;opacity:.6;direction:ltr;unicode-bidi:isolate}
.cd-was+.cd-pr{margin-top:2px}
#atl226 .cd-was{color:#9a3412}

/* ═══ v345 · کارت پوستری مرکب و افکت ورود + «پخش با صدا» ═══ */
#atl226 .at-grid.wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:640px){#atl226 .at-grid.wide{grid-template-columns:repeat(3,minmax(0,1fr))}}
#atl226 .at-card.cw{padding:6px 6px 9px;align-items:stretch;text-align:start;border-radius:20px;overflow:hidden}
#atl226 .cw-art{position:relative;aspect-ratio:5/4;border-radius:15px;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 95% at 50% 18%,color-mix(in srgb,var(--a) 62%,#1e1b4b),color-mix(in srgb,var(--b) 78%,#07051a))}
#atl226 .cw-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;z-index:0;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
#atl226 .at-card.cw:hover .cw-img{transform:scale(1.05)}
#atl226 .cw-gen{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;padding:9%}
#atl226 .cw-gen>svg,#atl226 .cw-gen>.ha-img,#atl226 .cw-gen>img{width:100%;height:auto;max-height:100%;object-fit:contain}
#atl226 .cw-fx.ha-fxon>svg{display:none}
#atl226 .cw-fx .ha-fxc{position:absolute;inset:0}
#atl226 .cw-sh{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(7,5,26,.38),transparent 32%,transparent 62%,rgba(7,5,26,.55))}
#atl226 .cw-art .cd-tag{top:7px;inset-inline-start:7px;z-index:2}
#atl226 .cw-art .cd-own{top:7px;inset-inline-end:7px;z-index:2}
#atl226 .cw-art .cd-off{top:auto;bottom:7px;inset-inline-end:7px;z-index:2}
#atl226 .cw-anim{position:absolute;bottom:7px;inset-inline-start:7px;z-index:2;display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:900;color:#fff;padding:3px 8px 3px 7px;border-radius:99px;background:rgba(15,10,40,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18)}
#atl226 .cw-anim svg{width:9px;height:9px}
#atl226 .cw-bd{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:9px 4px 0;min-width:0}
#atl226 .cw .cd-nm{margin:0;font-size:13px;text-align:start;color:var(--ink)}
#atl226 .cw-pr{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}
#atl226 .cw .cd-pr{margin:0;flex:none}
#atl226 .cw .cd-was{margin:0;font-size:10px;flex:none}
/* «پخش با صدا» روی صحنهٔ برگهٔ خرید */
.sh-snd{position:absolute;top:12px;inset-inline-start:12px;z-index:5;display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;padding:7px 12px 7px 10px;border-radius:99px;font:inherit;font-size:11.5px;font-weight:900;color:#fff;
  background:linear-gradient(135deg,rgba(6,182,212,.92),rgba(99,102,241,.92));box-shadow:0 8px 18px -8px rgba(79,70,229,.9);-webkit-tap-highlight-color:transparent}
.sh-snd svg{width:15px;height:15px}
.sh-snd:active{transform:scale(.95)}
.sh-snd.on{animation:shsnd 1s ease-in-out infinite}
@keyframes shsnd{50%{box-shadow:0 0 0 7px rgba(99,102,241,.22),0 8px 18px -8px rgba(79,70,229,.9)}}