@media only screen and (max-width: 600px) {
  
  /* Container Utama Snackbar Mobile */
  #snackbar-mobile {
    display: flex !important;
    align-items: center;
    gap: 1rem;
    position: fixed;
    left: 2%;
    bottom: 3%;
    width: 53rem;
    max-width: 95%;
    height: 60px;
    padding: 0.3rem;
    
    font-family: Glory, sans-serif;
    font-size: 12px;
    color: #fff;
    text-align: center;
    
    background: linear-gradient(to bottom,#007acc 0%,#33adff 100%);
    border: 2px solid #0c9ef3;
    border-radius: 10px !important;
    
    visibility: hidden;
    transform: translateX(0);
    margin-top: auto;
    z-index: 999999; /* Disederhanakan dari nilai ekstrem sebelumnya */
  }

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

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

  /* Elemen Teks & Nominal */
  #snackbar-mobile span, 
  #snackbar-mobile strong {
    font-weight: 700;
    color: black;
  }

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

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

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

  /* Animasi Keyframes */
  @-webkit-keyframes fadein {
    from { bottom: 0; opacity: 0; }
    to { bottom: 3%; opacity: 1; }
  }
  @keyframes fadein {
    from { bottom: 0; opacity: 0; }
    to { bottom: 3%; opacity: 1; }
  }

  @-webkit-keyframes fadeout {
    from { bottom: 3%; opacity: 1; }
    to { bottom: 0; opacity: 0; }
  }
  @keyframes fadeout {
    from { bottom: 3%; opacity: 1; }
    to { bottom: 0; opacity: 0; }
  }

}