.popup-menu{position:absolute;top:60px;right:20px;background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:10px;width:340px;display:flex;flex-direction:column;animation:fadeIn .2s ease-in-out}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;padding:10px}.menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;cursor:pointer;transition:background .2s;border-radius:8px;text-align:center;font-size:12px;font-weight:500;color:#333}.menu-item i{font-size:20px;margin-bottom:5px;color:#555}.menu-item:hover{background:#f5f5f5}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:500px){.popup-menu{width:200px}.menu-grid{grid-template-columns:repeat(2,1fr)}}