body{margin:0}
#cookit{position:fixed;width:100%;bottom:0;padding:.6rem 2rem;display:flex;z-index:999}
#cookit #cookit-container{margin:auto;width:1200px;display:flex;align-items:center;flex-wrap:wrap}
#cookit #cookit-container>*{margin:.4rem}
#cookit #cookit-container p{line-height:1.4rem}
#cookit #cookit-container a{text-decoration:none}
#cookit #cookit-container a:hover{opacity:.9}
#cookit #cookit-container #cookit-button{padding:.5rem 1rem;margin-left:auto}

@media (max-width: 768px) {
    #cookit {
        padding: 0.4rem 1rem; /* Уменьшаем общую высоту плашки */
    }
    #cookit #cookit-container {
        width: 100%; /* Убираем фиксированные 1200px */
        flex-wrap: nowrap; /* Запрещаем перенос элементов на новую строку */
        justify-content: space-between;
    }
    #cookit #cookit-container p {
        font-size: 12px; /* Уменьшаем шрифт сообщения */
        line-height: 1.1rem;
        margin: 0.2rem;
        /* Ограничиваем текст двумя строками, чтобы не раздувать плашку */
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    #cookit #cookit-container #cookit-link {
        display: none; /* Скрываем ссылку "Узнать больше" на мобильных для экономии места */
    }
    #cookit #cookit-container #cookit-button {
        padding: 0.3rem 0.7rem; /* Делаем кнопку компактнее */
        font-size: 12px;
        margin-left: 5px; /* Минимальный отступ от текста */
        flex-shrink: 0; /* Чтобы кнопка не сжималась */
    }
}