.ofsp-popup{position:fixed;z-index:999999;max-width:320px;width:calc(100% - 40px);background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);overflow:hidden;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);}
.ofsp-popup.ofsp-visible{opacity:1;pointer-events:all;}
.ofsp-bottom-left{bottom:20px;left:20px;transform:translateY(20px) scale(.95);}
.ofsp-bottom-right{bottom:20px;right:20px;transform:translateY(20px) scale(.95);}
.ofsp-top-left{top:20px;left:20px;transform:translateY(-20px) scale(.95);}
.ofsp-top-right{top:20px;right:20px;transform:translateY(-20px) scale(.95);}
.ofsp-popup.ofsp-visible.ofsp-bottom-left,.ofsp-popup.ofsp-visible.ofsp-bottom-right{transform:translateY(0) scale(1);}
.ofsp-popup.ofsp-visible.ofsp-top-left,.ofsp-popup.ofsp-visible.ofsp-top-right{transform:translateY(0) scale(1);}
.ofsp-popup-inner{display:flex;align-items:center;gap:12px;padding:14px 40px 14px 14px;}
.ofsp-popup-icon{width:42px;height:42px;border-radius:50%;background:#16a34a;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.ofsp-popup-content{flex:1;min-width:0;}
.ofsp-popup-name{font-weight:700;font-size:13px;color:#1e293b;margin-bottom:2px;}
.ofsp-popup-product{font-size:12px;color:#16a34a;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ofsp-popup-time{font-size:11px;color:#94a3b8;margin-top:2px;}
.ofsp-popup-close{position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;color:#94a3b8;font-size:16px;line-height:1;padding:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;}
.ofsp-popup-close:hover{color:#475569;}
@media(max-width:480px){.ofsp-popup{max-width:calc(100% - 20px);}.ofsp-bottom-left,.ofsp-bottom-right{bottom:10px;left:10px;right:10px;width:auto;max-width:none;}.ofsp-top-left,.ofsp-top-right{top:10px;left:10px;right:10px;width:auto;max-width:none;}}