/* =========================================
   Utility Classes untuk Responsive Display
   ========================================= */

/* Tampilan Default (Mobile First - layar kecil) */
.d-desktop-only {
    display: none !important;
}
.d-mobile-only {
    display: block !important;
}

/* Tampilan untuk layar Tablet/Desktop (Lebar layar min 768px) */
@media screen and (min-width: 768px) {
    .d-desktop-only {
        display: block !important;
    }
    .d-mobile-only {
        display: none !important;
    }
}