@media (max-width: 767px) {
    .mobile-reviews-carousel {
        overflow: hidden;
        position: relative;
        padding-bottom: 40px;
    }
    
    .mobile-reviews-carousel .reviews-track {
        display: flex;
        transition: transform 0.3s ease-out;
        will-change: transform;
    }
    
    .mobile-reviews-carousel .review-card {
        min-width: 100%;
        flex-shrink: 0;
        box-sizing: border-box;
    }
    
    .mobile-reviews-pagination {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 8px;
    }
    
    .mobile-reviews-dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #ccc;
        cursor: pointer;
    }
    
    .mobile-reviews-dot.active {
        background: #333;
    }
    
    body.mobile-reviews-active {
        overflow-x: hidden;
    }
}