img {
            width: 100%; /* Ширина изображения равна ширине контейнера */
            object-fit: cover; /* Обеспечим обрезку и сохранение пропорций */
            display: block;
        }
 
 /*БАННЕР под меню*/   
    #image-container {
        position: none;
        width: 100%;
        max-width: 70%; /* Максимальная ширина контейнера */
        height: auto; /* Автоматическая высота для адаптивности */
        overflow: hidden; /* Скрываем части изображения, выходящие за границы контейнера */
        margin: auto;
    }

    .img1 {
        width: 100%; /* Ширина изображения равна ширине контейнера */
        object-fit: cover; /* Обеспечим обрезку и сохранение пропорций */
        display: block;
    }



/* КОЛЛЕКЦИИ */
    .section11 {
        font-family: Arial, sans-serif;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #ffffff;
        margin: 0;
        padding: 0;
    }

    h1 {
        margin-bottom: 20px;
        color: #333;
        font-size: 2rem; /* Размер шрифта заголовка */
        font-family: Arial, sans-serif;
    }

    .container69 {
        max-width: 100%; /* Ширина контейнера */
        width: 71%;
        display: flex;            
        flex-wrap: wrap; /* Позволяет элементам обтекать друг друга */
        justify-content: center; /* Центрирование элементов */
    }

    .gallery-item {
        flex: 1 1 30%; /* Устанавливаем, чтобы 3 элемента помещались в строку */
        margin: 1%; /* Улучшен отступ между элементами */
        margin-bottom: 40px; /* Отступ между строками; вы можете изменить значение по своему усмотрению */
        text-align: center;
        cursor: pointer;
        position: relative;
        opacity: 0; /* Изначально скрываем элементы */
        transform: translateY(30px); /* Сдвигаем элементы вниз */
        transition: opacity 1s ease, transform 1s ease; /* Плавный переход для появления */
    }

    .gallery-item.visible {
        opacity: 1; /* Делаем элементы видимыми */
        transform: translateY(0); /* Возвращаем элементы в исходное положение */
    }

    .image-container {
        overflow: hidden; /* Скрывать части изображения, выходящие за рамки контейнера */
    }

    .gallery-image {
        width: 100%;
        height: auto;
        transition: transform 1s ease; /* Плавный переход для трансформации */
    }

    .image-container:hover .gallery-image {
        transform: none; /* Увеличение изображения при наведении scale(1.1)*/
    }

    .title {
        font-size: 18px;
        margin: 10px 0;
        color: #000; /* Цвет заголовка */
    }

    .description,
    .description1 {
        font-size: 14px;
        margin: 5px 0;
        color: #666;
    }

    .description1 {
        font-size: 12px;
        color: #061100; /* Цвет дополнительного текста под картинками */
    }

    .highlight {
        color: #071409; 
        font-weight: normal;
    }

    .large-font {
        font-size: 22px;
    }