#cookieBanner {
	display: none;
    font-size: 14px;
    padding: 15px;
    text-align: center;
   
    color: white;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    flex-direction: column;  /* Элементы по умолчанию идут вертикально */
    align-items: center;
    box-sizing: border-box;
	border-top: 2px solid #ddd;
	
	background-image: url('../../../../uploads/bg/cookies_bg.png');
    background-repeat: repeat-x; /* Повтор по горизонтали */
    background-size: inherit; /* Масштабировать изображение по ширине */
}

#cookieBanner p {
    margin: 0;
    width: 100%;  /* Текст занимает всю ширину */
	color: #334141;
}

#cookieBanner button {
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    margin: 5px;
    font-size: 14px;
	 background-color:#8cb300;
	 color: #fff;
	 border-radius: 0.45em;
}

#cookieBanner img {
	width: 2.7em;
	padding-right: 7px;
}

#cookieBanner button:hover {
	background-color:#000;
}

#cookieBanner button:hover {
    opacity: 0.8;
}

/* Когда ширина экрана позволяет (например, от 600px и выше), делаем горизонтальное расположение */
@media screen and (min-width: 600px) {
    #cookieBanner {
        flex-direction: row; /* Горизонтальное расположение */
        justify-content: center; /* Выравнивание по центру */
        align-items: center; /* Выравнивание по вертикали */
        padding: 10px 50px; /* Отступы для широкой страницы */
    }

    #cookieBanner p {
        margin-right: 20px; /* Отступ между текстом и кнопкой */
        width: auto; /* Убираем 100% ширины для текста */
        padding-right: 0; /* Убираем отступ справа */
    }

    #cookieBanner button {
        width: auto; /* Убираем ширину 100% для кнопки */
    }
}

/* Мобильные устройства (если экран меньше 600px) */
@media screen and (max-width: 600px) {
    #cookieBanner {
        font-size: 1em;
        padding: 10px;
    }

    #cookieBanner button {
        font-size: em;
        padding: 8px 16px;
		margin-top: 10px;
    }
	
	#cookieBanner img {
		display:none;
	}
}