/* Стили для индикаторов карусели */
.mobile-carousel-indicator {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0;
    gap: 8px;
    width: 100%;
}

.mobile-carousel-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ddd;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
    padding: 0;
}

.mobile-carousel-dot.active {
    background: #2d8cff;
    transform: scale(1.2);
}

.mobile-carousel-dot:hover {
    background: #aaa;
}

.mobile-carousel-dot.active:hover {
    background: #1a75e0;
}

/* Улучшенные стили для контейнеров карусели */
@media screen and (max-width: 768px) {
    .doctors-mobile-carousel-container,
    .device-mobile-carousel-container,
    .otziv-mobile-carousel-container {
        display: flex !important;
        overflow: hidden !important;
        position: relative;
        width: 100%;
        touch-action: pan-y;
        -webkit-overflow-scrolling: touch;
    }
    
    .doctor-mobile-carousel-item,
    .device-mobile-item,
    .otziv-mobile-item {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        transition: transform 0.3s ease;
    }
    
    /* Убираем старые стили display */
    .doctor-mobile-carousel-item,
    .device-mobile-item,
    .otziv-mobile-item {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}