/* BUN FRY APP INSTALL */

.bf-install-app{
    position:fixed;
    z-index:9990;
    right:16px;
    bottom:100px;

    display:flex;
    align-items:center;
    gap:10px;

    min-height:54px;
    padding:7px 15px 7px 8px;

    border:1px solid #e6a900;
    border-radius:18px;

    background:#0b0d10;
    color:#fff;

    box-shadow:
      0 10px 35px rgba(0,0,0,.45),
      0 0 18px rgba(242,181,29,.18);

    cursor:pointer;
}

.bf-install-app img{
    width:39px;
    height:39px;
    border-radius:11px;
    object-fit:cover;
}

.bf-install-copy{
    text-align:left;
    line-height:1.1;
}

.bf-install-copy strong{
    display:block;
    color:#f2b51d;
    font-size:13px;
}

.bf-install-copy small{
    display:block;
    margin-top:4px;
    color:#c7c9cc;
    font-size:10px;
}

/* iPhone instructions */

.bf-ios-install-overlay{
    position:fixed;
    z-index:10050;
    inset:0;

    display:flex;
    align-items:flex-end;

    padding:15px 15px
      calc(15px + env(safe-area-inset-bottom));

    background:rgba(0,0,0,.72);

    opacity:0;
    visibility:hidden;

    transition:.2s;
}

.bf-ios-install-overlay.open{
    opacity:1;
    visibility:visible;
}

.bf-ios-install-card{
    width:100%;
    max-width:480px;
    margin:0 auto;

    padding:18px;

    border:1px solid #34383e;
    border-radius:27px;

    background:
      linear-gradient(145deg,#181b20,#0c0e11);

    color:#fff;

    box-shadow:0 30px 80px rgba(0,0,0,.65);
}

.bf-ios-install-head{
    display:flex;
    align-items:center;
    gap:13px;
}

.bf-ios-install-head img{
    width:58px;
    height:58px;
    border-radius:15px;
}

.bf-ios-install-head strong{
    display:block;
    font-size:19px;
}

.bf-ios-install-head span{
    display:block;
    margin-top:4px;
    color:#a7abb0;
    font-size:12px;
}

.bf-ios-install-card h3{
    margin:21px 0 17px;
    font-size:18px;
}

.bf-ios-step{
    display:flex;
    align-items:center;
    gap:13px;

    margin:10px 0;
    padding:13px;

    border-radius:16px;

    background:#111419;
    border:1px solid #292d33;
}

.bf-ios-step-number{
    flex:0 0 35px;
    width:35px;
    height:35px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#f2b51d;
    color:#090a0b;

    font-weight:900;
}

.bf-ios-step i{
    color:#f2b51d;
    font-size:20px;
}

.bf-ios-close{
    width:100%;
    height:50px;

    margin-top:14px;

    border:0;
    border-radius:15px;

    background:#f2b51d;
    color:#090a0b;

    font-weight:900;
}

@media(min-width:769px){
    .bf-install-app{
        bottom:25px;
    }
}

@media(max-width:370px){
    .bf-install-app{
        right:10px;
        bottom:92px;
    }

    .bf-install-copy small{
        display:none;
    }
}