html {
    height: 100%;
    overflow-y: scroll; /* Всегда показываем полосу прокрутки */
}

body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.sticky-bottom {
    margin-top: auto; /* Прижимает весь блок к низу */
    width: 100%;
}

/* COOKIE */
    #cookie-consent {
        position: fixed;
        bottom: 0px;
        left: 0;
        right: 0;
        background-color: #ebebebe3;
        padding: 10px;
        text-align: center;
        display: none;
        z-index: 1;
        font-size: 11px;
        color: #4b4b4b;
        font-family: Arial, sans-serif;
        line-height: 1.8;
    }
    #accept-cookies {
        background-color: rgb(240, 240, 240);
        color: #4b4b4b;
        border: 1px solid #7e7878;
        border-radius: 5px;
        padding: 5px 10px;
        cursor: pointer;
        font-size: 13px;
        transition: background-color 0.3s;
        margin-top: 5px;
        margin-bottom: 5px; /* Отступ снизу */
    }
    #accept-cookies:hover {
        background-color: white;
        color: #192b16;
        border: 1px solid #192b1691;
    }


  /* Основная информация Postolnaya Group + footer */
    .section8 {
        margin: 0;
        font-family: Arial, sans-serif;
        display: flex;
        flex-direction: column; /* Вертикальное расположение элементов */
        height: auto; /* Занимаем всю высоту окна */
        justify-content: flex-end; /* Перемещаем содержимое вниз */
    }

    .header24 {
    background-color: #3964316e; /* Цвет фона заголовка на всю ширину */
    color: #1b1b1b; /* Цвет текста */
    font-size: 14px;
    text-align: center; /* Выравнивание текста по центру */
    padding: 10px 0; /* Отступы для header */
    height: auto;
    }

    .container24 {
        display: flex;
        flex-direction: column;
        align-items: center; /* Центруем элементы по горизонтали */
        width: 70%; /* Ограничиваем ширину контейнера до 70% */
        margin: 0 auto; /* Центрируем контейнер по горизонтали */
        flex: 1; /* Используем доступное пространство */
        justify-content: flex-end; /* Перемещаем содержимое вниз */
    }

    .logo-container {
        display: flex;
        justify-content: space-between; /* Распределяем элементы по горизонтали */
        align-items: center; /* Центруем по вертикали */
        width: 100%; /* Задаем ширину на всю доступную область */
        padding: 10px 10px; /* Отступы для логотипа */
    }

    .flower {
        flex: 1; /* Позволяет элементам занимать одинаковое пространство */
        text-align: left; /* Отображение текста влево */
        padding: 10px 10px; /* Добавляем отступы для цветов */
    }

    .flower a {
        text-decoration: none; /* Убираем подчеркивание */
        color: black; /* Цвет текста */
        transition: color 0.3s; /* Плавный переход цвета */
    }

    .flower a:hover {
        color: rgb(104, 104, 104); /* Цвет текста при наведении */
    }

    .columns {
        display: flex; /* Используем Flexbox для колоночного расположения */
        width: 100%; /* Задаем ширину на всю доступную область */
        padding: 10px 0; /* Отступ между колонками */
    }

    .column {
        flex: 1; /* Позволяет колонкам занимать равное пространство */
        text-align: center; /* Центруем текст в колонках */
        padding: 10px; /* Отступы внутри колонок */
    }

    .column a {
        text-decoration: none; /* Убираем подчеркивание */
        color: black; /* Цвет текста */
        transition: color 0.3s; /* Плавный переход цвета */
    }

    .column a:hover {
        color: #686868; /* Цвет текста при наведении */
    }

    .footer {
        width: 100%;
        text-align: center;
        background-color: #f1f1f1;
        color: #1b1b1b;
        padding: 10px 0;
        font-size: 12px;
     /* margin-top: auto; /* Добавлено — прижимает футер к низу */
    }

    .footer a {
    color: #396431;
    text-decoration: none; /* если не нужно подчеркивание */
    font-weight: bold; /* делать текст жирным */
}   

    .footer p {
        margin: 0;
    }

    .email-link {
    color: inherit;
    text-decoration: none;
}
.email-link:hover {
    color: #686868; /* Цвет при наведении */
    text-decoration: underline; /* Подчеркивание при наведении */
}
    /*Ссылки на соц сети*/
    .social-links {
    margin-top: 10px;
}

.social-icon {
    display: inline-block;
    width: 30px; /* Размер значка */
    height: 30px; /* Размер значка */
    border-radius: 50%; /* Делаем круглыми */
    background-size: cover; /* Изображение заполняет круг */
    background-repeat: no-repeat; /* Изображение не повторяется */
    margin-right: 10px; /* Отступы между значками */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Плавный переход для увеличения и тени */
    box-shadow: 0 1px 3px #396431ad; /* Добавляем тень вокруг значка */
    /* clip-path: circle(14.5px at 50% 50%); /* Обрезаем края на 1px */
}

.social-icon.max {
    background-color: none; /* Цвет MAX #_____; */
    /* background-image: url('{{ basic_info.social_max }}'); /* URL вашего значка ВКонтакте */
    background-image: url('/static/images/social/max.png'); /* URL вашего значка ВКонтакте */
}

.social-icon.vk {
    background-color: none; /* Цвет ВКонтакте #4B87C1; */
    /* background-image: url('{{ basic_info.social_vk }}'); /* URL вашего значка ВКонтакте */
    background-image: url('/static/images/social/vk.png'); /* URL вашего значка ВКонтакте */
}

.social-icon.telegram {
    background-color: none; /* Цвет Телеграм #3B5998; */
    /* background-image: url('{{ basic_info.social_telegram }}'); /* URL вашего значка Телеграм */
    background-image: url('/static/images/social/telegram1.png'); /* URL вашего значка Телеграм */
}

.social-icon.whatsapp { 
    background-color: none; /* Цвет Ватсапп #25D366; */ 
    /* background-image: url('{{ basic_info.social_whatsapp }}'); /* URL вашего значка Ватсапп */ 
    background-image: url('/static/images/social/whatsapp.png'); /* URL вашего значка Ватсапп */ 
} 

.social-icon:hover {
    transform: scale(1.2); /* Увеличение иконки при наведении */
    box-shadow: 0 2px 6px #396431; /* Увеличиваем тень при наведении */
}



/*ПРОКРУТКА */
    /* Основной стиль для полосы прокрутки */
::-webkit-scrollbar {
    width: 8px; /* Ширина полосы прокрутки */
    background-color: #f0f0f0; /* Цвет фона полосы прокрутки */
}

/* Стиль для самого "ползунка" полосы прокрутки */
::-webkit-scrollbar-thumb {
    background-color: #39643144; /* Цвет ползунка */
    border-radius: 10px; /* Закругление углов ползунка */
    transition: background-color 2s ease; /* Плавный переход для цвета */
}

/* Стиль ползунка при наведении курсора */
::-webkit-scrollbar-thumb:hover {
    background-color: #31582a8a; /* при наведении */
}

/* Если вам нужно изменить стиль вертикальной полосы прокрутки */
::-webkit-scrollbar:vertical {
    background-color: #f0f0f0; /* Фон вертикальной полосы */
}