.preloader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /* Затемнение фона: черный с прозрачностью 0.7 (можно регулировать) */
            background-color: rgba(0, 0, 0, 0.75);
            /* Центрирование содержимого */
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            /* Плавное исчезновение */
            transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1);
            /* Чтобы скрытый прелоадер не перехватывал клики */
            pointer-events: auto;
        }

        /* Класс для скрытия прелоадера (после 3 секунд) */
        .preloader.hide {
            opacity: 0;
            pointer-events: none;
        }

        /* Контейнер для картинки + пульсации */
        .pulse-container {
            display: flex;
            justify-content: center;
            align-items: center;
            /* Анимация пульсации */
            animation: pulse 1.2s ease-in-out infinite;
            /* Небольшой дополнительный эффект тени для объема (опционально) */
            filter: drop-shadow(0 0 8px rgba(255,255,255,0.3));
        }
      .pulse-image {
            width: 120px;
            height: 120px;
            object-fit: contain;
            /* Чтобы картинка была четкой */
            display: block;
            border-radius: 0; /* без фона */
        }

        /* Ключевая анимация пульсации: изменение масштаба от 1 до 1.2 и обратно */
        @keyframes pulse {
            0% {
                transform: scale(0.95);
                opacity: 0.9;
            }
            50% {
                transform: scale(1.2);
                opacity: 1;
            }
            100% {
                transform: scale(0.95);
                opacity: 0.9;
            }
        }

        /* Дополнительно можно добавить текст под картинкой, но по ТЗ только картинка по центру с пульсацией.
           Но для красоты сделаем минималистично. Если нужно только картинка, убираем текст. Оставим только картинку. */

        /* Адаптивность: на маленьких экранах чуть уменьшаем размер картинки */
        @media (max-width: 768px) {
            .pulse-image {
                width: 90px;
                height: 90px;
            }
        }

        /* Стили для плавного появления основного контента после прелоадера */
        .no-scroll {
            overflow: hidden;
        }