/* Стили для отображения логотипа при скроллинге */

/* Скрываем логотип при загрузке страницы */
.header:not(.scrolled) .logo {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Показываем логотип при скроллинге (когда добавляется класс scrolled) */
.header.scrolled .logo {
    opacity: 1;
    visibility: visible;
}