.popup-menu{background:#fff;border-radius:10px;flex-direction:column;width:340px;padding:10px;animation:.2s ease-in-out fadeIn;display:flex;position:absolute;top:60px;right:20px;box-shadow:0 4px 12px #00000026}.menu-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:10px;display:grid}.menu-item{cursor:pointer;text-align:center;color:#333;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:10px;font-size:12px;font-weight:500;transition:background .2s;display:flex}.menu-item i{color:#555;margin-bottom:5px;font-size:20px}.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)}}