/* Bubble scrolling notification (bottom-right) */
#df-fomo-bubble{position:fixed;right:20px;bottom:20px;width:280px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);overflow:hidden;z-index:1000;animation: df-fadeIn .5s ease-out}
#df-fomo-bubble .bubble-header{background:linear-gradient(135deg,#6a11cb 0%,#2575fc 100%);color:#fff;padding:12px 15px;font-weight:600;display:flex;justify-content:space-between;align-items:center}
#df-fomo-bubble .bubble-title{font-size:14px}
#df-fomo-bubble .bubble-close{background:none;border:0;color:#fff;font-size:16px;cursor:pointer;opacity:.85;transition:opacity .2s}
#df-fomo-bubble .bubble-close:hover{opacity:1}
#df-fomo-bubble .scroll-container{height:160px;overflow:hidden;position:relative;background:#fff}
#df-fomo-bubble .scroll-content{position:absolute;top:0;left:0;width:100%;animation: df-scroll 20s linear infinite}
#df-fomo-bubble .scroll-content:hover{animation-play-state:paused}
#df-fomo-bubble .scroll-item{padding:12px 15px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;height:40px;box-sizing:border-box}
#df-fomo-bubble .scroll-item:last-child{border-bottom:none}
#df-fomo-bubble .item-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;font-size:12px;flex-shrink:0}
#df-fomo-bubble .icon-user{background:#e3f2fd;color:#1976d2}
#df-fomo-bubble .icon-order{background:#e8f5e9;color:#388e3c}
#df-fomo-bubble .item-text{font-size:13px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#df-fomo-bubble .item-time{font-size:11px;color:#999;margin-left:auto;flex-shrink:0}
@keyframes df-scroll{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
@keyframes df-fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:600px){#df-fomo-bubble{width:calc(100vw - 40px);right:20px;bottom:70px}}