.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:9999;animation:fadeIn .3s ease;padding:10px}.popup-overlay.active{display:flex;justify-content:center;align-items:center}.popup-content{background:#fff;border-radius:15px;max-width:500px;width:90%;position:relative;animation:slideIn .4s ease;box-shadow:0 10px 40px #0000004d;max-height:90vh;overflow-y:auto}.popup-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:28px;cursor:pointer;color:#999;transition:color .3s;z-index:1;line-height:1;padding:0;width:35px;height:35px}.popup-close:hover{color:#333}.countdown-timer{display:inline-flex;gap:10px;font-size:24px;font-weight:700;color:#dc3545}.time-unit{background:#f8f9fa;padding:10px 15px;border-radius:8px;min-width:50px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:576px){.countdown-timer{font-size:20px}.time-unit{padding:8px 12px;min-width:45px}}.notification-container{position:fixed;z-index:9999;pointer-events:none}@media(min-width:768px){.notification-container{bottom:20px;right:20px;max-width:350px}}@media(max-width:767px){.notification-container{bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:350px}}.notification-popup{background:#fff;border-radius:12px;box-shadow:0 6px 20px #0003;border:2px solid rgba(244,29,29,.31);padding:16px;margin-bottom:10px;pointer-events:auto;animation:slideIn .4s ease-out;display:flex;align-items:flex-start;gap:12px}.notification-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 2px 8px #10b98166}.notification-content{flex:1}.notification-text{color:#202020;font-size:15px;line-height:1.4;margin:0}.notification-time{color:#1e1e1e;font-size:12px;margin-top:4px}.notification-timestamp{color:#dc2626;font-size:13px;margin-top:6px;font-weight:500}.notification-buyer{font-weight:700;color:#1f2937}.notification-product{color:#10b981;font-weight:600}.notification-close{background:none;border:none;color:#999;cursor:pointer;font-size:20px;line-height:1;padding:0;width:20px;height:20px;flex-shrink:0;transition:color .2s}.notification-close:hover{color:#333}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:767px){@keyframes slideIn{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}}@keyframes slideOut{to{transform:translate(400px);opacity:0}}@media(max-width:767px){@keyframes slideOut{to{transform:translateY(100px);opacity:0}}}.notification-popup.hiding{animation:slideOut .3s ease-in forwards}