/* ============================================
   PRELOADER WITH SVG LOGO ANIMATION
   ============================================ */

/* Контейнер прелоадера */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: opacity 1s ease, visibility 1s ease;
}

/* Скрытие прелоадера */
.preloader.hidden {
    opacity: 0;
    visibility: hidden;
}

/* Контейнер для SVG логотипа */
.preloader-logo-svg {
    width: 400px;
    height: auto;
    opacity: 0;
    animation: fadeLogo 2s forwards;
}

/* SVG элементы внутри логотипа */
.preloader-logo-svg .logo-text {
    opacity: 0;
    animation: fadeText 1.5s 0.3s forwards;
}

.preloader-logo-svg .logo-lines path {
    opacity: 0;
    animation: drawLines 1.5s 0.5s forwards;
}

/* Анимированная линия загрузки */
.line-loader {
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #856639 0%, #C6A87C 50%, #856639 100%);
    margin-top: 40px;
    animation: loadLine 2s forwards ease-in-out;
    box-shadow: 0 0 10px rgba(133, 102, 57, 0.5);
}

/* ============================================
   ANIMATIONS
   ============================================ */

/* Появление логотипа (плавное поднятие) */
@keyframes fadeLogo {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Появление текста */
@keyframes fadeText {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Прорисовка линий */
@keyframes drawLines {
    0% {
        opacity: 0;
        transform: scaleY(0);
    }
    100% {
        opacity: 1;
        transform: scaleY(1);
    }
}

/* Расширение линии загрузки */
@keyframes loadLine {
    0% {
        width: 0;
    }
    100% {
        width: 300px;
    }
}

/* ============================================
   АДАПТИВ
   ============================================ */

@media (max-width: 639px) {
    .preloader-logo-svg {
        width: 280px;
    }
    
    @keyframes loadLine {
        100% {
            width: 200px;
        }
    }
}

@media (max-width: 479px) {
    .preloader-logo-svg {
        width: 240px;
    }
    
    @keyframes loadLine {
        100% {
            width: 150px;
        }
    }
}