document.addEventListener('DOMContentLoaded', function () {
    const trigger = document.querySelector('.mobile-menu-trigger');
    const panel = document.querySelector('.mobile-menu-panel');
    const closeBtn = document.querySelector('.mobile-menu-close');

    if (trigger && panel && closeBtn) {
        // 메뉴 열기
        trigger.addEventListener('click', function () {
            panel.classList.add('active');
        });

        // 메뉴 닫기
        closeBtn.addEventListener('click', function () {
            panel.classList.remove('active');
        });

        // 패널 바깥 영역 클릭 시 닫기 (선택적)
        document.addEventListener('click', function(e) {
            if (!panel.contains(e.target) && !trigger.contains(e.target)) {
                panel.classList.remove('active');
            }
        });
    }
});