/* Статичный фон из снежинок */
.snowflake-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    background-image: url('/static/img/snowflake-pattern.svg');
    background-repeat: repeat;
    background-size: 300px 300px; /* Увеличен размер для более хаотичного паттерна */
    opacity: 1;
}

/* Дополнительный слой с поворотом для ещё большего хаоса */
.snowflake-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/static/img/snowflake-pattern.svg');
    background-repeat: repeat;
    background-size: 280px 280px;
    background-position: 140px 140px; /* Смещение на половину размера */
    opacity: 0.5;
    transform: rotate(45deg); /* Поворот для создания более хаотичного эффекта */
}

/* Адаптация для разных размеров экрана */
@media (max-width: 1200px) {
    .snowflake-background {
        background-size: 250px 250px;
        opacity: 0.9;
    }
    
    .snowflake-background::before {
        background-size: 230px 230px;
        background-position: 115px 115px;
        opacity: 0.4;
    }
}

@media (max-width: 768px) {
    .snowflake-background {
        background-size: 200px 200px;
        opacity: 0.8;
    }
    
    .snowflake-background::before {
        background-size: 180px 180px;
        background-position: 90px 90px;
        opacity: 0.3;
    }
}

@media (max-width: 480px) {
    .snowflake-background {
        background-size: 150px 150px;
        opacity: 0.7;
    }
    
    .snowflake-background::before {
        background-size: 130px 130px;
        background-position: 65px 65px;
        opacity: 0.25;
    }
}

/* Для тёмной темы немного усиливаем видимость */
@media (prefers-color-scheme: dark) {
    .snowflake-background {
        opacity: 1;
    }
    
    .snowflake-background::before {
        opacity: 0.6;
    }
}

/* Отключение для пользователей с чувствительностью к анимации */
@media (prefers-reduced-motion: reduce) {
    .snowflake-background,
    .snowflake-background::before {
        opacity: 0.6;
    }
}