@media (max-width: 768px) {

    .menu-bg-img {
        content: url("../img/mobile/menu/menu_section1_img.png");
        object-fit: contain; /* 모바일은 원본 비율 유지 */
        height: auto;
        position: static;
    }

    .menu-section1 {
        position: relative;
        height: auto;
    }

    .menu-section1::before {
        background-color: transparent; /* 모바일은 오버레이 제거 */
    }

    .menu-section1-inner {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        box-sizing: border-box;
        padding: 0 30px;
        width: 100%;
    }

    .menu-title {
        font-size: 20px;
    }

    .menu-subtitle {
        font-size: 14px;
    }

    .tab-menu-title {
        display: none;
    }

    .menu-section2 {
        padding: 35px 24px;
    }

    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }

    /* 모바일용 드롭다운 버튼 */
    .tab-toggle-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;

        width: 100%;
        background-color: #FF8739;
        color: white;
        font-size: 20px;
        padding: 18px;
        border: none;
        text-align: left;
        font-weight: bold;
        position: relative;
    }

    .tab-toggle-btn .dropdown-arrow {
        float: right;
    }

    /* 모바일 드롭다운 리스트 */
    .tab-dropdown {
        background-color: white;
        border: 1px solid #bfbfbf;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .tab-dropdown li {
        border-bottom: 1px solid #ccc;
    }

    .tab-dropdown li a {
        display: block;
        padding: 14px 20px;
        text-decoration: none;
        font-size: 16px;
        color: #5D3E25;
    }

    .tab-dropdown li a:hover,
    .tab-dropdown li.on a {
        background-color: #FF8739;
        color: white;
    }

    .arrow-icon {
        transition: transform 0.2s ease;
    }

    .open .arrow-icon {
        transform: rotate(180deg); /* 열린 상태일 때 위로 향함 */
    }


    .menu-grid {
        grid-template-columns: 1fr; /* 모바일에서는 한 줄씩 */
        gap: 24px; /* 모바일 간격은 살짝 좁게 */
    }

    .menu-card {
        padding: 16px 10px;
    }

    .menu-name {
        font-size: 20px;
    }

    .menu-desc {
        font-size: 16px;
    }

    .menu-group-label {
        font-size: 18px;
        padding: 14px 22px;
    }
}