/* Исправление позиционирования cookie баннера на мобильных */
/* Cookie баннер НЕ должен перекрывать AI чат в правом нижнем углу */

@media (max-width: 768px) {
    .cookie-banner {
        bottom: 75px !important; /* Выше чем AI чат */
        left: 10px !important;
        right: auto !important;
        max-width: calc(100% - 80px) !important; /* Оставляем место для AI кнопки справа */
        border-radius: 10px !important;
        padding: 0.75rem 1rem !important;
    }
    
    .cookie-banner.show {
        transform: translateY(0) !important;
    }
    
    .cookie-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .cookie-text p {
        font-size: 0.7rem !important;
        margin-bottom: 0;
        line-height: 1.3;
    }
    
    .cookie-actions {
        width: 100%;
        justify-content: flex-start;
        gap: 0.5rem;
    }
    
    .btn-cookie-accept,
    .btn-cookie-decline {
        padding: 0.4rem 0.75rem !important;
        font-size: 0.7rem !important;
        flex: none;
    }
}

/* Для очень маленьких экранов */
@media (max-width: 375px) {
    .cookie-banner {
        bottom: 70px !important;
        padding: 0.625rem 0.75rem !important;
        max-width: calc(100% - 70px) !important;
    }
    
    .cookie-text p {
        font-size: 0.65rem !important;
    }
    
    .btn-cookie-accept,
    .btn-cookie-decline {
        padding: 0.35rem 0.6rem !important;
        font-size: 0.65rem !important;
    }
}

/* Безопасные зоны для iPhone X и новее */
@supports (padding: env(safe-area-inset-bottom)) {
    @media (max-width: 768px) {
        .cookie-banner {
            bottom: calc(75px + env(safe-area-inset-bottom)) !important;
        }
    }
}