/* BURGER BUTTON */

.burger-btn{

    display:none;

    align-items:center;

    justify-content:center;

    width:48px;

    height:48px;

    margin-left:auto;

    position:relative;

    left:-10px;

    border:none;

    border-radius:14px;

    cursor:pointer;

    font-size:32px;

    line-height:1;

    font-weight:700;

    color:#ffffff;

    background:
    rgba(255,255,255,.04);

    border:
    5px solid rgba(255,255,255,.05);

    transition:.25s;
}

/* MOBILE MENU */

@media(max-width:980px){

    .burger-btn{

        display:flex;

        z-index:1002;
    }

    .login-btn{

        display:none;
    }

  .menu{

    position:fixed;

    pointer-events:auto;

    top:0;

    left:-100%;

    width:100%;

    max-width:100%;

    height:100vh;

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:12px;

    padding:90px 18px 175px;

    z-index:1002;

    background:
    linear-gradient(
    180deg,
    rgba(8,12,20,.99),
    rgba(5,8,15,.995));

    backdrop-filter:
    blur(18px);

    transition:.35s;

    z-index:1001;

    overflow-y:auto;
}

.menu.active{

    left:0;
}

.menu a{

    width:100%;

    min-height:48px;

    display:flex;

    align-items:center;

    justify-content:flex-start;

    padding:0 16px;

    border-radius:12px;

    font-size:14px;

    font-weight:600;

    color:#ffffff;

    text-decoration:none;

    background:
    rgba(255,255,255,.025);

    border:
    1px solid rgba(255,255,255,.04);

    transition:.25s;
}

.menu a:hover{

    background:
    rgba(255,255,255,.06);

    border-color:
    rgba(255,215,119,.14);
}


@media(max-width:980px){

    .nav{

        top:0;

        left:0;

        right:0;

        width:100%;

        border-radius:0;

        padding:14px 18px;
    }

}

@media(max-width:980px){

    .menu{

        top:0;
    }

}

@media(max-width:980px){

    .hero-grid{

        grid-template-columns:1fr;
    }

    .feature-grid{

        grid-template-columns:1fr;
    }

    .stages-grid{

        grid-template-columns:1fr;
    }

    .main-news{

        padding:18px;
    }

    .hero-top{

        padding:18px;
    }

.start-date{

    font-size:26px;

    line-height:1.25;

    max-width:320px;

    margin-left:auto;
    margin-right:auto;

    text-align:center;
}

    .feature-card{

        min-height:auto;

        padding:18px;
    }

    .feature-title{

        font-size:24px;
    }

    .feature-desc{

        font-size:14px;

        line-height:1.7;
    }

    .big-news-box{

        padding:20px;
    }

    .stage-box{

        padding:18px;
    }

    .reward-box{

        padding:20px;
    }

    .telegram-event{

        padding:20px;
    }

    .action-buttons{

        flex-direction:column;
    }

    .btn{

        width:100%;
    }

    body{

        overflow-x:hidden;
    }
}

.burger-btn.active{

    font-size:34px;
}

@media(max-width:980px){

    .lang-switch{

        margin-left:auto;

        margin-right:12px;
    }

    .lang-switch a{

        width:38px;

        height:38px;

        font-size:12px;
    }
}

@media(max-width:980px){

    .prime-bottom-grid{
        position:relative !important;

        width:100% !important;
        max-width:100% !important;

        margin:20px 0 0 !important;
        margin-left:0 !important;

        transform:none !important;

        display:grid !important;
        grid-template-columns:1fr !important;

        gap:16px !important;
    }

    .prime-rank-card{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        min-height:auto !important;

        margin:0 !important;

        padding:20px !important;

        box-sizing:border-box;
    }

    .prime-rank-card .player-row{
        width:100%;

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

        gap:12px;

        padding:10px 0;

        font-size:13px;
    }

    .prime-rank-card .player-row span:first-child{
        max-width:75%;

        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
}

@media (max-width: 980px){

    .lang-switch{

        transform: translateX(10px);

    }

}

@media(max-width:768px){

    .footer-row{
        flex-direction:column;

        gap:12px;

        text-align:center;
    }

}

@media(max-width:980px){

    .start-countdown{
        margin:-4px auto 22px;

        padding:11px 14px 9px;
    }

    .countdown-timer{
        gap:5px;
    }

    .countdown-item{
        min-width:38px;
    }

    .countdown-item strong{
        font-size:19px;
    }

    .countdown-separator{
        font-size:18px;
    }

    .countdown-title{
        font-size:10px;
    }

    .countdown-item span{
        font-size:8px;
    }
}