/*
==============================================================================
Application Details Page
==============================================================================
*/

.app-header{

    display:flex;

    align-items:flex-start;

    gap:40px;

    margin:50px 0;

    flex-wrap:wrap;

}

.app-logo-large{

    flex-shrink:0;

}

.app-logo-large img{

    width:160px;
    height:160px;

    object-fit:cover;

    border-radius:30px;

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

}

.app-info{

    flex:1;

}

.app-info h1{

    font-size:2.5rem;

    margin-bottom:20px;

}

.app-info p{

    color:#CBD5E1;

    margin-bottom:20px;

    line-height:1.8;

}

.download-buttons{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

    margin-top:25px;

}

.features{

    margin:60px 0;

}

.features h2{

    margin-bottom:20px;

}

.features ul{

    list-style:none;

}

.features li{

    background:#1E293B;

    padding:15px 20px;

    border-radius:12px;

    margin-bottom:12px;

}

.screenshots{

    margin:60px 0;

}

.screenshots-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

    gap:20px;

}

.screenshots-grid img{

    width:100%;

    border-radius:18px;

    cursor:pointer;

    transition:.25s;

}

.screenshots-grid img:hover{

    transform:scale(1.03);

}