.ios-download-banner{
    position:fixed;
    left:12px;
    right:12px;
    bottom:max(12px, env(safe-area-inset-bottom));
    z-index:2147483000;
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px;
    border:1px solid rgba(20,159,56,0.22);
    border-radius:18px;
    background:rgba(255,255,255,0.96);
    box-shadow:0 14px 34px rgba(16,37,54,0.22);
    color:#102536;
    font-family:Arial, Helvetica, sans-serif;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

.ios-download-banner[hidden]{
    display:none;
}

.ios-download-banner-logo{
    width:42px;
    height:42px;
    flex:0 0 auto;
    border-radius:12px;
    object-fit:contain;
    background:#ffffff;
}

.ios-download-banner-copy{
    min-width:0;
    flex:1 1 auto;
}

.ios-download-banner-title{
    margin:0;
    font-size:14px;
    line-height:1.2;
    font-weight:800;
}

.ios-download-banner-text{
    margin:2px 0 0;
    font-size:12px;
    line-height:1.25;
    color:#657485;
}

.ios-download-banner-action{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 13px;
    border-radius:999px;
    background:linear-gradient(180deg,#22c84b,#087a2c);
    color:#ffffff;
    font-size:13px;
    font-weight:800;
    text-decoration:none;
    box-shadow:0 8px 18px rgba(8,122,44,0.22);
}

.ios-download-banner-close{
    flex:0 0 auto;
    width:30px;
    height:30px;
    border:0;
    border-radius:999px;
    background:#eef4f0;
    color:#546776;
    font-size:21px;
    line-height:1;
    cursor:pointer;
}

@media (max-width:380px){
    .ios-download-banner{
        gap:8px;
        padding:9px;
    }

    .ios-download-banner-logo{
        width:36px;
        height:36px;
    }

    .ios-download-banner-title{
        font-size:13px;
    }

    .ios-download-banner-text{
        display:none;
    }

    .ios-download-banner-action{
        min-height:34px;
        padding:0 10px;
        font-size:12px;
    }
}