.spt{position:fixed;right:20px;top:200px;z-index:99998;display:flex;align-items:flex-start;gap:12px;width:320px;background:#fff;border:1px solid rgb(0 0 0 / .08);border-radius:12px;box-shadow:0 4px 6px -1px rgb(0 0 0 / .08),0 10px 24px -4px rgb(0 0 0 / .1);padding:14px 14px 14px 14px;opacity:0;transform:translateX(calc(100% + 28px));transition:opacity 0.35s ease,transform 0.35s cubic-bezier(.34,1.15,.64,1);font-family:inherit;pointer-events:none}.spt--show{opacity:1;transform:translateX(0);pointer-events:auto}.spt__img-wrap{position:relative;width:52px;height:52px;flex-shrink:0}.spt__img{width:52px;height:52px;object-fit:cover;border-radius:8px;border:1px solid #f0f0f0;display:block}.spt__img-badge{position:absolute;bottom:-5px;right:-5px;background:#222;color:#fff;font-size:10px;font-weight:700;padding:2px 5px;border-radius:20px;line-height:1.3;border:1.5px solid #fff}.spt__body{flex:1;min-width:0}.spt__meta{font-size:11.5px;color:#888;margin:0 0 3px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.spt__sep{color:#ccc}.spt__city{color:#888}.spt__product{font-size:13px;font-weight:600;color:#111;margin:0 0 4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.spt__time{font-size:11px;color:#bbb;margin:0}.spt__close{flex-shrink:0;background:none;border:none;color:#ccc;font-size:15px;line-height:1;cursor:pointer;padding:0;margin-top:1px;transition:color 0.2s}.spt__close:hover{color:#666}@media (max-width:480px){.spt{right:12px;top:auto;bottom:80px;width:calc(100vw - 24px);max-width:340px;display:none}}