/* ===== GrewTools 모바일 네비게이션 최종 안정 버전 ===== */

@media (max-width: 768px) {

  /* nav 기본 구조 */
  #gt-nav nav.nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    position: relative;
  }

  /* 로고는 왼쪽 */
  #gt-nav .brand {
    flex: 1 0 auto;
  }

  /* 햄버거 버튼: 기본은 relative */
  #gt-nav .toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: relative !important;
    z-index: 200;
    margin-left: auto;
  }

  /* ===== 오른쪽 슬라이드 메뉴 패널 ===== */
  #gt-nav .links {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    width: 75%;
    height: 100vh;
    padding: 80px 20px 20px;
    background: #ffffff;
    box-shadow: -4px 0 16px rgba(0,0,0,0.15);
    transform: translateX(100%);
    transition: transform .3s ease;
    z-index: 150;
  }

  /* 메뉴 열림 */
  #gt-nav.menu-open .links {
    transform: translateX(0);
  }

  /* 메뉴 열렸을 때만 햄버거를 화면 상단에 고정 */
  #gt-nav.menu-open .toggle {
    position: fixed !important;
    top: 14px !important;
    right: 16px !important;
    z-index: 9999 !important;
  }

  /* 링크 스타일 */
  #gt-nav .links a {
    font-size: 18px;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
  }
}