.popup-badge-container{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:9998;transition:transform .5s ease}.popup-badge-container.hidden{transform:translateX(200px);pointer-events:none}.popup-badge-wrapper{position:relative;display:flex;align-items:center}.popup-badge-close-btn{position:absolute;top:-8px;left:-8px;width:24px;height:24px;background-color:#ffffff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#374151;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);cursor:pointer;z-index:10;transition:background-color .2s}.popup-badge-close-btn:hover{background-color:#f3f4f6}.popup-badge-trigger{padding:0;background:transparent;border:none;cursor:pointer;transition:transform .3s ease}.popup-badge-trigger:hover{transform:scale(1.05)}.popup-badge-image{width:60px;height:auto;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}@media (min-width:768px){.popup-badge-image{width:80px}}.popup-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.6);padding:12px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confetti-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;top:-10px;opacity:0;animation:confetti-fall 3s linear forwards}@keyframes confetti-fall{0%{top:-10px;opacity:1;transform:translateX(0) rotate(0deg)}to{top:100vh;opacity:0;transform:translateX(calc(var(--tx, 0) * 1px)) rotate(2turn)}}.popup-modal-content{position:relative;max-width:90%;width:100%;animation:modalSlideIn .4s ease}@keyframes modalSlideIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.popup-modal-close-btn{position:absolute;top:-12px;right:-12px;width:32px;height:32px;background-color:#ffffff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#1f2937;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);cursor:pointer;z-index:10;transition:background-color .2s}.popup-modal-close-btn:hover{background-color:#f3f4f6}@media (min-width:768px){.popup-modal-close-btn{top:-16px;right:-16px}}.popup-modal-image{width:100%;height:auto;max-height:80vh;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}@media (min-width:480px){.popup-modal-content{max-width:400px}}@media (min-width:768px){.popup-modal-content{max-width:500px}}@media (min-width:1024px){.popup-modal-content{max-width:620px}}@media (min-width:1440px){.popup-modal-content{max-width:700px}}