/*
 * Trang chủ (mobile): mục "Sản phẩm mới" (widget lte-products,
 * elementor-element-e6dbcbe) và "Cam kết chất lượng của Ntrend" (widget
 * lte-testimonials, elementor-element-689eaf8) hiển thị vuốt ngang từng ô
 * một thay vì xếp chồng theo cột dọc. Chấm tròn điều hướng bên dưới do
 * assets/js/home-mobile-carousels.js dựng lên (chỉ 2 mục này, không đụng
 * các widget cùng layout ở trang khác).
 */
@media (max-width: 767px) {
    .elementor-element-e6dbcbe .lte-wc-wrapper > ul.products {
        display: flex !important;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .elementor-element-e6dbcbe .lte-wc-wrapper > ul.products::-webkit-scrollbar {
        display: none;
    }

    .elementor-element-e6dbcbe .lte-wc-wrapper > ul.products > li.product {
        flex: 0 0 100%;
        width: 100% !important;
        scroll-snap-align: start;
    }

    .elementor-element-689eaf8 .lte-testimonials-list {
        display: flex !important;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 20px;
    }

    .elementor-element-689eaf8 .lte-testimonials-list::-webkit-scrollbar {
        display: none;
    }

    .elementor-element-689eaf8 .lte-testimonials-list > .lte-item {
        flex: 0 0 100%;
        width: 100% !important;
        scroll-snap-align: start;
    }
}

.ntrend-swipe-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 16px 0 4px;
}

.ntrend-swipe-dots button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #d9d9d9;
    cursor: pointer;
    transition: width .2s ease, border-radius .2s ease, background-color .2s ease;
}

.ntrend-swipe-dots button.is-active {
    width: 20px;
    border-radius: 4px;
    background: #f35d22;
    background: var(--main, #f35d22);
}
