/* overlay 기본 스타일 */
.overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100vh;
  background: #fff;
  box-shadow: 0 -3px 10px rgba(0,0,0,0.2);
  transform: translateX(100%); /* 오른쪽 밖에서 시작 */
  transition: transform 0.5s ease;
  z-index: 9999; /* 충분히 높게 */
}

/* 활성화 상태 */
.overlay.active {
  transform: translateX(0); /* 제자리로 이동 */
}