/* =========================================
   PRIME FILES PAGE
========================================= */

.files-page{
    padding:140px 20px 70px;
}

/* DOWNLOAD CARD */

.download-card{
    position:relative;

    z-index:2;

    width:100%;
    max-width:1320px;

    margin:auto;

    padding:40px;

    border-radius:26px;

    background:
    linear-gradient(
        180deg,
        rgba(8,10,18,.72),
        rgba(5,7,12,.88)
    );

    border:
    1px solid rgba(255,190,70,.07);

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

    box-shadow:
    0 0 35px rgba(0,0,0,.22);
}

/* TITLE */

.download-card h2{
    text-align:center;

    font-size:44px;
    font-weight:800;

    margin-bottom:10px;

    color:#f5f5f5;
}

/* DOWNLOAD TITLE */

.download-title{
    color:#ffffff;

    font-size:20px;
    font-weight:700;

    margin-bottom:18px;
    margin-top:28px;
}

.yellow-text{
    color:#ffd777;
}

/* ROW */

.download-row{
    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:18px;
}

/* BUTTON */

.download-btn{
    min-width:280px;

    display:flex;

    align-items:center;

    gap:16px;

    padding:18px;

    border-radius:18px;

    text-decoration:none;

    color:#111;

    transition:.25s;

    box-shadow:
    0 0 25px rgba(0,0,0,.22);
}

.download-btn:hover{
    transform:none;
}

/* PRIME COLORS */

.download-btn.gold{

    color:#111;

    background:
    linear-gradient(
        180deg,
        #e8c56a,
        #d79a46
    );

    box-shadow:
    0 5px 16px rgba(255,190,70,.10);
}

.download-btn.gold:hover{

    transform:
    translateY(-4px);

    box-shadow:
    0 5px 16px rgba(255,190,70,.10);
}

.download-btn.dark:hover{

    transform:
    translateY(-4px);

    box-shadow:
    0 12px 30px rgba(0,0,0,.25);
}

.download-btn.dark{
    color:#ffffff;

    background:
    linear-gradient(
        180deg,
        rgba(35,40,50,.92),
        rgba(18,22,30,.92)
    );

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

.download-btn.dark .download-name{
    color:#ffffff;
}

.download-btn.dark .download-sub{
    color:#cfcfcf;
}

/* ICON */

.download-icon{
    width:58px;
    height:58px;

    min-width:58px;

    border-radius:16px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:26px;

    background:
    rgba(255,255,255,.14);
}

/* TEXT */

.download-name{
    font-size:26px;

    font-weight:800;

    margin-bottom:4px;
}

.download-sub{
    color:rgba(0,0,0,.70);

    font-size:14px;
    font-weight:500;
}

.download-btn.dark .download-sub{
    color:#cfcfcf;
}

/* EXTRA LINKS */

.download-info{
    display:flex;

    flex-direction:column;

    gap:14px;

    margin-top:28px;

    line-height:2;

    font-size:17px;
}

.download-link{

    display:flex;

    align-items:center;

    padding:18px 20px;

    border-radius:18px;

    text-decoration:none;

    color:#f5f5f5;

    font-size:16px;

    font-weight:800;

    letter-spacing:.3px;

    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,.03),
        rgba(255,255,255,.01)
    );

    border:
    1px solid rgba(255,190,70,.06);

    transition:.25s;

    box-shadow:
    0 0 18px rgba(0,0,0,.12);
}

.download-link:hover{
    transform:translateX(6px);

    color:#ffffff;

    border-color:
    rgba(255,190,70,.18);

    background:
    linear-gradient(
        180deg,
        rgba(255,190,70,.10),
        rgba(255,140,40,.06)
    );

    box-shadow:
    0 0 24px rgba(255,170,60,.12);
}

/* WARNING */

.download-warning{
    margin-top:30px;

    padding:28px;

    border-radius:22px;

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

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

.download-warning h3{
    color:#ffd777;

    margin-bottom:14px;
}

.download-warning p{
    margin-bottom:14px;

    color:#d6d6d6;
}

.download-warning ul{
    padding-left:18px;

    line-height:2;

    color:#d6d6d6;
}

/* UPDATE */

.files-update{
    margin:-6px 0 28px;

    text-align:center;

    color:#a7a7a7;

    font-size:14px;

    font-weight:500;
}

.files-update strong{
    color:#ffffff;

    font-weight:700;
}

/* MOBILE */

@media(max-width:768px){

    .files-page{
        padding:110px 12px 45px;
    }

    .download-card{
        padding:18px;
        border-radius:20px;
    }

    .download-card h2{
        font-size:30px;
    }

    .download-row{
        display:flex;
        flex-direction:column;
        gap:12px;
    }

    .download-btn{
        width:100%;
        min-width:0;

        padding:14px 16px;

        gap:14px;

        border-radius:16px;
    }

    .download-icon{
        width:48px;
        height:48px;
        min-width:48px;

        border-radius:13px;

        font-size:21px;
    }

    .download-name{
        font-size:18px;
        line-height:1.15;
        margin-bottom:3px;
    }

    .download-sub{
        font-size:13px;
    }

    .download-title{
        font-size:18px;

        margin-top:24px;
        margin-bottom:14px;
    }

    .download-info{
        gap:10px;
    }

    .download-link{
        padding:14px 16px;

        font-size:14px;

        border-radius:15px;
    }

    .download-warning{
        padding:18px;

        border-radius:18px;
    }
}

.files-update{

    margin:-6px 0 28px;

    text-align:center;

    color:#9b9b9b;

    font-size:14px;

    font-weight:500;
}

.files-update strong{

    color:#ffffff;

    font-weight:700;
}

.english-name{
    font-size:22px;
    white-space:nowrap;
}

.fix-patch-block .download-btn{
    width:280px;
    min-width:280px;
}

.english-name{
    font-size:26px;
}

.english-icon{
    font-size:24px;
}

.fix-patches-grid{
    display:flex;
    align-items:flex-start;
    gap:18px;
    flex-wrap:wrap;
}

.fix-patch-block{
    width:280px;
    min-width:280px;
}

.fix-patch-block .download-title{
    margin-top:28px;
}

/* MOBILE */

@media(max-width:768px){

    .fix-patches-grid{
        flex-direction:column;
        gap:0;
    }

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

    .fix-patch-block{
        width:100%;
        min-width:0;
    }

    .fix-patch-block .download-btn{
        width:100%;
        min-width:0;
    }
}