/*
|--------------------------------------------------------------------------
| MUSAFIRCAB-V2.1.4A-PWA
|--------------------------------------------------------------------------
*/

#mc-pwa-install-card,
#mc-pwa-ios-card {

    position:fixed;

    right:22px;
    bottom:22px;

    z-index:999999;

    width:
        min(
            390px,
            calc(100vw - 28px)
        );

    padding:17px;

    border:
        1px solid
        rgba(16,24,40,.10);

    border-radius:20px;

    background:#fff;

    box-shadow:
        0 20px 60px
        rgba(16,24,40,.18);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    color:#101828;

    animation:
        mcPwaSlideIn
        .32s ease-out;
}

.mc-pwa-top{

    display:flex;

    align-items:flex-start;

    gap:13px;
}

.mc-pwa-icon{

    width:52px;
    height:52px;

    flex:
        0 0 52px;

    border-radius:14px;

    overflow:hidden;

    background:#e51b23;

    display:flex;

    align-items:center;

    justify-content:center;
}

.mc-pwa-icon img{

    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
}

.mc-pwa-copy{

    flex:1;

    min-width:0;
}

.mc-pwa-title{

    margin:1px 30px 4px 0;

    font-size:16px;

    line-height:1.3;

    font-weight:800;

    color:#101828;
}

.mc-pwa-desc{

    margin:0;

    color:#667085;

    font-size:13px;

    line-height:1.5;
}

.mc-pwa-close{

    position:absolute;

    top:10px;
    right:10px;

    width:32px;
    height:32px;

    padding:0;

    border:0;

    border-radius:50%;

    background:#f2f4f7;

    color:#475467;

    font-size:20px;

    line-height:1;

    cursor:pointer;
}

.mc-pwa-actions{

    display:grid;

    grid-template-columns:
        1fr auto;

    gap:9px;

    margin-top:15px;
}

.mc-pwa-install{

    min-height:47px;

    padding:
        0 18px;

    border:0;

    border-radius:12px;

    background:#e51b23;

    color:#fff;

    font-size:14px;

    font-weight:800;

    cursor:pointer;
}

.mc-pwa-later{

    min-height:47px;

    padding:
        0 14px;

    border:
        1px solid #d0d5dd;

    border-radius:12px;

    background:#fff;

    color:#344054;

    font-size:13px;

    font-weight:700;

    cursor:pointer;
}

.mc-pwa-ios-steps{

    margin:
        14px 0 0;

    padding:
        13px;

    border-radius:12px;

    background:#f8fafc;

    color:#344054;

    font-size:13px;

    line-height:1.65;
}

@keyframes mcPwaSlideIn {

    from{
        opacity:0;
        transform:
            translateY(18px)
            scale(.98);
    }

    to{
        opacity:1;
        transform:
            translateY(0)
            scale(1);
    }
}


@media (
    max-width:767px
) {

    #mc-pwa-install-card,
    #mc-pwa-ios-card {

        left:10px;
        right:10px;

        bottom:88px;

        width:auto;

        padding:15px;

        border-radius:18px;
    }

    .mc-pwa-actions{

        grid-template-columns:
            1fr 110px;
    }
}


@media (
    max-width:360px
) {

    .mc-pwa-actions{

        grid-template-columns:
            1fr;
    }

    .mc-pwa-later{

        min-height:42px;
    }
}