.menu-main{
    padding-top: 5vw;
}

.pink-glow {
    font-family: 'SVN-Poppins-SemiBold' ;
    color: #fff;
    text-align: center;
    text-shadow:
            0 0 8px  #ff5fa2,
            0 0 16px #ff5fa2,
            0 0 24px #ff5fa2,
            0 0 40px #ff5fa2;
}

.menu-item {
    position: relative; /* 🔥 anchor cho submenu */
    width: fit-content;
}

.submenu {
    opacity: 0;
    position: absolute;
    pointer-events: none;
    transition: all 0.3s ease;
    flex-direction: column;
    gap: 0.8vw;
    margin-top: 0.6vw;
}

.submenu.show {
    opacity: 1;
    position: absolute;
    transform: translateY(0);
    pointer-events: auto;
    flex-direction: column;
    gap: 0.8vw;
    margin-top: 0.6vw;
}



.slogan {
    width:43.2vw;
    height:11.77vw;

    background: url('/img/Slogan.png') no-repeat center;
    background-size: 100% 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.4vw;
    line-height: 1.2;
    cursor: pointer;
    user-select: none;

    position: absolute;
    bottom: 2.5vw;
    left: 50vw;
    transform: translateX(-50%);
    transition: transform 0.2s ease;
}


.sitemap-menu {
    width:7vw;
    height:7vw;

    background: url('/img/BtnSiteMap.png') no-repeat center;
    background-size: 100% 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.4vw;
    line-height: 1.2;
    cursor: pointer;
    user-select: none;

    position: absolute;
    bottom: 1.5vw;
    left: 5vw;
}


.menu-btn {
    width:16.4vw;
    height: 5vw;

    background: url('/img/BtnMenu.png') no-repeat center;
    background-size: 100% 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.4vw;
    line-height: 1.2;
    cursor: pointer;
    user-select: none;

    transition: transform 0.2s ease;
}

.menu-btn:hover {
    transform: translateY(-3px);
}

.menu-btn.active,
.sitemap-menu.active,
.sub-btn.active {
    filter: brightness(1.15);
    transform: scale(1.05);
}


.sub-btn {
    width: 16.4vw;
    height: 5.7vw;
    margin-top: -0.8vw;
    field-sizing: content;
    background: url('/img/BtnSubMenu.png') no-repeat center;
    background-size: 100% 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.4vw;
    line-height: 1.2;

    padding-top: 0.65vw;
    padding-right: 1.45vw;
    padding-bottom: 1.5vw;
    padding-left: 0.8vw;

    word-break: break-word;
    white-space: normal;

    cursor: pointer;
    user-select: none;

    transition: transform 0.2s ease;
}

.sub-btn:hover {
    transform: scale(1.05);
}



.home-btn {
    width: 5.98vw;
    height: 5vw;

    background: url('/img/BtnHome.png') no-repeat center;
    background-size: 100% 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;
    color: #fff;
    line-height: 1.2;

    cursor: pointer;
    user-select: none;

    transition: transform 0.2s ease;
}

.home-btn:hover {
    transform: scale(1.05);
}