.popup{opacity:0;visibility:hidden;transform:translateX(-100%) translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s;position:absolute;top:100%;background:#fff;border:1px solid #ccc;border-radius:8px;padding:10px;z-index:1000;box-shadow:0 8px 16px rgba(0,0,0,.2);width:200px}.popup.show{visibility:visible;opacity:1;transform:translateX(-50%) translateY(0);z-index:10000000!important}.popup.hide{visibility:hidden;opacity:0;transform:translateX(-100%) translateY(-10px)}