#mokabb-notification{

    position:fixed !important;

    left:20px;

    bottom:20px;

    width:380px;

    max-width:380px;

    background:#fff;

    border-radius:16px;

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

    display:none;

    padding:15px;

    z-index:99999999;

    font-family:Arial,sans-serif;

    align-items:center;

    gap:15px;

    box-sizing:border-box;
}

.mokabb-logo{

    width:60px;

    height:60px;

    object-fit:contain;

    flex-shrink:0;
}

.mokabb-info{

    flex:1;
}

.mokabb-top{

    font-weight:700;

    color:#FFC107;

    margin-bottom:5px;
}

.mokabb-text{

    font-size:14px;

    font-weight:600;

    line-height:1.4;
}

.mokabb-route{

    font-size:12px;

    color:#777;

    margin-top:5px;
}

.mokabb-time{

    font-size:11px;

    color:#999;

    margin-top:4px;
}

/* Mobile */

@media screen and (max-width:768px){

    #mokabb-notification{

        left:50% !important;

        right:auto !important;

        transform:translateX(-50%) !important;

        bottom:15px !important;

        width:92% !important;

        max-width:320px !important;

        padding:12px !important;

        border-radius:14px !important;
    }

    .mokabb-logo{

        width:45px;

        height:45px;
    }

    .mokabb-top{

        font-size:13px;
    }

    .mokabb-text{

        font-size:12px;
    }

    .mokabb-route{

        font-size:11px;
    }

    .mokabb-time{

        font-size:10px;
    }
}