/* Контейнер слайдера */
    #slider-container {
        display: flex;
        overflow-x: hidden;
        scroll-snap-type: x mandatory;
        position: relative;
    }

    /* Каждый слайд */
    .slider-item {
        flex: 0 0 100%;
        scroll-snap-align: start;
        position: relative;
    }

    /* Точки навигации */
    .slider-dots {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-top: 10px;
    }

    .dot {
        width: 12px;
        height: 12px;
        border: 2px solid #000;
        border-radius: 50%;
        background-color: transparent;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    .dot.active {
        background-color: #000;
    }

    /* Кнопки переключения */
    .slider-controls {
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 50%;
        width: 100%;
        transform: translateY(-50%);
        pointer-events: none;
    }

    .slider-controls button {
        pointer-events: all;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        border: none;
        padding: 10px;
        cursor: pointer;
        font-size: 18px;
    }
    
    
    @media (max-width: 768px) {
        .slider-item {
            flex: 0 0 100%; /* Каждый слайд занимает всю ширину */
        }
    }