/* Общие стили */

        body {

            font-family: 'Montserrat', sans-serif;

            background: #f4f8ff;

            margin: 0;

            padding: 0;

        }



        .logi-content {

            max-width: 1200px;

            margin: 50px auto;

            padding: 20px;

            background: white;

            border-radius: 15px;

            box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);

        }



        h1 {

            text-align: center;

            font-size: 2.5rem;

            color: #003366;

            margin-bottom: 20px;

        }



        .logi-section {

            display: flex;

            align-items: center;

            justify-content: space-between;

            padding: 20px;

            background: #e9f3ff;

            border-radius: 12px;

            box-shadow: inset 0 0 8px rgba(0, 123, 255, 0.15);

        }



        .logi-text {

            flex: 1;

            padding-right: 20px;

            font-size: 1.1rem;

            color: #333;

            line-height: 1.8;

        }



        .image-column {

            display: flex;

            flex-direction: column;

            gap: 15px;

        }



        .image-column img {

            width: 250px;

            border-radius: 12px;

            box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);

            transition: transform 0.3s ease, box-shadow 0.3s ease;

            cursor: pointer;

        }



        .image-column img:hover {

            transform: scale(1.07);

            box-shadow: 0 6px 15px rgba(0, 123, 255, 0.3);

        }



        /* Модальное окно */

        .modal {

            display: none;

            position: fixed;

            z-index: 1000;

            left: 0;

            top: 0;

            width: 100%;

            height: 100%;

            background: rgba(0, 0, 0, 0.8);

            justify-content: center;

            align-items: center;

        }



        .modal img {

            width: 600px;

            height: auto;

            border-radius: 15px;

        }



        .close-btn {

            position: absolute;

            top: 20px;

            right: 30px;

            color: white;

            font-size: 2rem;

            cursor: pointer;

            transition: color 0.3s ease;

        }



        .close-btn:hover {

            color: #007BFF;

        }



        /* Мобильная адаптация */

        @media only screen and (max-width: 768px) {

            .logi-content {

                max-width: 100%;

                margin: 20px auto;

                padding: 15px;

                border-radius: 8px;

            }



            h1 {

                font-size: 2rem;

                padding: 0 10px;

            }



            .logi-section {

                flex-direction: column;

                padding: 15px;

            }



            .logi-text {

                width: 100%;

                padding: 0;

                margin-bottom: 20px;

                font-size: 1rem;

            }



            .image-column {

                width: 100%;

                display: grid;

                grid-template-columns: repeat(2, 1fr);

                gap: 10px;

            }



            .image-column img {

                width: 100%;

                max-width: none;

                border-radius: 8px;

            }



            .modal img {

                width: 90%;

                max-width: 300px;

            }

        }



        @media only screen and (max-width: 480px) {

            .image-column {

                gap: 8px;

            }



            .logi-text {

                font-size: 0.95rem;

            }



            .modal img {

                max-width: 250px;

            }

        }
         /* Стили для кнопки "Atpakaļ" */
        .back-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 12px 24px;
            background: linear-gradient(135deg, #003366 0%, #007BFF 100%);
            color: white;
            text-decoration: none;
            border-radius: 50px;
            font-weight: 700;
            font-size: 1rem;
            box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            border: none;
            cursor: pointer;
            margin: 10px;
        }
        
        .back-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
            background: linear-gradient(135deg, #007BFF 0%, #003366 100%);
        }
        
        .back-btn:active {
            transform: translateY(1px);
            box-shadow: 0 2px 10px rgba(0, 123, 255, 0.3);
        }
        
        .back-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
            transition: left 0.5s;
        }
        
        .back-btn:hover::before {
            left: 100%;
        }
        
        .back-icon {
            margin-right: 8px;
            font-size: 1.2rem;
        }
        
        /* Мобильная адаптация */
        @media only screen and (max-width: 768px) {
            .back-btn {
                padding: 10px 20px;
                font-size: 0.9rem;
            }
            
            .back-icon {
                font-size: 1rem;
            }
        }




/* ===== MAIGA FOOTER (в твоём стиле) ===== */

.maiga-footer {
    background: var(--primary);
    color: rgba(255, 255, 255, 0.75);
    padding: 70px 0 25px;
    font-size: 15px;
}

.maiga-footer .maiga-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Grid */
.maiga-footer-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
}

/* Заголовки */
.maiga-footer-col h3 {
    color: #ffffff;
    font-size: 1.3rem;
    margin-bottom: 20px;
    position: relative;
    font-family: 'Montserrat', sans-serif;
}

.maiga-footer-col h3::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: var(--secondary);
    margin-top: 8px;
    border-radius: 2px;
}

/* Текст */
.maiga-footer-col p {
    font-size: 0.95rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.7);
}

/* Ссылки */
.maiga-footer-links {
    list-style: none;
    padding: 0;
}

.maiga-footer-links li {
    margin-bottom: 12px;
}

.maiga-footer-links a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: var(--transition);
    font-size: 0.95rem;
    display: inline-block;
}

.maiga-footer-links a:hover {
    color: white;
    transform: translateX(6px);
}

/* Контакты */
.maiga-footer-contact p {
    margin-bottom: 14px;
    display: flex;
    align-items: flex-start;
    font-size: 0.95rem;
}

.maiga-footer-contact i {
    margin-right: 10px;
    color: var(--secondary);
    min-width: 18px;
}

/* Нижняя часть */
.maiga-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 50px;
    padding-top: 20px;
    text-align: center;
}

.maiga-footer-bottom p {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
}

/* ===== HOVER АНИМАЦИЯ КОЛОНОК (добавил немного "вау") ===== */
.maiga-footer-col {
    transition: var(--transition);
}

.maiga-footer-col:hover {
    transform: translateY(-5px);
}

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

@media (max-width: 1024px) {
    .maiga-footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
}

@media (max-width: 768px) {
    .maiga-footer {
        padding: 50px 0 20px;
        text-align: center;
    }

    .maiga-footer-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .maiga-footer-contact p {
        justify-content: center;
    }

    .maiga-footer-contact i {
        margin-right: 8px;
    }

    .maiga-footer-col h3::after {
        margin-left: auto;
        margin-right: auto;
    }
}

/* ===== FIX FOOTER ===== */

:root {
    --primary: #003366;
    --secondary: #00a8ff;
    --transition: all 0.3s ease;
}

.maiga-footer {
    background: #003366 !important;
}

.maiga-footer h3 {
    color: #ffffff !important;
}

.maiga-footer a {
    color: rgba(255,255,255,0.7);
}

.maiga-footer a:hover {
    color: #ffffff;
}