/* Mobile Slider - Based on slider_mobile/index.html */

@media (max-width: 768px) {
    /* Основной контейнер слайдера */
    .slider {
        height: 201px;
        border-radius: 0;
        margin: 0;
        max-width: 100%;
    }
    
    .slider__container {
        width: 100%;
        max-width: 393px;
        height: 201px;
        border-radius: 0;
        margin: 0 auto;
    }
    
    /* Фоновое изображение */
    .slider__bg {
        width: 100%;
        height: 201px;
        object-fit: cover;
    }
    
    /* Контент слайда */
    .slider__content {
        padding: 0;
    }
    
    /* Текстовый блок */
    .slider__text {
        position: absolute;
        left: 28px;
        top: 23px;
        bottom: auto;
        padding-right: 0;
        width: auto;
        max-width: 190px;
    }
    
    /* Заголовок слайда */
    .slider__title {
        font-size: 21px;
        line-height: 18px;
        letter-spacing: -0.03em;
        font-weight: 700;
        margin: 0 0 11px;
        color: #ffffff;
    }
    
    /* Описание слайда */
    .slider__desc {
        font-size: 10px;
        line-height: 12px;
        letter-spacing: -0.03em;
        font-weight: 400;
        margin: 0;
        max-width: 183px;
        color: #ffffff;
    }
    
    /* Скрываем note на мобильных */
    .slider__note {
        display: none;
    }
    
    /* Кнопка CTA */
    .slider__cta {
        position: absolute !important;
        left: 28px !important;
        top: 159px !important;
        right: auto !important;
        bottom: auto !important;
        width: 151px;
        height: 24px;
    }
    
    .slider__cta-btn {
        width: 151px;
        height: 24px;
        background: #0fc998;
        border-radius: 48px;
        color: #ffffff;
        font-family: "Inter", sans-serif;
        font-size: 12px;
        line-height: 24px;
        letter-spacing: -0.03em;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        min-height: auto;
    }
    
    .slider__cta-btn:hover {
        background: #0db885;
    }
    
    /* Индикаторы слайдов (точки) */
    .slider__dots {
        position: absolute;
        left: auto;
        right: 37px;
        bottom: 15px;
        transform: none;
        display: flex;
        gap: 4.1px;
        width: 20.47px;
        height: 4.09px;
    }
    
    .slider__dot {
        width: 4.09px;
        height: 4.09px;
        border-radius: 50%;
        background: #ffffff;
        opacity: 1;
        padding: 0;
        margin: 0;
    }
    
    .slider__dot--active {
        background: #0fc998;
        opacity: 1;
    }
    
    .slider__dot:hover {
        opacity: 1;
    }
}

/* Desktop: обеспечиваем правильное отображение */
@media (min-width: 769px) {
    .slider {
        height: var(--slider-height);
        border-radius: 16px;
    }
}