/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 30 2025 | 15:47:38 */
 /* Основные стили страницы */
body {
    font-family: Arial, sans-serif; /* Основной шрифт страницы */
    background-color: transparent; /* Прозрачный фон */
    margin: 0; /* Убираем внешние отступы */
    padding: 20px; /* Внутренний отступ 20px */
}

/* Обертка для галереи */
.unique-gallery-wrapper {
    position: relative; /* Относительное позиционирование */
    max-width: 100%; /* Максимальная ширина 100% */
    margin: 0 auto; /* Центрирование по горизонтали */
}

/* Контейнер с прокруткой */
.unique-gallery-container {
    width: 100%; /* Ширина 100% */
    overflow-x: hidden; /* Скрываем горизонтальный скролл */
    scroll-behavior: smooth; /* Плавная прокрутка */
}

/* Стили для галереи */
.unique-gallery {
    display: flex; /* Гибкое расположение элементов */
    gap: 15px; /* Расстояние между элементами 15px */
    padding: 10px 0; /* Внутренние отступы сверху/снизу 10px */
    transition: transform 0.3s ease; /* Плавная анимация трансформации */
}

/* Элемент галереи */
.unique-gallery-item {
    cursor: pointer; /* Курсор-указатель */
    transition: transform 0.3s; /* Плавное изменение масштаба */
    border: 3px solid #bba460; /* Золотистая рамка 3px */
    box-sizing: border-box; /* Учет границ в размерах */
    flex-shrink: 0; /* Запрет сжатия */
    position: relative; /* Относительное позиционирование */
}

/* Эффект при наведении */
.unique-gallery-item:hover {
    transform: scale(1.05); /* Увеличение на 5% */
}

/* Изображения в галерее */
.unique-gallery-item img {
    width: 300px; /* Фиксированная ширина */
    height: 200px; /* Фиксированная высота */
    object-fit: cover; /* Заполнение с сохранением пропорций */
    display: block; /* Блочное отображение */
}

/* Подпись к изображению */
.unique-image-caption {
    position: absolute; /* Абсолютное позиционирование */
    bottom: 0; /* Прижатие к низу */
    left: 0; /* Прижатие к левому краю */
    right: 0; /* Прижатие к правому краю */
    background-color: rgba(6, 51, 46, 0.7); /* Полупрозрачный темно-зеленый фон */
    color: white; /* Белый текст */
    padding: 5px; /* Внутренние отступы 5px */
    text-align: center; /* Выравнивание по центру */
    font-weight: bold; /* Жирный шрифт */
}

/* Кнопки прокрутки */
.unique-scroll-btn {
    position: absolute; /* Абсолютное позиционирование */
    top: 50%; /* Позиционирование по вертикали */
    transform: translateY(-50%); /* Точное центрирование */
    width: 40px; /* Ширина 40px */
    height: 60px; /* Высота 60px */
    background-color: rgba(187, 164, 96, 0.7); /* Полупрозрачный золотистый фон */
    color: white; /* Белый текст */
    border: none; /* Без рамки */
    font-size: 24px; /* Размер шрифта 24px */
    cursor: pointer; /* Курсор-указатель */
    z-index: 10; /* Поверх других элементов */
    display: flex; /* Гибкий контейнер */
    align-items: center; /* Вертикальное центрирование */
    justify-content: center; /* Горизонтальное центрирование */
    border-radius: 4px; /* Скругленные углы */
}

/* Эффект при наведении на кнопку */
.unique-scroll-btn:hover {
    background-color: rgba(187, 164, 96, 0.9); /* Более плотный золотистый фон */
}

/* Эффект при нажатии */
.unique-scroll-btn:active {
    background-color: rgba(6, 51, 46, 0.9); /* Темно-зеленый при нажатии */
}

/* Кнопка влево */
.unique-scroll-left {
    left: 10px; /* Позиция слева 10px */
}

/* Кнопка вправо */
.unique-scroll-right {
    right: 10px; /* Позиция справа 10px */
}

/* Стили попапа */
.unique-popup {
    display: none; /* Скрыт по умолчанию */
    position: fixed; /* Фиксированное позиционирование */
    top: 0; /* Вверху страницы */
    left: 0; /* Слева страницы */
    width: 100%; /* На всю ширину */
    height: 100%; /* На всю высоту */
    background-color: rgba(0, 0, 0, 0.8); /* Полупрозрачный черный фон */
    z-index: 1000; /* Поверх всех элементов */
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center; /* Центрирование по вертикали */
}

/* Контент попапа */
.unique-popup-content {
    position: relative; /* Относительное позиционирование */
    max-width: 90%; /* Максимальная ширина 90% */
    max-height: 90%; /* Максимальная высота 90% */
}

/* Изображение в попапе */
.unique-popup-img {
    border: 3px solid #bba460; /* Золотистая рамка 3px */
    max-width: 100%; /* Максимальная ширина 100% */
    max-height: 90vh; /* Максимальная высота 90vh */
    display: block; /* Блочное отображение */
}

/* Кнопка закрытия */
.unique-close-btn {
    position: absolute; /* Абсолютное позиционирование */
    top: -15px; /* Смещение вверх */
    right: -15px; /* Смещение вправо */
    width: 30px; /* Ширина 30px */
    height: 30px; /* Высота 30px */
    background-color: #bba460; /* Золотистый фон */
    color: white; /* Белый текст */
    border-radius: 50%; /* Круглая форма */
    display: flex; /* Гибкий контейнер */
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center; /* Центрирование по вертикали */
    cursor: pointer; /* Курсор-указатель */
    font-size: 20px; /* Размер шрифта 20px */
    font-weight: bold; /* Жирный шрифт */
}