#discount-progress-popup {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 330px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 15px 40px rgba(0,0,0,.2);
    z-index: 9999;
}
#discount-progress-popup[data-level="0"] { border-left: 6px solid #adb5bd; }
#discount-progress-popup[data-level="1"] { border-left: 6px solid #17a2b8; }
#discount-progress-popup[data-level="2"] { border-left: 6px solid #ffc107; }
#discount-progress-popup[data-level="3"] { border-left: 6px solid #28a745; }

.popup-header { padding: 14px; display: flex; justify-content: space-between; }
.popup-content { padding: 0 14px 14px; }
.popup-minimize { background: none; border: none; font-size: 22px; cursor: pointer; }
.saved { color: #28a745; font-weight: 600; }
.discount-progress-bar { height: 8px; background: #eee; border-radius: 4px; overflow: hidden; margin: 8px 0; }
.discount-progress-bar span { height: 100%; display: block; background: linear-gradient(90deg,#28a745,#6fdd8c); transition: width .4s; }
.progress-markers { display: flex; justify-content: space-between; font-size: 11px; color: #999; }

@media (max-width: 768px) {
    #discount-progress-popup { left: 50%; transform: translateX(-50%); width: calc(100% - 20px); bottom: 10px; }
}