
#desktopSlider, #mobileSlider {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    width: 100%;
}
.slide, .snap-item {
    flex: 0 0 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}
.desktop-only { display: block; }
.mobile-only { display: none; }

@media only screen and (max-width: 768px) {
    .desktop-only { display: none; }
    .mobile-only { display: block; }
}

/* Xử lý thẻ <p> tự sinh bao quanh shortcode */
p:has(> #desktopSlider),
p:has(> #mobileSlider) {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    display: contents;
}
