/* index.css */

/* Gaya dasar background untuk desktop */
body {
  background-color: #eef2f5;
}

/* Kontainer utama bergaya mobile */
.mobile-container {
  background-color: #ffffff;
  min-height: 100vh;
  margin: 0 auto;
  max-width: 460px;
  border-left: 1px solid #e2e8f0;
  border-right: 1px solid #e2e8f0;
  overflow-x: hidden;
  position: relative;
}

@media (max-width: 480px) {
  .mobile-container {
    max-width: 100%;
    border-left: 0;
    border-right: 0;
  }
}

/* Menyembunyikan scrollbar untuk pengalaman UI horizontal Play Store */
/* Untuk Chrome, Safari, dan Opera */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Untuk IE, Edge, dan Firefox */
.no-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}