/* Базовые стили для ПК */
.zaba-survey {
    position: fixed;
    bottom: -600px;
    right: 30px;
    width: 340px;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(15px);
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.15);
    padding: 28px;
    z-index: 999999;
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    font-family: 'Inter', -apple-system, sans-serif;
    box-sizing: border-box;
}

.zaba-survey.active { bottom: 30px; }

.zaba-survey h4 { margin: 0 0 10px; font-size: 20px; font-weight: 800; color: #111; text-align: center; }
.zaba-survey p { margin: 0 0 20px; font-size: 14px; color: #666; text-align: center; line-height: 1.5; }

.zaba-survey-stars { 
    display: flex; 
    justify-content: space-around; 
    margin-bottom: 25px; 
    background: #f1f3f5;
    padding: 15px;
    border-radius: 20px;
}

.zaba-survey-stars span { font-size: 35px; cursor: pointer; transition: transform 0.2s; filter: grayscale(100%); }
.zaba-survey-stars span.selected { filter: grayscale(0%); transform: scale(1.3); }

.zaba-survey textarea { 
    width: 100%; border: 2px solid #eee; border-radius: 16px; padding: 15px;
    resize: none; font-size: 16px; margin-bottom: 20px; outline: none; box-sizing: border-box;
}

.zaba-survey-btn {
    width: 100%; background: #ff4e00; color: #fff; border: none; 
    padding: 18px; border-radius: 18px; cursor: pointer; font-weight: 800; font-size: 16px;
}

.zaba-survey-close { position: absolute; top: 15px; right: 20px; cursor: pointer; color: #bbb; font-size: 24px; }

/* АДАПТАЦИЯ ПОД МОБИЛЬНЫЕ (Экран до 480px) */
@media (max-width: 480px) {
    .zaba-survey {
        width: 100%;
        right: 0 !important;
        left: 0 !important;
        bottom: -100% !important; /* Прячем за нижний край */
        border-radius: 30px 30px 0 0; /* Закругляем только верхние углы */
        padding: 30px 20px 40px 20px; /* Больше отступа снизу для удобства */
        box-shadow: 0 -10px 30px rgba(0,0,0,0.1);
    }

    .zaba-survey.active {
        bottom: 0 !important; /* Выезжает ровно до низа экрана */
    }

    /* Делаем смайлы крупнее, чтобы было легче попадать пальцем */
    .zaba-survey-stars span {
        font-size: 45px;
    }

    /* Увеличиваем кнопку, чтобы она была на всю ширину и удобная */
    .zaba-survey-btn {
        padding: 20px;
        font-size: 18px;
    }

    /* Добавляем декоративную полоску сверху, как в iOS шторках */
    .zaba-survey::before {
        content: "";
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
        width: 40px;
        height: 5px;
        background: #e0e0e0;
        border-radius: 10px;
    }

    .zaba-survey h4 {
        font-size: 22px;
        margin-top: 10px;
    }
}