/* --- GAYA KHUSUS MOBILE (MAKSIMAL 600PX) --- */
@media only screen and (max-width: 600px) {
    
    /* Wadah Utama Snackbar */
    #snackbar-mobile {
        display: flex !important;
        visibility: hidden;
        position: fixed;
        left: 2%;
        bottom: 3%;
        width: 53rem;
        max-width: 95%;
        height: 60px;
        padding: 0.3rem;
        gap: 1rem;
        align-items: center;
        margin-top: auto;
        transform: translateX(0);
        
        background: linear-gradient(to bottom, #ffffff 0%, #9a9a9a 100%);
        color: #545454;
        font-family: Glory, sans-serif;
        font-size: 12px;
        text-align: center;
        border: 2px solid #ffffff;
        border-radius: 5px;
        z-index: 99999999999999999999999999999999999999999999999999999999999999;
    }

    /* Elemen Bagian Ikon */
    .snackbar-mobile-icon {
        max-width: 2rem;
        padding-right: 0.6rem;
    }

    /* Elemen Gambar */
    .snackbar-mobile-img {
        max-width: 35px;
        margin-left: 1rem;
    }

    /* Teks di Dalam Snackbar */
    #snackbar-mobile span, 
    #snackbar-mobile strong {
        font-weight: 700;
        color: black;
    }

    .snackbar-mobile-nominal {
        font-size: 1rem;
    }

    #withdraw-mobile {
        font-size: 0.8rem;
    }

    /* Kelas Saat Snackbar Ditampilkan */
    #snackbar-mobile.tampil {
        visibility: visible;
        -webkit-animation: 0.8s fadein, 0.8s 4.5s fadeout;
        animation: 0.8s fadein, 0.8s 4.5s fadeout;
    }

    /* --- ANIMASI --- */
    /* Animasi Masuk (Fade In) */
    @-webkit-keyframes fadein {
        from { bottom: 0; opacity: 0; }
        to { bottom: 3%; opacity: 2; }
    }
    @keyframes fadein {
        from { bottom: 0; opacity: 0; }
        to { bottom: 3%; opacity: 2; }
    }

    /* Animasi Keluar (Fade Out) */
    @-webkit-keyframes fadeout {
        from { bottom: 3%; opacity: 2; }
        to { bottom: 0; opacity: 0; }
    }
    @keyframes fadeout {
        from { bottom: 3%; opacity: 2; }
        to { bottom: 0; opacity: 0; }
    }
}