@media (max-width: 1420px) {
    body header .right {
        display: flex;
        align-items: center;

        position: relative;
        margin-left: auto;
        padding: 10px;
        margin-right: 10px;

        z-index: 10000; 
    }

    body header .right nav {
        position: fixed;
        top: 90px;
        right: 0;
        min-width: 100%;
        height: 100vh;
        padding: 10px 0;
        z-index: 10001;
        
        flex-direction: column;
        align-items: flex-start;
        
        background: rgba(255,255,255,0.95);
        backdrop-filter: blur(10px);
        box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    }

    body header .right nav.hide {
        display: none;
    }

    body header .right nav .nav-line {
        width: 100%;
        height: 1px;
        background-color: var(--gold-tone-3-color);
        margin: 10px 0;
    }

    body header .right nav ul {
        list-style: none;

        padding: 0;
        margin: 0;
        margin-left: 40px;

        flex-direction: column;
        gap: 0;
        
        box-sizing: border-box;
    }

    body header .right nav ul.nav_ul_main {
        margin-left: 0px;
        width: 100%;
    }

    body header .right nav ul li {
        box-shadow: none;
        box-sizing: border-box;
    }

    body header .right nav ul li a {
        padding: 12px 24px;
        font-size: 1.1rem;
        color: var(--gold-tone-3-color);
        display: block;
        transition: all 0.3s ease;
        background: linear-gradient(90deg, var(--ice-color) 0%, var(--fire-color) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: var(--gold-tone-3-color);
        background-clip: text;
    }

    body header .right nav ul li a:hover {
        -webkit-text-fill-color: transparent;
    }

    body header .right nav ul li a::after {
        display: none;
    }
}