.pwa-banner{
    position: fixed;

    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);

    width: 95%;
    max-width: 430px;

    background: #ffffff;

    border-radius: 22px;

    padding: 14px;

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

    z-index: 99999;

    display: none;

    animation: slideUp .4s ease;
}

.pwa-content{
    display:flex;
    align-items:center;
    gap:14px;

    padding-left:18px;
}

.pwa-logo{
    width:60px;
    height:60px;

    border-radius:16px;

    object-fit:cover;
}

.pwa-text{
    flex:1;
}

.pwa-text h5{
    margin:0;

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

    color:#111;
}

.pwa-text p{
    margin:3px 0 0;

    font-size:13px;

    color:#777;
}

.pwa-btn{
    border:none;

    background:#111;
    color:#fff;

    border-radius:12px;

    padding:10px 16px;

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

    cursor:pointer;
}

.pwa-btn:hover{
    opacity:.9;
}

.pwa-close{
    position:absolute;

    top:10px;
    left:12px;

    border:none;
    background:none;

    color:#999;

    font-size:16px;

    cursor:pointer;
}

@keyframes slideUp{

    from{
        opacity:0;
        transform:translate(-50%,40px);
    }

    to{
        opacity:1;
        transform:translate(-50%,0);
    }

}

@media(max-width:480px){

    .pwa-banner{

        width:92%;

        bottom:15px;

        padding:12px;
    }

    .pwa-logo{
        width:52px;
        height:52px;
    }

    .pwa-btn{
        padding:9px 14px;
        font-size:11px;
    }

}