.mm-app-modal{
    position:fixed;
    inset:0;
    z-index:999999;
    display:none;
    direction:rtl;
    font-family:inherit;
}

.mm-app-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
    backdrop-filter:blur(3px);
}

.mm-app-box{

    position:absolute;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    width:94%;
    max-width:390px;
    max-height:92vh;

    overflow-y:auto;

    background:#ffffff;

    border-radius:18px;

    box-shadow: 0 12px 40px rgba(0, 0, 0, .18);

    padding:22px 18px;

    text-align:center;

}

.mm-app-header{

    margin-bottom:15px;

}

.mm-app-header img{

    width:72px;
    height:72px;

    border-radius:20px;

}

.mm-app-box h2{

    margin:10px 0 8px;

    font-size:20px;

    font-weight:700;

    color:#222;

}

.mm-app-box p {

    margin: 0 0 28px;

    line-height: 2;

    color: #555;

    font-size: 15px;

    text-align: center !important;

    width: 100%;

    display: block;

    text-align: center;


}

.mm-ios-steps{

    display:flex;

    flex-direction:column;

    gap:12px;

    margin-bottom:30px;

}

.mm-step {

    display: flex;

    align-items: flex-start;

    gap: 15px;

    background: #FAFAFA;

    border: 1px solid #ECECEC;

    border-radius: 14px;

    padding: 12px;

}

.mm-step img{

    width:30px;

    height:30px;
	
	object-fit:contain;

    flex-shrink:0;

}

.mm-step span {

    flex: 1;

    display: flex;

    align-items: flex-start;

    justify-content: flex-start;

    text-align: right;

    font-size: 12px;

    line-height: 1.55;

    font-weight: 500;

}

.mm-download-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    width:100%;

    height:56px;

    border-radius:14px;

    text-decoration:none;

    background:#10C853;

    color:#fff;

    font-size:16px;

    font-weight:700;

    margin-bottom:14px;

    transition:.2s;

}

.mm-download-btn:hover{

    background:#0B9E42;

    color:#fff;

}

.mm-download-btn img{

    width:22px;

    height:22px;

}

.mm-secondary-btn {

    width: 100%;

    height: 52px;

    border: 2px solid #10C853;

    background: #fff;

    color: #10C853;

    border-radius: 14px;

    font-size: 15px;

    font-weight: 700;

    cursor: pointer;

    transition: .2s;

}

.mm-secondary-btn:hover {

    background: #10C853;

    color: #fff;

}

.mm-primary-btn {

    width: 100%;

    height: 52px;

    border: none;

    background: #10C853;

    color: #fff;

    border-radius: 14px;

    font-size: 15px;

    font-weight: 700;

    cursor: pointer;

    transition: .2s;

}

.mm-primary-btn:hover {

    background: #0B9E42;

}

@media (max-width:480px){

    .mm-app-box{

        width:96%;

        padding:24px 18px;

        max-height:95vh;

    }

    .mm-app-header img{

        width:90px;

        height:90px;

    }

    .mm-app-box h2{

        font-size:21px;

    }

    .mm-app-box p{

        display: block;
        
        width: 100%;
        
        max-width: 340px;
        
        margin: 0 auto 28px;
        
        text-align: center;
        
        line-height: 2;
        
        font-size: 15px;
        
        color: #555;

    }

     .mm-step {
    
        padding: 10px 14px;
    
        border-radius: 12px;
    
        gap: 12px;
    
        }

}