/* --- RESET & GLOBAL MOBILE FIX --- */
html, body {
    max-width: 100%;
    overflow-x: hidden !important; /* Mencegah layar goyang ke samping */
    margin: 0;
    padding: 0;
}

/* --- RESPONSIVE UNTUK TABLET & HP (Max 850px) --- */
@media screen and (max-width: 850px) {
    .icon-prov {
        justify-content: flex-start !important;
        padding-bottom: 10px;
    }
}

/* --- RESPONSIVE KHUSUS HP (Max 480px - Portrait) --- */
@media screen and (max-width: 480px) {
    /* 1. Logo agar tidak terlalu besar di layar kecil */
    .logo img {
        width: 10rem !important;
    }

    /* 2. Banner/Slider agar proporsional (tidak gepeng) */
    .slider, .swiper {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9; /* Menjaga bentuk gambar banner tetap ideal */
    }

    /* 3. Card RTP & Pola */
    .pola-wrapper {
        width: 100% !important;
        padding: 0.5rem !important;
    }
    .rtp-card-img {
        width: 100% !important;
    }
    .title-game {
        font-size: 1.1rem !important;
    }

    /* 4. Icon Provider Navigasi */
    .icon-card-bg img {
        width: 2.5rem !important;
    }
    .icon-card-bg p {
        font-size: 0.6rem !important;
        font-weight: bold;
    }

    /* 5. Navigasi Bawah agar Stabil & Presisi */
    .nav-bottom {
        height: 60px !important;
        padding: 5px 0 !important;
    }
    .item-nav-bottom {
        font-size: 0.65rem !important;
    }
    .item-nav-bottom i {
        font-size: 18px !important;
    }

    /* 6. Tombol Play di dalam Card */
    .btn-play {
        font-size: 0.6rem !important;
        padding: 4px 8px !important;
    }
    
    .icon-providers {
        top: 0.2rem !important;
        right: 0.2rem !important;
        width: 25px !important; /* Ukuran icon kecil provider di pojok kartu */
    }
}

/* --- FIX UNTUK LAYAR LANDSCAPE (HP Miring) --- */
@media screen and (max-height: 500px) and (orientation: landscape) {
    .nav-bottom {
        display: none !important; /* Sembunyikan nav bottom saat miring agar tidak menutup layar */
    }
}