/* ======================================== */
/* HAMBURGER */
/* ======================================== */

.menu-toggle{

    display:none;

    flex-direction:column;

    justify-content:center;

    gap:6px;

    cursor:pointer;

    position:absolute;

    top:50%;

    right:24px;

    transform:translateY(-50%);

    width:34px;

    height:28px;

    z-index:999999;
}

/* LINES */

.menu-toggle span{

    width:100%;

    height:3px;

    background:#fff;

    border-radius:10px;

    transition:.35s ease;

    display:block;
}

/* ======================================== */
/* ACTIVE X */
/* ======================================== */

.menu-toggle.active span:nth-child(1){

    transform:
    rotate(45deg)
    translateY(12px);
}

.menu-toggle.active span:nth-child(2){

    opacity:0;
}

.menu-toggle.active span:nth-child(3){

    transform:
    rotate(-45deg)
    translateY(-12px);
}

/* ======================================== */
/* MOBILE MENU */
/* ======================================== */

.mobile-menu{

    position:fixed;

    top:0;
    right:-100%;

    width:82%;

    max-width:360px;

    height:100vh;

    padding:
    120px
    35px;

    display:flex;

    flex-direction:column;

    gap:26px;

    z-index:999998;

    transition:.45s ease;

    background:
    rgba(10,10,10,.55);

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

    border-left:
    1px solid rgba(255,255,255,.08);

    box-shadow:
    -10px 0 40px rgba(0,0,0,.28);
}

/* ACTIVE */

.mobile-menu.active{

    right:0;
}

/* LINKS */

.mobile-menu a{

    color:#fff;

    text-decoration:none;

    font-size:20px;

    font-weight:700;

    letter-spacing:.5px;

    transition:.3s ease;

    opacity:.92;
}

/* HOVER */

.mobile-menu a:hover{

    color:#ff5a1f;

    transform:translateX(6px);

    opacity:1;
}

/* ======================================== */
/* OVERLAY */
/* ======================================== */

.mobile-overlay{

    position:fixed;

    inset:0;

    background:
    rgba(0,0,0,.45);

    opacity:0;

    visibility:hidden;

    transition:.35s ease;

    z-index:999997;
}

/* ACTIVE */

.mobile-overlay.active{

    opacity:1;

    visibility:visible;
}

/* ======================================== */
/* TABLET */
/* ======================================== */

@media(max-width:992px){

.menu-toggle{

    display:flex;
}

.premium-nav{

    display:none;
}

}

/* ======================================== */
/* MOBILE */
/* ======================================== */

@media(max-width:768px){

.premium-header{

    padding:
    18px
    20px;
}

.premium-logo img{

    width:120px;
}

.mobile-menu{

    width:85%;

    padding:
    110px
    28px;
}

.mobile-menu a{

    font-size:18px;
}

}

/* ======================================== */
/* SMALL MOBILE */
/* ======================================== */

@media(max-width:480px){

.mobile-menu{

    width:88%;

    padding:
    100px
    24px;
}

.mobile-menu a{

    font-size:17px;
}

}