menu-panel {
  display: none;
  position: fixed;
  top: 60px;               /* Header height प्रमाणे */
  right: 0;
  width: 320px;
  max-width: 90%;
  height: calc(100vh - 60px);
  overflow-y: auto;
  background: #fff;
  box-shadow: -2px 0 10px rgba(0,0,0,0.15);
  padding: 20px;
  z-index: 9999;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: translateX(100%); /* सुरुवातीला स्क्रीनच्या बाहेर */
  opacity: 0;
}

.menu-panel.active {
  display: block;          /* technically optional, पण safe ठेवले आहे */
  transform: translateX(0);
  opacity: 1;
}