/* Hartly · v74 · بلوک 085 از ۱۱۸
   V74
   تولید خودکار توسط tools/split-layers.py */
/* ============ V74 — استیکر متحرک / شمارنده گیفت / قاب و ورودی فروشگاه ============ */
/* داک استیکر متحرک */
#stkDock74{position:fixed;left:0;right:0;bottom:0;z-index:101;background:linear-gradient(180deg,#ffffff,#fafaf9);border-radius:24px 24px 0 0;padding:14px 14px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.4);animation:stkUp74 .25s ease;direction:rtl}
@keyframes stkUp74{from{transform:translateY(100%)}to{transform:translateY(0)}}
#stkDock74 .stk74-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
#stkDock74 .stk74-h b{font-size:14px;font-weight:900;color:#1c1917}
#stkDock74 .stk74-h span{font-size:10.5px;color:#a8a29e;font-weight:700}
#stkDock74 .stk74-x{width:30px;height:30px;border-radius:99px;background:#f5f5f4;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.stk74-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-height:300px;overflow-y:auto}
.stk74-it{aspect-ratio:1;border-radius:18px;background:#f5f5f4;border:1.5px solid #e7e5e4;display:flex;align-items:center;justify-content:center;font-size:34px;cursor:pointer;transition:transform .15s,border-color .15s;user-select:none;-webkit-tap-highlight-color:transparent}
.stk74-it:active{transform:scale(.82);border-color:#fda4af;background:#fff1f2}
/* استیکر پروازشده روی پروفایل */
.stkFly74{position:fixed;z-index:102;font-size:54px;pointer-events:none;transform:translate(-50%,-50%);animation:stkFlyA74 2.6s ease-out forwards;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
@keyframes stkFlyA74{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.35)}30%{transform:translate(-50%,-52%) scale(1)}75%{opacity:1;transform:translate(-50%,-60%) scale(1.05)}100%{opacity:0;transform:translate(-50%,-140%) scale(.9)}}
.stk74-bounce{animation:stkFlyA74 2.6s ease-out forwards,stkB74 .5s ease-in-out infinite}
.stk74-swing{animation:stkFlyA74 2.6s ease-out forwards,stkS74 .7s ease-in-out infinite}
.stk74-spin{animation:stkFlyA74 2.6s ease-out forwards,stkR74 .9s linear infinite}
.stk74-shake{animation:stkFlyA74 2.6s ease-out forwards,stkK74 .35s ease-in-out infinite}
.stk74-heart{animation:stkFlyA74 2.6s ease-out forwards,stkH74 .6s ease-in-out infinite}
@keyframes stkB74{0%,100%{margin-top:0}50%{margin-top:-16px}}
@keyframes stkS74{0%,100%{rotate:-14deg}50%{rotate:14deg}}
@keyframes stkR74{to{rotate:360deg}}
@keyframes stkK74{0%,100%{translate:0 0}25%{translate:-5px 2px}75%{translate:5px -2px}}
@keyframes stkH74{0%,100%{scale:1}50%{scale:1.22}}
/* شمارنده گیفت دریافتی زیر کاربر */
.gv74{display:inline-flex;align-items:center;gap:3px;background:linear-gradient(135deg,#fbbf24,#f43f5e);color:#fff;font-size:9px;font-weight:900;border-radius:999px;padding:2px 8px;margin-top:3px;box-shadow:0 3px 10px rgba(244,63,94,.4);border:1px solid rgba(255,255,255,.55);line-height:1.5;white-space:nowrap}
.lr-hostchip .gv74{margin-top:0;margin-inline-start:4px;font-size:8.5px;padding:1px 6px}
/* قاب‌های فروشگاه روی آواتار */
.f74-gold{box-shadow:0 0 0 3px #fbbf24,0 0 18px 5px rgba(251,191,36,.75) !important;animation:f74G 1.8s ease-in-out infinite}
@keyframes f74G{0%,100%{box-shadow:0 0 0 3px #fbbf24,0 0 14px 4px rgba(251,191,36,.6)}50%{box-shadow:0 0 0 3.5px #fde68a,0 0 26px 9px rgba(251,191,36,.95)}}
.f74-fire{box-shadow:0 0 0 3px #f97316,0 0 18px 6px rgba(239,68,68,.8) !important;animation:f74F 1.2s ease-in-out infinite}
@keyframes f74F{0%,100%{box-shadow:0 0 0 3px #f97316,0 0 14px 5px rgba(239,68,68,.65)}50%{box-shadow:0 0 0 3.5px #ef4444,0 0 28px 10px rgba(249,115,22,.95)}}
.f74-neon{box-shadow:0 0 0 3px #22d3ee,0 0 18px 6px rgba(34,211,238,.8) !important;animation:f74N 1.6s ease-in-out infinite}
@keyframes f74N{0%,100%{box-shadow:0 0 0 3px #22d3ee,0 0 14px 5px rgba(34,211,238,.6)}50%{box-shadow:0 0 0 3.5px #a5f3fc,0 0 26px 9px rgba(168,85,247,.85)}}
/* بنر ورود با وسیله/افکت */
.enter74{position:fixed;top:14%;right:-420px;z-index:101;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,rgba(24,24,27,.94),rgba(69,26,3,.94));border:1.5px solid rgba(251,191,36,.6);border-radius:999px;padding:9px 18px 9px 12px;box-shadow:0 10px 34px rgba(0,0,0,.5),0 0 24px rgba(251,191,36,.3);animation:enterSlide74 4.5s ease forwards;pointer-events:none;max-width:92vw}
@keyframes enterSlide74{0%{right:-420px}10%{right:12px}82%{right:12px;opacity:1}100%{right:12px;opacity:0}}
.enter74 .e-ic{font-size:34px;animation:stkB74 .8s ease-in-out infinite;filter:drop-shadow(0 3px 8px rgba(0,0,0,.4))}
.enter74 .e-tx{color:#fef3c7;font-weight:900;font-size:12px;line-height:1.5}
.enter74 .e-tx small{display:block;color:#e7e5e4;font-size:9.5px;font-weight:700;opacity:.85}
/* ===== V74 VIP redesign ===== */
.vip74-hero{position:relative;border-radius:22px;overflow:hidden;margin:0 14px 14px;box-shadow:0 14px 34px rgba(76,29,149,.35);border:1px solid rgba(253,230,138,.35)}
.vip74-herosvg{height:120px}
.vip74-heroinfo{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;pointer-events:none}
.vip74-my{display:flex;align-items:center;gap:10px;background:rgba(15,5,36,.55);backdrop-filter:blur(4px);border:1px solid rgba(253,230,138,.4);border-radius:16px;padding:8px 14px}
.vip74-mybdg{width:44px;height:44px;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(245,158,11,.6))}
.vip74-mybdg svg{width:100%;height:100%}
.vip74-myt{font-weight:900;font-size:14px;color:#fef3c7}
.vip74-mye{font-size:10.5px;color:#e9d5ff;opacity:.85;margin-top:2px}
.vip74-bal{font-size:11px;font-weight:800;color:#fde68a;background:rgba(15,5,36,.5);border:1px solid rgba(253,230,138,.3);border-radius:999px;padding:3px 12px}
.vip74-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 14px 20px}
.vip74-t{position:relative;border-radius:20px;padding:16px 12px 14px;text-align:center;overflow:hidden;background:linear-gradient(160deg,#ffffff,#f8fafc);border:1.5px solid #e2e8f0;box-shadow:0 6px 18px rgba(15,23,42,.07)}
.vip74-t.t1{border-color:#cbd5e1;background:linear-gradient(160deg,#f8fafc,#e2e8f0)}
.vip74-t.t2{border-color:#fcd34d;background:linear-gradient(160deg,#fffbeb,#fef3c7)}
.vip74-t.t3{border-color:#c084fc;background:linear-gradient(160deg,#faf5ff,#ede9fe)}
.vip74-t.t4{border-color:#fca5a5;background:linear-gradient(160deg,#1c1917,#292524);color:#fef3c7}
.vip74-t.t4 .vip74-nm{color:#fde68a}
.vip74-t.t4 .vip74-perks li{color:#e7e5e4}
.vip74-t.owned{outline:2.5px solid #22c55e;outline-offset:-2.5px}
.vip74-bdg{width:74px;height:74px;margin:0 auto 8px;animation:vipFloat74 3.2s ease-in-out infinite}
.vip74-bdg svg{width:100%;height:100%;filter:drop-shadow(0 4px 10px rgba(15,23,42,.25))}
.vip74-t.t2 .vip74-bdg svg{filter:drop-shadow(0 0 12px rgba(245,158,11,.55))}
.vip74-t.t3 .vip74-bdg svg{filter:drop-shadow(0 0 12px rgba(168,85,247,.55))}
.vip74-t.t4 .vip74-bdg svg{filter:drop-shadow(0 0 14px rgba(220,38,38,.65))}
.vip74-nm{font-weight:900;font-size:14px;color:#0f172a;margin-bottom:6px}
.vip74-perks{list-style:none;margin:0 0 10px;padding:0;font-size:10px;color:#475569;display:flex;flex-direction:column;gap:3px;min-height:52px}
.vip74-perks li::before{content:"✦ ";color:#f59e0b}
.vip74-pr{font-weight:900;font-size:13px;color:#b45309;margin-bottom:8px}
.vip74-pr span{font-size:9.5px;font-weight:600;color:#94a3b8}
.vip74-t.t4 .vip74-pr{color:#fbbf24}
.vip74-own{font-size:10px;font-weight:800;color:#16a34a;margin-bottom:8px}
.vip74-buy{width:100%;border:none;border-radius:14px;padding:10px 0;font-weight:900;font-size:12.5px;color:#fff;cursor:pointer;background:linear-gradient(120deg,#f59e0b,#d97706);box-shadow:0 6px 16px rgba(245,158,11,.4);transition:transform .15s}
.vip74-buy:active{transform:scale(.95)}
.vip74-t.t4 .vip74-buy{background:linear-gradient(120deg,#dc2626,#7f1d1d);box-shadow:0 6px 16px rgba(220,38,38,.45)}
.vip74-buy.renew{background:linear-gradient(120deg,#22c55e,#15803d);box-shadow:0 6px 16px rgba(34,197,94,.35)}
@keyframes vipFloat74{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
