/* ==========================================================================
   БЛОК 12: ПРЕМИУМ-ПОДВАЛ (PORSCHE HORIZONTAL DESIGN)
   ========================================================================== */
.main-footer {
    background: var(--bg-card);
    border-top: 1px solid var(--border-color);
    padding: 60px 20px 30px 20px;
    width: 100% !important;
}

/* Главный контейнер: раскидывает 3 логические зоны по горизонтали */
.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center; /* Все строго по одной центральной горизонтальной линии */
    padding-bottom: 40px;
    border-bottom: 1px solid var(--border-color);
}

/* --- ЛЕВАЯ СТОРОНА: БРЕНДИНГ --- */
.footer-left {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.footer-logo {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: 'Syncopate', sans-serif;
    text-transform: uppercase;
}
.footer-logo span {
    color: var(--accent);
}
.footer-tagline {
    font-size: 11px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* --- ЦЕНТРАЛЬНАЯ СТОРОНА: ИКОНКИ РЯДОМ --- */
.footer-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.footer-social-label {
    font-size: 11px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* Флекс-строка выстраивает значки РЯДОМ друг с другом */
.footer-socials-row {
    display: flex;
    align-items: center;
    gap: 15px; /* Зазор между кнопками */
}
.footer-social-icon {
    width: 38px;
    height: 38px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-tap-highlight-color: transparent;
}
.footer-social-icon svg {
    width: 16px;
    height: 16px;
    fill: var(--text-muted);
    transition: fill 0.3s ease;
}
/* Ховер-эффект кнопок в подвале */
.footer-social-icon:hover {
    background: rgba(197, 168, 128, 0.06);
    border-color: rgba(197, 168, 128, 0.3);
    transform: translateY(-2px);
}
.footer-social-icon:hover svg {
    fill: var(--accent); /* Значки плавно загораются золотом */
}

/* --- ПРАВАЯ СТОРОНА: СЕТКА НАВИГАЦИИ ПО ВСЕМ БЛОКАМ --- */
.footer-right {
    max-width: 450px;
}
.footer-nav {
    display: flex;
    flex-wrap: wrap; /* Разрешаем ссылкам переносить строку, если не влезают */
    justify-content: flex-end;
    gap: 15px 25px; /* Отступы: 15px по вертикали, 25px по горизонтали */
}
.footer-nav a {
    color: var(--text-muted);
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    transition: color 0.3s ease;
}
.footer-nav a:hover {
    color: var(--accent);
}

/* --- СТРОКА КОПИРАЙТА --- */
.footer-bottom-bar {
    max-width: 1200px;
    margin: 25px auto 0 auto;
    text-align: center;
}
.footer-bottom-bar p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.2);
    font-weight: 300;
}

/* ==========================================================================
   АДАПТИВНОСТЬ ПОДВАЛА (ПЛАНШЕТЫ И МОБИЛКИ)
   ========================================================================== */
@media (max-width: 1024px) {
    /* На планшетах меню центрируем */
    .footer-container {
        flex-direction: column !important;
        gap: 40px;
        text-align: center;
    }
    .footer-nav {
        justify-content: center !important;
    }
}

@media (max-width: 768px) {
    .main-footer {
        padding: 50px 15px 30px 15px !important;
    }
    .footer-container {
        gap: 35px !important;
    }
    /* Ссылки на телефоне выстраиваем в аккуратные, крупные строчки для удобства тапа */
    .footer-nav {
        gap: 12px 20px !important;
        max-width: 100%;
    }
    .footer-nav a {
        font-size: 12px !important;
    }
}