.notif-item{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:flex-start;gap:12px;padding:14px 16px;transition:background .15s;display:flex}.notif-item:hover{background:#fef7f0}.notif-item.unread{background:#fff8f0}.notif-item.unread:before{content:"";background:#f3630f;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notif-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;display:flex}.notif-body{flex:1;min-width:0}.notif-title{color:#1a1a2e;font-size:13px;font-weight:700;line-height:1.3}.notif-desc{color:#666;max-height:80px;margin-top:4px;font-size:12px;line-height:1.5;position:relative;overflow:hidden}.notif-desc.expanded{max-height:none}.notif-desc img{border-radius:8px;max-width:100%;height:auto;margin:6px 0;display:block}.notif-desc p{margin:4px 0}.notif-read-more{color:#f3630f;cursor:pointer;margin-top:4px;font-size:11px;font-weight:700;display:inline-block}.notif-time{color:#bbb;margin-top:4px;font-size:10px;font-weight:600}.notif-empty{text-align:center;padding:40px 20px}.notif-empty i{color:#e0e0e0;margin-bottom:12px;font-size:40px}.pk-wa-down{color:#7c2d12;background:linear-gradient(90deg,#fff7ed,#ffedd5);border-bottom:1px solid #fed7aa;font-size:13px;line-height:1.4}.pk-wa-down__in{align-items:center;gap:10px;padding-top:8px;padding-bottom:8px;display:flex}.pk-wa-down__in>i{color:#ea580c;flex-shrink:0;font-size:16px}.pk-wa-down__in>span{flex:1;min-width:0}.pk-wa-down a{color:#c2410c;font-weight:700;text-decoration:underline}.pk-wa-down__x{color:#9a3412;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:4px 6px;font-size:16px}[data-theme=dark] .pk-wa-down{color:#fed7aa;background:linear-gradient(90deg,#2a1708,#331b09);border-bottom-color:#fb923c4d}[data-theme=dark] .pk-wa-down a,[data-theme=dark] .pk-wa-down__x{color:#fdba74}@media (max-width:767px){.pk-wa-down{font-size:12.5px}}.pk-imp-bar{z-index:9999;color:#fff;background:linear-gradient(90deg,#b45309,#ea580c);font-size:13px;font-weight:600;position:sticky;top:0;box-shadow:0 2px 10px #b4530959}.pk-imp-bar-inner{flex-wrap:wrap;align-items:center;gap:12px;max-width:1240px;margin:0 auto;padding:9px 16px;display:flex}.pk-imp-bar-icon{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.pk-imp-bar-text{flex:1;min-width:200px;line-height:1.45}.pk-imp-bar-text strong{font-weight:800}.pk-imp-bar-sub{opacity:.9;margin-top:1px;font-size:11.5px;font-weight:500;display:block}.pk-imp-bar-exit{white-space:nowrap;background:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:8px 16px;font-size:12.5px;font-weight:800;display:inline-flex;color:#9a3412!important;text-decoration:none!important}.pk-imp-bar-exit:hover{background:#fff7ed;color:#7c2d12!important}@media (max-width:575px){.pk-imp-bar-inner{gap:9px;padding:8px 12px}.pk-imp-bar-text{font-size:12px}}.pk-on{z-index:100000;background:#0f172a8c;justify-content:center;align-items:flex-end;animation:.18s pkOnFade;display:flex;position:fixed;inset:0}@media (min-width:640px){.pk-on{align-items:center}}@keyframes pkOnFade{0%{opacity:0}to{opacity:1}}@keyframes pkOnUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes pkOnPop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}.pk-on-c{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:400px;animation:.25s pkOnUp;overflow:hidden;box-shadow:0 -10px 40px #00000040}@media (min-width:640px){.pk-on-c{border-radius:24px}}.pk-on-top{color:#fff;text-align:center;background:linear-gradient(135deg,#f97316,#ea580c 55%,#c2410c);padding:22px 20px 18px;position:relative}.pk-on-top.ok{background:linear-gradient(135deg,#22c55e,#16a34a 55%,#15803d)}.pk-on-ic{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:8px;font-size:30px;animation:.45s pkOnPop;display:inline-flex}.pk-on-top h3{color:#fff;margin:0;font-size:21px;font-weight:900;line-height:1.25}.pk-on-top p{opacity:.95;margin:6px 0 0;font-size:13.5px}.pk-on-x{color:#fff;cursor:pointer;background:#fff3;border:0;border-radius:50%;width:32px;height:32px;font-size:15px;position:absolute;top:12px;right:12px}.pk-on-b{padding:16px 18px 18px}.pk-on-p{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.pk-on-p img,.pk-on-p .ph{object-fit:cover;color:#f97316;background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:22px;display:flex}.pk-on-p b{color:#0f172a;font-size:14px;line-height:1.3;display:block}.pk-on-p small{color:#9a3412;margin-top:3px;font-size:12px;font-weight:700;display:block}.pk-on-steps{justify-content:center;gap:6px;margin:14px 0 4px;display:flex}.pk-on-steps i{background:#fed7aa;border-radius:99px;width:28px;height:8px}.pk-on-steps i.on{background:#f97316}.pk-on-steps i.free{background:#22c55e}.pk-on-bar{background:#ffedd5;border-radius:99px;height:10px;margin:14px 0 4px;overflow:hidden}.pk-on-bar span{background:linear-gradient(90deg,#f97316,#22c55e);border-radius:99px;height:100%;display:block}.pk-on-note{text-align:center;color:#64748b;margin:6px 0 0;font-size:12.5px}.pk-on-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;margin-top:14px;font-size:16px;font-weight:800;display:flex;box-shadow:0 8px 20px #ea580c59}.pk-on-btn.ok{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 20px #16a34a4d}.pk-on-btn[disabled]{opacity:.6}.pk-on-no{color:#64748b;cursor:pointer;background:0 0;border:0;width:100%;margin-top:8px;padding:8px;font-size:14px;font-weight:700;display:block}.pk-mc-wrap{display:contents}.pk-mc{display:none}@media (min-width:992px) and (hover:hover) and (pointer:fine){.pk-mc-wrap{display:inline-flex;position:relative}.pk-mc{--mc-bg:#fff;--mc-ink:#0f172a;--mc-mut:#64748b;--mc-line:#eef2f7;--mc-soft:#f8fafc;z-index:1200;opacity:0;pointer-events:none;width:390px;padding-top:12px;transition:opacity .16s,transform .16s;display:block;position:absolute;top:100%;right:-8px;transform:translateY(-6px)}.pk-mc[hidden]{display:none}.pk-mc.is-open{opacity:1;pointer-events:auto;transform:none}[data-theme=dark] .pk-mc{--mc-bg:#1e1e24;--mc-ink:#f1f5f9;--mc-mut:#a1a1aa;--mc-line:#2e2e36;--mc-soft:#26262d}.pk-mc-box{background:var(--mc-bg);color:var(--mc-ink);border-radius:18px;position:relative;overflow:hidden;box-shadow:0 22px 50px -12px #0f172a59,0 0 0 1px #0f172a0f}.pk-mc-box:before{content:"";background:var(--mc-bg);border-radius:3px;width:14px;height:14px;position:absolute;top:-7px;right:26px;transform:rotate(45deg)}.pk-mc-head{justify-content:space-between;align-items:center;padding:14px 16px 10px;font-size:15px;font-weight:800;display:flex}.pk-mc-head small{color:var(--mc-mut);font-size:12.5px;font-weight:600}.pk-mc-list{overscroll-behavior:contain;max-height:min(52vh,420px);padding:0 8px;overflow-y:auto}.pk-mc-row{border-radius:12px;align-items:center;gap:10px;padding:9px 8px;display:flex}.pk-mc-row:hover{background:var(--mc-soft)}.pk-mc-row+.pk-mc-row{border-top:1px solid var(--mc-line)}.pk-mc-img{width:50px;height:50px;box-shadow:0 0 0 1px var(--mc-line);background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.pk-mc-img img{object-fit:contain;width:100%;height:100%;padding:3px}.pk-mc-img i{color:#f97316;font-size:20px}.pk-mc-info{flex:1;min-width:0}.pk-mc-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.pk-mc-meta{color:var(--mc-mut);margin-top:2px;font-size:12px}.pk-mc-off{color:#c2410c;font-weight:700}.pk-mc-na{color:#dc2626;font-weight:700}.pk-mc-ctl{align-items:center;gap:8px;margin-top:6px;display:flex}.pk-mc-step{color:#fff;background:#f3630f;border-radius:999px;align-items:center;height:28px;display:inline-flex}.pk-mc-step button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:12px}.pk-mc-step button:hover{background:#ffffff2e}.pk-mc-step span{text-align:center;min-width:22px;font-size:13px;font-weight:800}.pk-mc-del{color:var(--mc-mut);cursor:pointer;background:0 0;border:0;border-radius:50%;width:28px;height:28px;font-size:13px}.pk-mc-del:hover{color:#dc2626;background:#dc262614}.pk-mc-price{white-space:nowrap;align-self:flex-start;padding-top:2px;font-size:14px;font-weight:800}.pk-mc-price s{color:var(--mc-mut);text-align:right;font-size:11.5px;font-weight:600;display:block}.pk-mc-gift .pk-mc-price{color:#15803d}.pk-mc-gift .pk-mc-meta{color:#c2410c;font-weight:700}.pk-mc-foot{border-top:1px solid var(--mc-line);background:var(--mc-soft);padding:12px 16px 16px}.pk-mc-tot{justify-content:space-between;font-size:15px;font-weight:800;display:flex}.pk-mc-save{color:#15803d;margin-top:2px;font-size:12.5px;font-weight:700}.pk-mc-btns{gap:8px;margin-top:12px;display:flex}.pk-mc-btns a{border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;height:42px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.pk-mc-view{background:var(--mc-bg);color:var(--mc-ink);box-shadow:inset 0 0 0 1.5px var(--mc-line)}.pk-mc-go{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 8px 18px -8px #ea580cb3;color:#fff!important}.pk-mc-empty{text-align:center;color:var(--mc-mut);padding:26px 18px 22px}.pk-mc-empty i{color:#f97316;margin-bottom:8px;font-size:34px;display:block}.pk-mc-load{text-align:center;color:var(--mc-mut);padding:30px}.pk-mc.is-busy .pk-mc-list{opacity:.6;pointer-events:none}}.pk-navbar{z-index:100002;pointer-events:none;transform-origin:0;background:linear-gradient(90deg,#f97316,#fb923c,#22c55e);height:3px;animation:6s cubic-bezier(.08,.82,.17,1) forwards pkNavGrow;position:fixed;top:0;left:0;right:0}@keyframes pkNavGrow{0%{transform:scaleX(.06)}to{transform:scaleX(.92)}}.pk-skel{background:linear-gradient(90deg, var(--pk-skel-a,#eef0f3) 25%, var(--pk-skel-b,#f7f8fa) 50%, var(--pk-skel-a,#eef0f3) 75%);background-size:200% 100%;border-radius:8px;animation:1.1s linear infinite pkSkel;display:block}.pk-skel-line{width:85%;height:12px;margin:8px 0}.pk-skel-line.short{width:50%}[data-theme=dark] .pk-skel{--pk-skel-a:#26262d;--pk-skel-b:#303038}@keyframes pkSkel{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.pk-skel,.pk-navbar{animation:none}}