/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 30 2025 | 15:48:29 */
 /* Основные стили для всего документа */
        body {
            margin: 0; /* Убираем внешние отступы */
            padding: 0; /* Убираем внутренние отступы */
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Задаем основной шрифт */
            font-weight: 400; /* Обычная толщина шрифта */
            background-color: #0b271b; /* Темно-зеленый фон */
            color: #bba460; /* Золотистый цвет текста */
            line-height: 1.6; /* Межстрочный интервал 1.6 для лучшей читаемости */
        }

        /* Стили для контейнера */
        .container {
            max-width: 1200px; /* Максимальная ширина контейнера */
            width: 100%; /* Ширина 100% */
            padding-right: 15px; /* Отступ справа 15px */
            padding-left: 15px; /* Отступ слева 15px */
            margin-right: auto; /* Центрирование по горизонтали справа */
            margin-left: auto; /* Центрирование по горизонтали слева */
        }

        /* Стили для секции с фильтрами */
        .filter-section {
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08); /* Тень блока с прозрачностью 8% */
            background-color: #06332e!important; /* Темно-зеленый фон с !important */
            padding: 10px 15px; /* Внутренние отступы 10px сверху/снизу, 15px слева/справа */
            border-radius: 8px; /* Скругление углов 8px */
            margin-bottom: 20px; /* Отступ снизу 20px */
        }

        /* Стили для строки фильтров */
        .filter-row {
            display: flex; /* Гибкое расположение элементов (flexbox) */
            flex-wrap: wrap; /* Перенос на новую строку при необходимости */
            gap: 8px; /* Расстояние между элементами 8px */
            justify-content: flex-end; /* Выравнивание по правому краю */
            align-items: center; /* Выравнивание по центру по вертикали */
			background-color: #06332e;
			color: #bba460;
        }

        /* Стили для кнопок фильтра */
        .filter-btn {
            padding: 6px 12px; /* Внутренние отступы 6px сверху/снизу, 12px слева/справа */
            background-color: rgba(255, 255, 255, 0.9); /* Полупрозрачный белый фон (90%) */
            color: #06332e; /* Темно-зеленый цвет текста */
            border: 2px solid #bba460; /* Граница золотистого цвета толщиной 2px */
            border-radius: 20px; /* Скругление углов 20px */
            font-weight: 600; /* Полужирный шрифт */
            cursor: pointer; /* Курсор-указатель */
            transition: all 0.3s; /* Плавные переходы для всех свойств за 0.3s */
            font-size: 14px; /* Размер шрифта 14px */
            white-space: nowrap; /* Запрет переноса текста */
        }

        /* Стили для активной кнопки фильтра */
        .filter-btn.active {
            background-color: #1a4a45; /* Темно-зеленый фон */
            color: white; /* Белый текст */
            border-color: #bba460; /* Граница золотистого цвета */
        }

        /* Стили при наведении на кнопку фильтра */
        .filter-btn:hover {
            background-color: rgba(187, 164, 96, 0.9); /* Полупрозрачный золотистый фон (90%) */
            border-color: #bba460; /* Граница золотистого цвета */
        }

        /* Стили для карточки объекта */
        .property-card {
            border: 3px solid #bba460; /* Граница золотистого цвета толщиной 3px */
            border-radius: 10px; /* Скругление углов 10px */
            overflow: hidden; /* Скрытие содержимого за пределами */
            transition: all 0.3s ease; /* Плавные переходы для всех свойств за 0.3s с ease-функцией */
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); /* Тень блока */
            margin-bottom: 20px; /* Отступ снизу 20px */
            height: 100%; /* Высота 100% */
            display: flex; /* Гибкое расположение элементов (flexbox) */
            flex-direction: column; /* Вертикальное направление */
            background-color: white; /* Белый фон */
        }

        /* Стили для галереи изображений */
        .property-gallery {
            position: relative; /* Относительное позиционирование */
            height: 220px; /* Фиксированная высота 220px */
            overflow: hidden; /* Скрытие содержимого за пределами */
            width: 100%; /* Ширина 100% */
        }

        /* Стили для изображений в галерее */
        .property-gallery img {
            width: 100%; /* Ширина 100% */
            height: 100%; /* Высота 100% */
            object-fit: cover; /* Заполнение контейнера с сохранением пропорций и обрезкой */
            object-position: center; /* Центрирование изображения */
            transition: transform 0.3s ease; /* Плавное изменение масштаба за 0.3s */
        }

        /* Стили для бейджа застройщика */
        .developer-badge {
            position: absolute; /* Абсолютное позиционирование */
            top: 15px; /* Отступ сверху 15px */
            right: 15px; /* Отступ справа 15px */
            background-color: white; /* Белый фон */
            color: #06332e; /* Темно-зеленый текст */
            padding: 5px 12px; /* Внутренние отступы 5px сверху/снизу, 12px слева/справа */
            border-radius: 20px; /* Скругление углов 20px */
            font-size: 12px; /* Размер шрифта 12px */
            font-weight: 500; /* Средняя толщина шрифта */
            z-index: 10; /* z-index для перекрытия изображения */
        }
        
        /* Стили для тела карточки */
        .property-body {
            padding: 15px 15px 1px; /* Внутренние отступы 15px сверху/слева/справа, 1px снизу */
            flex-grow: 1; /* Растягивание на доступное пространство */
            text-align: center; /* Выравнивание по центру */
        }

        /* Стили для заголовка карточки */
        .property-title {
            font-weight: 700; /* Жирный шрифт */
            margin-bottom: 15px; /* Отступ снизу 15px */
            font-size: 1.2rem; /* Размер шрифта 1.2rem (~19.2px) */
            color: #06332e; /* Темно-зеленый цвет текста */
        }

        /* Стили для мета-информации */
        .property-meta {
            display: flex; /* Гибкое расположение элементов (flexbox) */
            flex-direction: column; /* Вертикальное направление */
            gap: 5px; /* Расстояние между элементами 5px */
            margin-bottom: 1px; /* Отступ снизу 1px */
        }

        /* Стили для элемента мета-информации */
        .meta-item {
            width: 100%; /* Ширина 100% */
        }
        
        /* Стили для значения мета-информации */
        .meta-value {
            font-weight: 600; /* Полужирный шрифт */
            color: #06332e; /* Темно-зеленый цвет текста */
            display: block; /* Блочное отображение */
            font-size: 15px; /* Размер шрифта 15px */
        }

        /* Стили для срока сдачи */
        .completion-date {
            color: #bba460; /* Золотистый цвет текста */
            font-weight: 600; /* Полужирный шрифт */
            font-size: 15px; /* Размер шрифта 15px */
        }

        /* Стили для футера карточки */
        .property-footer {
            padding: 0 15px 15px; /* Внутренние отступы 0 сверху, 15px слева/справа, 15px снизу */
            display: flex; /* Гибкое расположение элементов (flexbox) */
            flex-direction: column; /* Вертикальное направление */
            gap: 8px; /* Расстояние между элементами 8px */
        }

        /* Стили для кнопки "Подробнее" */
        .btn-details {
            width: 100%; /* Ширина 100% */
            background-color: #06332e; /* Темно-зеленый фон */
            color: white; /* Белый текст */
            border: none; /* Без границы */
            padding: 10px; /* Внутренние отступы 10px */
            border-radius: 5px; /* Скругление углов 5px */
            transition: all 0.3s; /* Плавные переходы для всех свойств за 0.3s */
            font-weight: 500; /* Средняя толщина шрифта */
            font-size: 15px; /* Размер шрифта 15px */
        }
        
        /* Стили для кнопки "Местоположение" */
        .btn-location {
            width: 100%; /* Ширина 100% */
            background-color: #bba460; /* Золотистый фон */
            color: #06332e; /* Темно-зеленый текст */
            border: none; /* Без границы */
            padding: 10px; /* Внутренние отступы 10px */
            border-radius: 5px; /* Скругление углов 5px */
            transition: all 0.3s; /* Плавные переходы для всех свойств за 0.3s */
            font-weight: 500; /* Средняя толщина шрифта */
            text-decoration: none; /* Без подчеркивания */
            text-align: center; /* Выравнивание по центру */
            font-size: 15px; /* Размер шрифта 15px */
        }
        
        /* Стили при наведении на кнопку "Подробнее" */
        .btn-details:hover {
            background-color: #bba460; /* Золотистый фон */
            color: #06332e; /* Темно-зеленый текст */
        }
        
        /* Стили при наведении на кнопку "Местоположение" */
        .btn-location:hover {
            background-color: #06332e; /* Темно-зеленый фон */
            color: white; /* Белый текст */
        }

        /* Стили для Swiper слайдера */
        .swiper {
            width: 100%; /* Ширина 100% */
            height: 100%; /* Высота 100% */
        }
        
        /* Стили для точек пагинации Swiper */
        .swiper-pagination-bullet {
            background: #bba460; /* Золотистый цвет */
            opacity: 0.6; /* Полупрозрачность 60% */
            width: 8px; /* Ширина 8px */
            height: 8px; /* Высота 8px */
        }
        
        /* Стили для активной точки пагинации */
        .swiper-pagination-bullet-active {
            background: #06332e; /* Темно-зеленый цвет */
            opacity: 1; /* Полная непрозрачность */
        }

        /* Стили для попап-окна */
        .leon-popup-overlay {
            position: fixed; /* Фиксированное позиционирование */
            top: 0; /* Вверху страницы */
            left: 0; /* Слева страницы */
            width: 100%; /* Ширина 100% */
            height: 100%; /* Высота 100% */
            background: rgba(0,0,0,0.5); /* Полупрозрачный черный фон (50%) */
            display: none; /* Скрыто по умолчанию */
            justify-content: center; /* Горизонтальное центрирование */
            align-items: center; /* Вертикальное центрирование */
            z-index: 9999; /* Максимальный z-index */
        }

        /* Стили для контейнера попапа */
        .leon-popup-container {
            width: 90%; /* Ширина 90% */
            max-width: 700px; /* Максимальная ширина 700px */
            max-height: 90vh; /* Максимальная высота 90% от высоты viewport */
            border-radius: 10px; /* Скругление углов 10px */
            position: relative; /* Относительное позиционирование */
            overflow-y: auto; /* Вертикальная прокрутка при необходимости */
            background-size: cover; /* Заполнение фона с сохранением пропорций */
            background-position: right center; /* Позиция фона справа по центру */
            background-image: url('https://leoner26.ru/wp-content/uploads/2025/05/obratnyj-zvonok3.jpg'); /* Фоновое изображение */
        }

        /* Псевдоэлемент для затемнения фона попапа */
        .leon-popup-container::before {
            content: ''; /* Обязательно для псевдоэлемента */
            position: absolute; /* Абсолютное позиционирование */
            top: 0; /* Вверху */
            left: 0; /* Слева */
            right: 0; /* Справа */
            bottom: 0; /* Внизу */
            background: rgba(31, 71, 67, 0.75); /* Полупрозрачный фон (75%) */
            z-index: 1; /* z-index для перекрытия фона */
        }

        /* Стили для содержимого попапа */
        .leon-popup-content {
            position: relative; /* Относительное позиционирование */
            z-index: 2; /* z-index выше чем у псевдоэлемента */
            padding: clamp(20px, 5vw, 40px); /* Адаптивные отступы от 20px до 40px */
            color: #bba460; /* Золотистый цвет текста */
            width: 100%; /* Ширина 100% */
            box-sizing: border-box; /* Учет padding в ширине */
        }

        /* Стили для заголовка попапа */
        .leon-popup-title {
            font-size: clamp(18px, 3vw, 24px); /* Адаптивный размер шрифта от 18px до 24px */
            font-weight: 700; /* Жирный шрифт */
            margin-bottom: 15px; /* Отступ снизу 15px */
            line-height: 1.3; /* Межстрочный интервал 1.3 */
            color: #FFFFFF!important; /* Белый текст с !important */
        }

        /* Стили для описания в попапе */
        .leon-popup-description {
            font-size: clamp(14px, 2vw, 16px); /* Адаптивный размер шрифта от 14px до 16px */
            margin-bottom: 25px; /* Отступ снизу 25px */
            line-height: 1.5; /* Межстрочный интервал 1.5 */
            font-weight: 600; /* Полужирный шрифт */
            color: #FFFFFF!important; /* Белый текст с !important */
        }

        /* Стили для кнопки закрытия попапа */
        .leon-popup-close {
            position: absolute; /* Абсолютное позиционирование */
            top: 12px; /* Отступ сверху 12px */
            right: 12px; /* Отступ справа 12px */
            background: none; /* Без фона */
            border: none; /* Без границы */
            padding: 5px; /* Внутренние отступы 5px */
            cursor: pointer; /* Курсор-указатель */
            z-index: 10; /* z-index для перекрытия */
            transition: all 0.3s; /* Плавные переходы для всех свойств за 0.3s */
        }

        /* Стили при наведении на кнопку закрытия */
        .leon-popup-close:hover {
            transform: scale(1.15); /* Увеличение на 15% */
            background: #06332e; /* Темно-зеленый фон */
            border-radius: 50%; /* Круглая форма */
        }

        /* Стили для SVG в кнопке закрытия */
        .leon-popup-close svg {
            display: block; /* Блочное отображение */
        }

        /* Стили для обертки формы */
        .leon-form-wrapper {
            margin-bottom: 5px; /* Отступ снизу 5px */
            width: 100%; /* Ширина 100% */
        }

        /* Стили для формы Contact Form 7 */
        .leon-form-wrapper .wpcf7-form {
            width: 100% !important; /* Ширина 100% с !important */
        }

        /* Стили для подписей в форме */
        .leon-form-wrapper .wpcf7-form label {
            color: #FFFFFF !important; /* Белый текст с !important */
            font-size: clamp(13px, 2vw, 15px) !important; /* Адаптивный размер шрифта с !important */
            margin-bottom: 8px !important; /* Отступ снизу 8px с !important */
            display: block !important; /* Блочное отображение с !important */
            font-family: 'Montserrat', sans-serif !important; /* Шрифт Montserrat с !important */
        }

        /* Общие стили для полей ввода */
        .leon-form-wrapper .wpcf7-form input[type="text"],
        .leon-form-wrapper .wpcf7-form input[type="tel"],
        .leon-form-wrapper .wpcf7-form input[type="email"],
        .leon-form-wrapper .wpcf7-form textarea {
            width: 100% !important; /* Ширина 100% с !important */
            background: transparent !important; /* Прозрачный фон с !important */
            border: 1px solid #bba460 !important; /* Граница золотистого цвета с !important */
            color: #FFFFFF !important; /* Белый текст с !important */
            padding: 12px 15px !important; /* Внутренние отступы 12px сверху/снизу, 15px слева/справа с !important */
            margin-bottom: 15px !important; /* Отступ снизу 15px с !important */
            border-radius: 5px !important; /* Скругление углов 5px с !important */
            font-family: 'Montserrat', sans-serif !important; /* Шрифт Montserrat с !important */
            font-size: clamp(13px, 2vw, 15px) !important; /* Адаптивный размер шрифта с !important */
            transition: all 0.3s !important; /* Плавные переходы с !important */
        }

        /* Стили для полей ввода при фокусе */
        .leon-form-wrapper .wpcf7-form input:focus,
        .leon-form-wrapper .wpcf7-form textarea:focus {
            outline: none !important; /* Без контура с !important */
            border-color: #FFFFFF !important; /* Белая граница с !important */
            box-shadow: 0 0 0 2px rgba(187, 164, 96, 0.3) !important; /* Тень с !important */
            background: transparent !important; /* Прозрачный фон с !important */
            color: #FFFFFF !important; /* Белый текст с !important */
        }

        /* Стили для placeholder */
        .leon-form-wrapper .wpcf7-form input::placeholder,
        .leon-form-wrapper .wpcf7-form textarea::placeholder {
            color: rgba(31, 71, 67, 0.7) !important; /* Цвет с прозрачностью 70% с !important */
            font-family: 'Montserrat', sans-serif !important; /* Шрифт Montserrat с !important */
        }

        /* Стили для кнопки отправки формы */
        .leon-form-wrapper .wpcf7-form .wpcf7-submit {
            background: #06332e !important; /* Темно-зеленый фон с !important */
            color: #bba460 !important; /* Золотистый текст с !important */
            border: none !important; /* Без границы с !important */
            padding: 14px !important; /* Внутренние отступы 14px с !important */
            width: 100% !important; /* Ширина 100% с !important */
            max-width: 200px !important; /* Максимальная ширина 200px с !important */
            border-radius: 5px !important; /* Скругление углов 5px с !important */
            cursor: pointer !important; /* Курсор-указатель с !important */
            font-family: 'Montserrat', sans-serif !important; /* Шрифт Montserrat с !important */
            font-weight: 700 !important; /* Жирный шрифт с !important */
            font-size: clamp(13px, 2vw, 15px) !important; /* Адаптивный размер шрифта с !important */
            transition: all 0.3s !important; /* Плавные переходы с !important */
            margin-top: 5px !important; /* Отступ сверху 5px с !important */
            display: block !important; /* Блочное отображение с !important */
        }

        /* Стили при наведении на кнопку отправки */
        .leon-form-wrapper .wpcf7-form .wpcf7-submit:hover {
            background: #bba460 !important; /* Золотистый фон с !important */
            color: #06332e !important; /* Темно-зеленый текст с !important */
            transform: translateY(-2px) !important; /* Смещение вверх на 2px с !important */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; /* Тень с !important */
        }

        /* Стили для блока согласия */
        .leon-consent-box {
            display: flex; /* Гибкое расположение элементов (flexbox) */
            align-items: center; /* Выравнивание по центру по вертикали */
            margin-top: 8px; /* Отступ сверху 8px */
            width: 100%; /* Ширина 100% */
        }

        /* Стили для иконки согласия */
        .leon-consent-icon {
            width: 18px; /* Ширина 18px */
            height: 18px; /* Высота 18px */
            background: #bba460; /* Золотистый фон */
            color: #06332e; /* Темно-зеленый текст */
            border-radius: 2px; /* Скругление углов 2px */
            display: flex; /* Гибкое расположение элементов (flexbox) */
            align-items: center; /* Выравнивание по центру по вертикали */
            justify-content: center; /* Выравнивание по центру по горизонтали */
            font-size: 12px; /* Размер шрифта 12px */
            font-weight: bold; /* Жирный шрифт */
            margin-right: 10px; /* Отступ справа 10px */
            flex-shrink: 0; /* Запрет на сжатие */
        }

        /* Стили для текста согласия */
        .leon-consent-text {
            color: #bba460; /* Золотистый цвет текста */
            font-size: clamp(11px, 1.8vw, 13px); /* Адаптивный размер шрифта от 11px до 13px */
            line-height: 1.4; /* Межстрочный интервал 1.4 */
        }

        /* Общие стили для уведомлений формы */
        .leon-form-notice {
            padding: 12px 15px; /* Внутренние отступы 12px сверху/снизу, 15px слева/справа */
            margin: 15px 0 0 0; /* Внешние отступы 15px сверху, 0 снизу */
            border-radius: 5px; /* Скругление углов 5px */
            font-size: 14px; /* Размер шрифта 14px */
            display: none; /* Скрыто по умолчанию */
            align-items: center; /* Выравнивание по центру по вертикали */
            animation: fadeIn 0.3s ease; /* Анимация появления за 0.3s с ease-функцией */
            border: 1px solid; /* Граница толщиной 1px */
            width: 100%; /* Ширина 100% */
            box-sizing: border-box; /* Учет padding в ширине */
            position: relative; /* Относительное позиционирование */
        }

        /* Стили для успешного уведомления */
        .leon-form-notice.success {
            background: rgba(31, 71, 67, 0.9); /* Темно-зеленый фон с прозрачностью 90% */
            border-color: #bba460; /* Граница золотистого цвета */
            color: #bba460; /* Золотистый текст */
            display: flex !important; /* Отображение с !important */
        }

        /* Стили для уведомления об ошибке */
        .leon-form-notice.error {
            background: rgba(71, 31, 31, 0.9); /* Темно-красный фон с прозрачностью 90% */
            border-color: #ff6b6b; /* Граница светло-красного цвета */
            color: #ff6b6b; /* Светло-красный текст */
            display: flex !important; /* Отображение с !important */
        }

        /* Стили для SVG в уведомлении */
        .leon-form-notice svg {
            margin-right: 10px; /* Отступ справа 10px */
            flex-shrink: 0; /* Запрет на сжатие */
        }

        /* Стили для текста в уведомлении */
        .leon-form-notice span {
            flex-grow: 1; /* Растягивание на доступное пространство */
        }

        /* Стили для блока "ничего не найдено" */
        .alert.alert-info.text-center.py-4 {
            color: #06332e !important; /* Темно-зеленый цвет текста с !important */
            background-color: #bba460 !important; /* Золотистый фон с !important */
            border: 5px solid #06332e !important; /* Граница темно-зеленого цвета толщиной 5px с !important */
            font-weight: 700 !important; /* Жирный шрифт с !important */
            border-radius: 8px; /* Скругление углов 8px */
        }

        /* Анимация появления */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); } /* Начальное состояние: прозрачность 0, смещение вниз на 10px */
            to { opacity: 1; transform: translateY(0); } /* Конечное состояние: прозрачность 1, без смещения */
        }

        /* Скрытие стандартного вывода Contact Form 7 */
        .wpcf7-response-output {
            display: none !important; /* Скрытие с !important */
        }

        /* Медиазапрос для экранов до 992px */
        @media (max-width: 992px) {
            .filter-btn {
                padding: 6px 12px; /* Уменьшенные отступы 6px сверху/снизу, 12px слева/справа */
                font-size: 14px; /* Уменьшенный размер шрифта 14px */
            }
        }

        /* Медиазапрос для экранов до 768px */
        @media (max-width: 768px) {
            .filter-row {
                gap: 8px; /* Уменьшенное расстояние между элементами 8px */
                justify-content: center; /* Центрирование элементов */
            }
            
            .leon-popup-container {
                max-width: 90%; /* Максимальная ширина 90% */
                background-position: center; /* Позиция фона по центру */
            }
            
            .leon-popup-content {
                width: 100%; /* Ширина 100% */
                padding: 20px; /* Внутренние отступы 20px */
            }
            
            .leon-form-wrapper {
                width: 100%; /* Ширина 100% */
            }
            
            .leon-form-wrapper .wpcf7-form .wpcf7-submit {
                max-width: 100% !important; /* Максимальная ширина 100% с !important */
            }
            
            .leon-consent-box {
                width: 100%; /* Ширина 100% */
            }
        }

        /* Медиазапрос для экранов до 576px */
        @media (max-width: 576px) {
            .filter-row {
                gap: 6px; /* Уменьшенное расстояние между элементами 6px */
            }
            
            .filter-btn {
                padding: 5px 10px; /* Уменьшенные отступы 5px сверху/снизу, 10px слева/справа */
                font-size: 13px; /* Уменьшенный размер шрифта 13px */
            }
            
            .property-gallery {
                height: 180px; /* Уменьшенная высота 180px */
            }
            
            .property-title {
                font-size: 1.1rem; /* Уменьшенный размер шрифта 1.1rem (~17.6px) */
            }
            
            .meta-value, .completion-date {
                font-size: 14px; /* Уменьшенный размер шрифта 14px */
            }
            
            .leon-popup-content {
                padding: 15px; /* Уменьшенные отступы 15px */
            }
            
            .leon-popup-close {
                top: 8px; /* Уменьшенный отступ сверху 8px */
                right: 8px; /* Уменьшенный отступ справа 8px */
            }
            
            .leon-popup-close svg {
                width: 20px; /* Уменьшенная ширина 20px */
                height: 20px; /* Уменьшенная высота 20px */
            }
            
            /* Уменьшение отступов в полях ввода */
            .leon-form-wrapper .wpcf7-form input[type="text"],
            .leon-form-wrapper .wpcf7-form input[type="tel"],
            .leon-form-wrapper .wpcf7-form input[type="email"],
            .leon-form-wrapper .wpcf7-form textarea {
                padding: 8px 10px !important; /* Уменьшенные отступы 8px сверху/снизу, 10px слева/справа с !important */
            }
            
            /* Уменьшение кнопки отправки */
            .leon-form-wrapper .wpcf7-form .wpcf7-submit {
                padding: 10px !important; /* Уменьшенные отступы 10px с !important */
            }
            
            /* Уменьшение иконки согласия */
            .leon-consent-icon {
                width: 16px; /* Уменьшенная ширина 16px */
                height: 16px; /* Уменьшенная высота 16px */
                font-size: 10px; /* Уменьшенный размер шрифта 10px */
            }
        }