/* ═══ v252 · «خزانهٔ هارت» — کیف پول یاسی و مروارید ═══ */
#wlt252{ position:fixed; inset:0; z-index:120; display:none; overflow:hidden; opacity:0; transition:opacity .2s;
  background:radial-gradient(80% 40% at 100% 0%,rgba(196,181,253,.45),transparent 70%), radial-gradient(70% 40% at 0% 30%,rgba(251,207,232,.35),transparent 70%), linear-gradient(180deg,#FCFAFF,#F7F2FF 50%,#FFF8F0);
  font-family:inherit; color:#2E1065 }
#wlt252.on{ opacity:1 }
.wp252{ position:relative; height:100%; max-width:480px; margin:0 auto; display:flex; flex-direction:column }
.wh252{ flex:none; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 10px }
.wh252 b{ font-size:17px; font-weight:900 }
.wb252{ display:grid; place-items:center; width:38px; height:38px; padding:0; border:0; border-radius:13px; cursor:pointer; color:#5B21B6; background:#fff; box-shadow:0 0 0 1px #EDE4FF, 0 6px 14px -10px rgba(91,33,182,.6) }
.wb252 svg{ width:20px; height:20px } [dir=ltr] .wb252[data-w=close] svg, [dir=ltr] .wb252[data-w=store] svg{ transform:none } [dir=rtl] .wb252[data-w=close] svg, [dir=rtl] .wb252[data-w=store] svg{ transform:scaleX(-1) }
.wb252.ph{ visibility:hidden }
.wsc252{ flex:1; overflow-y:auto; padding:4px 14px calc(env(safe-area-inset-bottom,0px) + 28px); -webkit-overflow-scrolling:touch }

/* کارت موجودی */
.whc252{ position:relative; overflow:hidden; isolation:isolate; padding:18px 18px 12px; border-radius:26px; color:#fff;
  background:radial-gradient(90% 120% at 100% 0%,#C084FC 0%,transparent 60%), radial-gradient(80% 120% at 0% 100%,#F472B6 0%,transparent 55%), linear-gradient(135deg,#7C3AED,#4C1D95);
  box-shadow:0 24px 40px -24px rgba(76,29,149,.95), inset 0 0 0 1px rgba(255,255,255,.22) }
.wfo252{ position:absolute; inset:0; z-index:-1; background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.22) 42%,rgba(255,236,200,.28) 52%,transparent 68%); background-size:250% 100%; animation:wfo252 6s ease-in-out infinite }
@keyframes wfo252{ 0%,100%{ background-position:0% 0 } 50%{ background-position:100% 0 } }
.wsp252 i{ position:absolute; z-index:-1; width:6px; height:6px; background:#FDE68A; clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%); opacity:0; animation:wsp252 3.6s ease-in-out infinite }
.wsp252 i:nth-child(1){ top:18%; left:12%; } .wsp252 i:nth-child(2){ top:70%; left:38%; animation-delay:.8s } .wsp252 i:nth-child(3){ top:30%; left:56%; animation-delay:1.6s; width:8px; height:8px }
.wsp252 i:nth-child(4){ top:78%; left:82%; animation-delay:2.2s } .wsp252 i:nth-child(5){ top:12%; left:88%; animation-delay:2.9s }
@keyframes wsp252{ 0%,100%{ opacity:0; transform:scale(.4) rotate(0) } 50%{ opacity:1; transform:scale(1.2) rotate(45deg) } }
.whr252{ display:flex; align-items:center; justify-content:space-between; gap:8px }
.whr252 > div{ display:flex; flex-direction:column; gap:2px; min-width:0 }
.whr252 small{ font-size:12px; font-weight:800; opacity:.85 }
.whr252 > div > b{ font-size:36px; font-weight:900; line-height:1.1; letter-spacing:.5px; direction:ltr; text-align:start; text-shadow:0 2px 10px rgba(60,10,120,.45) }
[dir=rtl] .whr252 > div > b{ text-align:right }
.whr252 > div > b.bump{ animation:wbm252 .6s ease }
@keyframes wbm252{ 40%{ transform:scale(1.08); color:#FDE68A } }
.wdi252{ display:inline-flex; align-items:center; gap:5px; align-self:flex-start; margin-top:6px; padding:3px 10px 3px 4px; border-radius:99px; background:rgba(255,255,255,.18); box-shadow:inset 0 0 0 1px rgba(255,255,255,.3) }
[dir=rtl] .wdi252{ padding:3px 4px 3px 10px }
.wdi252 svg{ width:18px; height:18px; padding:2px; border-radius:50%; background:#fff }
.wdi252 em{ font-style:normal; font-size:13px; font-weight:900; direction:ltr } .wdi252 small{ font-size:10.5px }
.whc252 .wa252{ flex:none; filter:drop-shadow(0 10px 14px rgba(40,0,80,.45)); animation:wfl252 4s ease-in-out infinite }
@keyframes wfl252{ 50%{ transform:translateY(-5px) rotate(-3deg) } }
.wbr252{ display:flex; align-items:center; justify-content:space-between; margin:10px 0 0; padding-top:9px; border-top:1px dashed rgba(255,255,255,.35); font-size:10px; font-weight:900; letter-spacing:2px; opacity:.85; direction:ltr }
.wbr252 svg{ width:15px; height:15px }

/* بنر */
.wbn252{ position:relative; overflow:hidden; display:flex; align-items:center; gap:9px; margin-top:12px; padding:10px 12px; border-radius:18px; color:#7C2D12;
  background:linear-gradient(100deg,#FFF7E0,#FFE4EF 60%,#F3E8FF); box-shadow:inset 0 0 0 1.5px #F9D9A8 }
.wbn252 > i{ display:grid; place-items:center; width:30px; height:30px; flex:none; border-radius:10px; color:#fff; background:linear-gradient(135deg,#FBBF24,#F472B6) }
.wbn252 > i svg{ width:17px; height:17px }
.wbn252 b{ flex:1; min-width:0; font-size:13px; font-weight:900 }
.wbn252 em{ flex:none; display:inline-flex; align-items:center; gap:4px; font-style:normal; font-size:11.5px; font-weight:900; padding:3px 8px; border-radius:99px; color:#BE185D; background:#fff }
.wbn252 em svg{ width:12px; height:12px }

.wst252{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin:18px 4px 10px }
.wst252 b{ font-size:15.5px; font-weight:900 } .wst252 small{ display:inline-flex; align-items:center; gap:3px; font-size:10.5px; font-weight:800; color:#9483B8 } .wst252 small svg{ width:12px; height:12px; color:#F59E0B }

/* بستهٔ ویژه */
.wft252{ position:relative; overflow:hidden; isolation:isolate; display:flex; align-items:center; gap:12px; width:100%; margin-bottom:12px; padding:20px 14px 14px; border:0; border-radius:24px; cursor:pointer; font:inherit; text-align:start; color:#2E1065;
  background:radial-gradient(70% 100% at 0% 50%,rgba(253,230,138,.55),transparent 70%), linear-gradient(135deg,#FFFFFF,#F5EEFF 55%,#FFF4E3);
  box-shadow:0 0 0 2px #E9D5FF, 0 0 0 3.5px rgba(245,197,81,.5), 0 18px 32px -22px rgba(109,40,217,.8) }
.wft252:active{ transform:scale(.985) }
.wfg252{ position:absolute; z-index:-1; top:0; bottom:0; width:35%; left:-50%; transform:skewX(-20deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent); animation:wfg252 3.8s ease-in-out infinite }
@keyframes wfg252{ 0%,55%{ left:-50% } 100%{ left:130% } }
.wrb252{ position:absolute; top:0; inset-inline-start:14px; display:inline-flex; align-items:center; gap:4px; padding:3px 10px 4px; border-radius:0 0 10px 10px; font-size:10.5px; font-weight:900; color:#fff; background:linear-gradient(135deg,#A78BFA,#7C3AED); box-shadow:0 6px 12px -6px #7C3AED }
.wrb252 svg{ width:11px; height:11px; color:#FDE68A }
.wfi252{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px }
.wfi252 small{ font-size:11.5px; font-weight:800; color:#7C3AED }
.wfi252 b{ font-size:25px; font-weight:900; line-height:1.15; direction:ltr; text-align:start } [dir=rtl] .wfi252 b{ text-align:right }
.wfi252 em{ display:inline-flex; align-items:center; gap:4px; align-self:flex-start; font-style:normal; font-size:11px; font-weight:900; color:#047857; background:#E8FBF2; padding:2px 8px; border-radius:99px }
.wfi252 em svg{ width:12px; height:12px }
.wpr252{ flex:none; display:grid; place-items:center; height:34px; padding:0 12px; border-radius:12px; font-size:13px; font-weight:900; white-space:nowrap; direction:ltr; color:#fff;
  background:linear-gradient(135deg,#B794F6,#7C3AED 55%,#5B21B6); box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 8px 16px -8px rgba(109,40,217,.9) }
.wpr252.big{ height:42px; padding:0 14px; font-size:14px; border-radius:14px }
.wcd252{ display:inline-flex; align-items:center; gap:3px; align-self:flex-start; font-style:normal; font-size:10px; font-weight:900; color:#BE185D; background:#FFE4EF; padding:2px 7px; border-radius:99px; margin-top:2px }
.wcd252 svg{ width:11px; height:11px }

/* شبکهٔ بسته‌ها */
.wgr252{ display:grid; grid-template-columns:1fr 1fr; gap:10px }
.wpk252{ position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; gap:2px; padding:16px 8px 10px; border:0; border-radius:22px; cursor:pointer; font:inherit; color:#2E1065;
  background:linear-gradient(180deg,#FFFFFF,#FBF7FF 70%,#FFF8F0); box-shadow:0 0 0 1.5px #EDE4FF, 0 14px 24px -20px rgba(109,40,217,.7); animation:wpk252 .4s ease both; animation-delay:calc(var(--i) * 45ms) }
@keyframes wpk252{ from{ opacity:0; transform:translateY(10px) } }
.wpk252:active{ transform:scale(.97) }
.wpk252 b{ margin-top:2px; font-size:18px; font-weight:900; direction:ltr }
.wpk252 small{ font-size:10.5px; font-weight:800; color:#9483B8 }
.wpk252 em{ display:inline-flex; align-items:center; gap:3px; min-height:18px; margin:5px 0 8px; font-style:normal; font-size:10.5px; font-weight:900; color:#047857; background:#E8FBF2; padding:1px 8px; border-radius:99px }
.wpk252 em.no{ background:none } .wpk252 em svg{ width:11px; height:11px }
.wpk252 .wpr252{ width:100%; box-sizing:border-box }
.wpk252 .wcd252{ align-self:center; margin:-4px 0 6px }
.wbd252{ position:absolute; top:10px; inset-inline-end:-30px; width:110px; padding:2px 0; transform:rotate(38deg); text-align:center; font-size:9px; font-weight:900; color:#fff; background:linear-gradient(90deg,#F472B6,#E11D48); box-shadow:0 4px 8px -4px rgba(225,29,72,.8) }
[dir=rtl] .wbd252{ transform:rotate(-38deg) }
.b-best .wbd252, .b-value .wbd252{ background:linear-gradient(90deg,#FBBF24,#D97706) } .b-new .wbd252{ background:linear-gradient(90deg,#34D399,#059669) } .b-limited .wbd252{ background:linear-gradient(90deg,#A78BFA,#6D28D9) }
.wpk252.b-hot, .wpk252.b-best, .wpk252.b-value{ box-shadow:0 0 0 1.5px #F5D0FE, 0 14px 24px -18px rgba(219,39,119,.6) }
.wfo252x{ position:absolute; top:8px; inset-inline-start:8px; font-size:8.5px; font-weight:900; color:#6D28D9; background:#F3EDFF; padding:2px 6px; border-radius:99px }
.wa252.img{ object-fit:contain }

.wtr252{ display:flex; justify-content:center; flex-wrap:wrap; gap:6px 14px; margin-top:16px }
.wtr252 span{ display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:800; color:#6B5B86 } .wtr252 svg{ width:14px; height:14px; color:#7C3AED }
.wnt252{ margin:10px 18px 0; text-align:center; font-size:11px; font-weight:700; line-height:1.8; color:#6B5B86 } .wnt252.s{ font-size:10px; color:#A99BC4 }
.wem252{ display:flex; flex-direction:column; align-items:center; gap:8px; margin:40px 0; text-align:center; font-size:13px; font-weight:800; color:#9483B8 }
.wsk252{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:18px } .wsk252 i{ height:170px; border-radius:22px; background:linear-gradient(90deg,#F3EDFF,#FBF8FF,#F3EDFF); background-size:200% 100%; animation:wsk252 1.2s linear infinite }
.wsk252.l{ grid-template-columns:1fr } .wsk252.l i{ height:58px }
@keyframes wsk252{ to{ background-position:-200% 0 } }

/* تاریخچه */
.whl252{ margin-top:8px }
.whd252{ margin:16px 4px 8px; font-size:11.5px; font-weight:900; color:#9483B8 }
.wht252{ display:flex; align-items:center; gap:10px; margin-bottom:8px; padding:10px 12px; border-radius:16px; background:#fff; box-shadow:0 0 0 1px #F0E8FF }
.wht252 > i{ flex:none; display:grid; place-items:center; width:34px; height:34px; border-radius:12px; color:#fff } .wht252 > i svg{ width:16px; height:16px }
.wht252.k-g > i{ background:linear-gradient(135deg,#34D399,#059669) } .wht252.k-r > i{ background:linear-gradient(135deg,#FDA4AF,#E11D48) }
.wht252.k-v > i{ background:linear-gradient(135deg,#C4B5FD,#7C3AED) } .wht252.k-a > i{ background:linear-gradient(135deg,#FCD34D,#D97706) } .wht252.k-b > i{ background:linear-gradient(135deg,#93C5FD,#2563EB) }
.wht252 > span{ flex:1; min-width:0; display:flex; flex-direction:column } .wht252 > span b{ font-size:13px; font-weight:900 } .wht252 > span small{ font-size:10.5px; font-weight:700; color:#A99BC4 }
.wht252 em{ font-style:normal; text-align:end; font-size:13.5px; font-weight:900; direction:ltr; line-height:1.4 } .wht252 em u{ text-decoration:none; font-size:10px; font-weight:800; opacity:.7 }
.wht252 em.up{ color:#059669 } .wht252 em.dn{ color:#E11D48 }

/* برگهٔ پرداخت */
.wco252{ position:absolute; inset:0; z-index:5; display:flex; align-items:flex-end; justify-content:center; background:rgba(46,16,101,.35); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); animation:wco252 .2s ease }
@keyframes wco252{ from{ opacity:0 } }
.wcs252{ position:relative; width:100%; max-width:480px; box-sizing:border-box; padding:20px 18px calc(env(safe-area-inset-bottom,0px) + 18px); border-radius:28px 28px 0 0;
  background:radial-gradient(70% 50% at 50% 0%,rgba(196,181,253,.5),transparent 70%), linear-gradient(180deg,#FFFFFF,#FBF7FF 60%,#FFF8F0); box-shadow:0 -20px 40px -20px rgba(46,16,101,.5); animation:wcs252 .28s cubic-bezier(.2,.9,.3,1.2) }
@keyframes wcs252{ from{ transform:translateY(100%) } }
.wcx252{ position:absolute; top:12px; inset-inline-end:12px; display:grid; place-items:center; width:32px; height:32px; padding:0; border:0; border-radius:50%; cursor:pointer; color:#7C3AED; background:#F3EDFF } .wcx252 svg{ width:16px; height:16px }
.wct252{ display:flex; flex-direction:column; align-items:center; gap:2px; text-align:center } .wct252 .wa252{ animation:wfl252 4s ease-in-out infinite }
.wct252 b{ font-size:30px; font-weight:900; direction:ltr; background:linear-gradient(90deg,#5B21B6,#A855F7,#5B21B6); -webkit-background-clip:text; background-clip:text; color:transparent }
.wct252 small{ font-size:12px; font-weight:800; color:#9483B8 }
.wcl252{ margin:14px 0; padding:4px 14px; border-radius:18px; background:#fff; box-shadow:0 0 0 1px #EDE4FF }
.wcl252 p{ display:flex; align-items:center; justify-content:space-between; margin:0; padding:10px 0; font-size:13px; font-weight:800; color:#5B4A7A }
.wcl252 p + p{ border-top:1px dashed #E9DEFD } .wcl252 p b{ font-weight:900; color:#2E1065; direction:ltr }
.wcl252 p span{ display:inline-flex; align-items:center; gap:5px } .wcl252 p svg{ width:14px; height:14px }
.wcl252 p.g b, .wcl252 p.g span{ color:#047857 } .wcl252 p.t b{ font-size:16px; color:#6D28D9 }
.wcp252{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%; height:50px; border:0; border-radius:16px; cursor:pointer; font:inherit; font-size:15px; font-weight:900; color:#fff;
  background:linear-gradient(135deg,#B794F6,#7C3AED 55%,#5B21B6); box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 14px 26px -12px rgba(109,40,217,.95) }
.wcp252 svg{ width:18px; height:18px } .wcp252.s{ margin-top:10px; color:#5B21B6; background:#fff; box-shadow:inset 0 0 0 1.5px #E4D6FF }
.wcn252{ margin:10px 0 0; text-align:center; font-size:11px; font-weight:700; color:#9483B8 }
.wcw252{ display:flex; align-items:center; gap:10px; padding:12px; border-radius:16px; background:#FFF7E6; box-shadow:inset 0 0 0 1px #FBE3B5; color:#92400E }
.wcw252 > svg{ flex:none; width:22px; height:22px } .wcw252 span{ display:flex; flex-direction:column; gap:2px } .wcw252 b{ font-size:13px; font-weight:900 } .wcw252 small{ font-size:11px; font-weight:700; opacity:.85 }
/* v438 · ۳۰٪ هدیه‌های امروز (غیرآژانسی) */
.wgc438{ display:flex; align-items:center; gap:12px; margin:12px 0 2px; padding:12px 14px; border-radius:18px; background:linear-gradient(135deg,#FFF1F6,#FFF7E8); box-shadow:inset 0 0 0 1px #FFD9E6 }
.wgc438 > i{ flex:none; display:grid; place-items:center; width:38px; height:38px; border-radius:13px; color:#fff; background:linear-gradient(135deg,#FF3D7F,#F59E0B); box-shadow:0 6px 16px rgba(255,61,127,.28) }
.wgc438 > i svg{ width:20px; height:20px }
.wgc438 span{ display:flex; flex-direction:column; gap:3px; min-width:0 }
.wgc438 b{ font-size:13.5px; font-weight:900; color:#5B1235 }
.wgc438 small{ font-size:11.5px; font-weight:700; line-height:1.6; color:#9A4A63 }
@media (prefers-reduced-motion:reduce){ #wlt252 *{ animation:none !important } }
/* v440 · کارت بدهی بازپس‌گیری (هم‌قالب کارت ۳۰٪، رنگ هشدار) */
.wdb440{ background:linear-gradient(135deg,#FFF1F2,#FFE4E6) !important; box-shadow:inset 0 0 0 1px #FECDD3 !important }
.wdb440 > i{ background:linear-gradient(135deg, #E11D48, #9F1239) !important }
.wdb440 b{ color:#BE123C !important }