/* =======================================================
   WADAH IKLAN UTAMA (Agar selalu di tengah)
   ======================================================= */
.wargerce-ads {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 20px auto !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
}

/* =======================================================
   1. TAMPILAN DESKTOP / PC (Lebar di atas 768px)
   ======================================================= */
/* Tampilkan yang besar (728), Sembunyikan yang kecil */
.slot-728x90 { 
    display: flex !important; 
    justify-content: center !important; 
    align-items: center !important;
}
.slot-468x60 { display: none !important; }
.slot-320x50 { display: none !important; }

/* Menengahkan iframe Adsterra */
.wargerce-ads iframe {
    display: block !important;
    margin: 0 auto !important;
}

/* =======================================================
   2. TAMPILAN TABLET & HP LANDSCAPE (Maksimal 768px)
   ======================================================= */
@media (max-width: 768px) {
    /* Tampilkan yang sedang (468), Sembunyikan sisanya */
    .slot-728x90 { display: none !important; }
    .slot-468x60 { 
        display: flex !important; 
        justify-content: center !important; 
        align-items: center !important;
    }
    .slot-320x50 { display: none !important; }
}

/* =======================================================
   3. TAMPILAN HP / SMARTPHONE (Maksimal 480px)
   ======================================================= */
@media (max-width: 480px) {
    .wargerce-ads {
        margin: 10px auto !important; /* Jarak lebih rapat untuk layar HP */
    }

    /* Tampilkan khusus HP (320), Sembunyikan sisanya */
    .slot-728x90 { display: none !important; }
    .slot-468x60 { display: none !important; }
    .slot-320x50 { 
        display: flex !important; 
        justify-content: center !important; 
        align-items: center !important;
    }
}