/* Mobile grid-to-carousel feature styles. */

@media (max-width: 767px) {
    .dk-mobile-carousel {
        display: flex;
        gap: 16px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .dk-mobile-carousel > * {
        min-width: 80%;
        scroll-snap-align: start;
    }
}