/* ========================================
   УНИФИЦИРОВАННЫЕ СТИЛИ FOOTER
   Этот файл обеспечивает идентичное отображение footer на всех страницах
   ======================================== */

/* ИСПРАВЛЕНИЕ: Устранение белых полос под футером */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100vh !important;
  background-color: #f8f9fa !important;
}

body {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
}

main {
  flex: 1 !important;
}

/* Убираем возможные белые полосы после футера */
.footer::after,
body::after,
html::after {
  display: none !important;
}

/* Основные стили footer с максимальной специфичностью */
.footer {
  background-color: #263238 !important;
  background: #263238 !important;
  color: #ffffff !important;
  min-height: 200px !important; /* УМЕНЬШЕНО: с 250px до 200px */
  max-height: none !important;
  padding: 25px 0 12px !important; /* УМЕНЬШЕНО: с 30px 0 15px до 25px 0 12px */
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  
  /* CMS READY: переменные для настройки */
  --footer-bg: #263238;
  --footer-text-primary: #ffffff;
  --footer-text-secondary: #95A6BA;
  --footer-link-hover: #ffffff;
}

/* Контейнер footer - ОБНОВЛЕНО для grid-12 системы */
.footer .container {
  /* ИНТЕГРАЦИЯ с новой grid-12 системой */
  width: 100% !important;
  padding-left: var(--container-pad) !important;
  padding-right: var(--container-pad) !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  opacity: 1 !important;
  visibility: visible !important;
  
  /* Старые значения как fallback */
  max-width: 1200px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  
  /* ИСПРАВЛЕНИЕ: убираем промежутки */
  gap: 0 !important;
}

/* ========================================
   GRID-12 СИСТЕМА ДЛЯ FOOTER
   ======================================== */

/* Grid-обертки для footer элементов - ИСПРАВЛЕНО: сброс наследования padding */
.footer .footer-content-wrapper {
  display: block !important; /* Простой блок-контейнер */
  padding: 0 !important; /* Сброс наследования padding */
  margin: 0 !important; /* Сброс наследования margin */
  box-sizing: border-box !important;
  background-color: #263238 !important; /* ИСПРАВЛЕНИЕ: гарантируем цвет фона */
}

.footer .footer-bottom-wrapper {
  display: block !important; /* Простой блок-контейнер */
  padding: 0 !important; /* Сброс наследования padding */
  margin: 0 !important; /* Сброс наследования margin */
  box-sizing: border-box !important;
  background-color: #263238 !important; /* ИСПРАВЛЕНИЕ: гарантируем цвет фона */
}

/* ИСПРАВЛЕНИЕ: убираем промежуток между wrapper элементами */
.footer .footer-content-wrapper + .footer-bottom-wrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ИСПРАВЛЕНИЕ: убираем промежутки для span-12 элементов */
.footer .span-12 {
  margin: 0 !important;
  padding: 0 !important;
}

/* ИСПРАВЛЕНИЕ: убираем промежутки для grid-12 */
.footer .grid-12 {
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

/* Основная сетка footer - СОХРАНЯЕМ существующую систему */
.footer .footer-content {
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr !important;
  gap: 1.875rem !important;
  margin-bottom: 0 !important; /* ИСПРАВЛЕНИЕ: убираем промежуток */
  align-items: flex-start !important;
  flex: 1 !important;
  /* ИСПРАВЛЕНО: защита от наследования padding */
  padding: 0 !important; /* Сброс наследования padding */
  margin-left: 0 !important; /* Сброс наследования margin */
  margin-right: 0 !important; /* Сброс наследования margin */
  box-sizing: border-box !important;
  background-color: #263238 !important; /* ИСПРАВЛЕНИЕ: гарантируем цвет фона */
}

/* Блок бренда (логотип + описание) - ИСПРАВЛЕНО: убран отступ слева */
.footer .footer-brand {
  display: flex !important;
  flex-direction: column !important;
  gap: 15px !important;
  margin-left: 0 !important; /* Прижимаем к левому краю */
  padding-left: 0 !important; /* Убираем внутренний отступ */
}

/* Заголовок бренда (логотип + текст) - ИСПРАВЛЕНО: уменьшен gap для прижатия */
.footer .footer-brand-header {
  display: flex !important;
  gap: 12px !important; /* Уменьшено с 15px до 12px */
  align-items: flex-start !important;
  margin-left: 0 !important; /* Дополнительное прижатие */
  padding-left: 0 !important;
}

/* Логотип - ИСПРАВЛЕНО: полное прижатие к левому краю */
.footer .footer-logo {
  width: auto !important;
  height: auto !important;
  background: transparent !important; /* убираем белый куб */
  border-radius: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important; /* Прижимаем к левому краю вместо center */
  flex-shrink: 0 !important;
  padding: 0 !important;
  margin-top: -25px !important; /* Убираем любые отступы */
  box-sizing: border-box !important;
}

/* SVG логотип */
.footer .footer-logo-svg {
  width: 35px !important;
  height: 35px !important;
  display: block !important;
}

/* Старый логотип (для совместимости) */
.footer .footer-logo-img {
  width: 90px !important;   /* ширина логотипа ~70px */
  height: auto !important;
  object-fit: contain !important;
}

/* Текст бренда */
.footer .footer-brand-text {
  flex: 1 !important;
  margin-left: 0 !important;
}

.footer .footer-brand-title {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: clamp(0.8rem, 0.85vw, 0.875rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.footer .footer-brand-subtitle {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: clamp(0.8rem, 0.85vw, 0.875rem) !important;
  font-weight: 400 !important;
  color: #95A6BA !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.footer .footer-brand-description {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: clamp(0.8rem, 0.85vw, 0.875rem) !important;
  font-weight: 400 !important;
  color: #95A6BA !important;
  margin: 0 !important;
  line-height: 1.5 !important;
  max-width: 380px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  margin-top: 1rem !important;
}

/* Колонки footer */
.footer .footer-column {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* Сдвигаем столбец "Разделы" правее для компенсации убранного столбца "Платформа" */
.footer .footer-column:first-of-type {
  margin-left: 2rem !important;
}

/* На мобильных устройствах убираем сдвиг */
@media (max-width: 900px) {
  .footer .footer-column:first-of-type {
    margin-left: 0 !important;
  }
}

.footer .footer-column-title {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: clamp(0.8rem, 0.85vw, 0.875rem) !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin: 0 0 15px 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  padding-left: 0 !important;
  text-align: left !important;
}

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

.footer .footer-links li {
  margin-bottom: 2px !important;
}

.footer .footer-links li:last-child {
  margin-bottom: 0 !important;
}

.footer .footer-link {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: clamp(0.8rem, 0.85vw, 0.875rem) !important;
  font-weight: 400 !important;
  color: #95A6BA !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  display: inline-block !important;
  text-align: left !important;
  padding-left: 0 !important;
}

.footer .footer-link:hover,
.footer .footer-link:focus {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Контакты - ИСПРАВЛЕНИЕ: расширяем блок и убираем перенос */
.footer .footer-contacts {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  align-items: flex-start !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  min-width: 200px !important; /* ИСПРАВЛЕНИЕ: минимальная ширина */
}

.footer .footer-contact-item {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: clamp(0.8rem, 0.85vw, 0.875rem) !important;
  font-weight: 400 !important;
  color: #95A6BA !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  white-space: normal !important; /* ИСПРАВЛЕНИЕ: запрещаем перенос */
  text-transform: none !important;
  letter-spacing: normal !important;
  text-align: left !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  overflow: visible !important; /* ИСПРАВЛЕНИЕ: разрешаем переполнение для переноса */
  text-overflow: initial !important; /* ИСПРАВЛЕНИЕ: убираем многоточие */
}

.footer .footer-contact-link {
  color: #95A6BA !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  white-space: nowrap !important; /* ИСПРАВЛЕНИЕ: запрещаем перенос */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.footer .footer-contact-link:hover,
.footer .footer-contact-link:focus {
  color: #ffffff !important;
  text-decoration: none !important;
}



/* Нижняя часть footer - ИСПРАВЛЕНИЕ: убираем белый блок */
.footer .footer-bottom {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-top: 20px !important; /* УМЕНЬШЕНО: с 10px до 8px */
  flex-wrap: wrap !important;
  gap: 8px !important; /* УМЕНЬШЕНО: с 10px до 8px */
  margin-top: 0 !important; /* ИСПРАВЛЕНИЕ: убираем промежуток */
  min-height: 0 !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 10 !important;
  background-color: #263238 !important; /* ИСПРАВЛЕНИЕ: гарантируем цвет фона */
}

.footer .footer-copyright {
  flex: 1 !important;
  min-width: 0 !important;
  max-width: 60% !important;
}

.footer .footer-copyright p {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: clamp(0.8rem, 0.85vw, 0.875rem) !important;
  font-weight: 400 !important;
  color: #95A6BA !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  white-space: nowrap !important; /* в одну строку */
  text-align: left !important;
}

.footer .footer-copyright-details {
  font-size: 11px !important;
  color: #7A8B9A !important;
  margin-top: 4px !important;
  opacity: 0.8 !important;
}

.footer .footer-legal {
  display: flex !important;
  gap: 18px !important;
  flex-shrink: 0 !important;
  flex-wrap: nowrap !important; /* в одну строку */
  align-items: center !important;
}

.footer .footer-legal-link {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: clamp(0.8rem, 0.85vw, 0.875rem) !important;
  font-weight: 400 !important;
  color: #95A6BA !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  white-space: nowrap !important;
}

.footer .footer-legal-link:hover,
.footer .footer-legal-link:focus {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Дополнительные стили для обеспечения видимости всех элементов footer */
.footer *,
.footer *::before,
.footer *::after {
  box-sizing: border-box !important;
}

.footer p, 
.footer span, 
.footer div {
  color: #95A6BA !important;
}

.footer h1, 
.footer h2, 
.footer h3, 
.footer h4, 
.footer h5, 
.footer h6 {
  color: #ffffff !important;
}

.footer a {
  color: #95A6BA !important;
}

.footer a:hover,
.footer a:focus {
  color: #ffffff !important;
}

/* ========================================
   АДАПТИВНОСТЬ FOOTER
   ======================================== */

/* Планшеты и небольшие десктопы */
@media (min-width: 1280px) and (max-width: 1439px) {
  .footer .footer-copyright p {font-size: clamp(0.7rem, 0.7vw, 0.8rem) !important;}
  .footer .footer-legal-link {font-size: clamp(0.7rem, 0.7vw, 0.8rem) !important;}

}

@media (min-width: 1024px) and (max-width: 1279px) {
  .footer .footer-copyright p {font-size: clamp(0.7rem, 0.75vw, 0.8rem) !important}
  .footer .footer-legal-link {font-size: clamp(0.7rem, 0.75vw, 0.8rem) !important}
  .footer .footer-bottom {flex-direction: row !important;}
  .footer .footer-content {grid-template-columns: 2fr 1fr 1fr !important; gap: 40px !important;}
  .footer .footer-brand-header {flex-direction: row !important;}

}

/* Диапазон 901-1199px: ПРИНУДИТЕЛЬНО разрешаем перенос текста в контактах */
@media (min-width: 901px) and (max-width: 1199px) {
  /* ИЗМЕНЯЕМ GRID НА FLEX для возможности переноса текста */
  .footer .footer-contacts {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    min-width: auto !important;
    max-width: 100% !important;
    width: 100% !important;
    
  }
  .footer .footer-copyright p {white-space: normal !important;}
  
  /* МАКСИМАЛЬНАЯ СПЕЦИФИЧНОСТЬ для переопределения базовых стилей */
  .footer .footer-contacts .footer .footer-contact-item,
  .footer .footer-contacts .footer-contact-item,
  .footer .footer-column .footer-contacts .footer-contact-item,
  .footer .footer-contact-item {
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    overflow: visible !important;
    text-overflow: initial !important;
    max-width: 100% !important;
    width: 100% !important;
    /* ПРИНУДИТЕЛЬНО переопределяем базовые стили */
    overflow: visible !important;
    text-overflow: initial !important;
  }
  
  .footer .footer-contacts .footer .footer-contact-link,
  .footer .footer-contact-link {
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    overflow: visible !important;
    text-overflow: initial !important;
  }
  
  /* ПРИНУДИТЕЛЬНО переопределяем медиа-запрос @media (max-width: 1200px) */
  .footer .footer-contacts {
    min-width: auto !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  /* ДОПОЛНИТЕЛЬНО: переопределяем медиа-запрос @media (min-width: 768px) and (max-width: 900px) */
  .footer .footer-contacts,
  .footer .footer-column .footer-contacts {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    grid-template-columns: none !important;
    align-items: stretch !important;
    min-width: auto !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  /* ДОПОЛНИТЕЛЬНО: принудительно переопределяем все возможные конфликты */
  .footer .footer-column .footer-contacts .footer-contact-item:first-child {
    overflow: visible !important;
    text-overflow: initial !important;
    white-space: normal !important;
  }
}





@media (max-width: 1200px) {

  
  .footer .footer-brand-description {
    max-width: 100% !important;
  }
  
  /* ИСПРАВЛЕНИЕ: улучшенная адаптивность для копирайта */

  
  .footer .footer-copyright {
    max-width: 100% !important;
  }
  
  .footer .footer-legal {
    gap: 15px !important;
  }
  
  /* ИСПРАВЛЕНИЕ: контакты на планшетах */
  .footer .footer-contacts {
    min-width: 523px !important;
  }
}

/* Планшеты */
@media (min-width: 768px) and (max-width: 900px) {
  .footer {
    min-height: auto !important;

  }
  /* Новая раскладка: brand | sec | contacts */
  .footer .footer-content {
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-template-areas: 'brand sec''contacts contacts' !important;
    align-items: start !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
  }
  .footer .footer-brand { grid-area: brand !important; align-items: flex-start !important; text-align: left !important; }
  .footer .footer-column:nth-of-type(1) { grid-area: sec !important; justify-self: end !important; }
  .footer .footer-contacts { display: grid !important; grid-template-columns: minmax(0,1fr) auto auto !important; gap: 8px 16px !important; align-items: center !important; }
  .footer .footer-contact-item { white-space: normal !important; }
  .footer .footer-contact-item:first-child { overflow: visible !important; text-overflow: initial !important; }
  .footer .footer-bottom { flex-direction: row !important; justify-content: space-between !important; gap: 10px !important; align-items: center !important; }
  .footer .footer-legal { gap: 12px !important; flex-wrap: wrap !important; justify-content: flex-end !important; }
  .footer .footer-copyright p {white-space: normal !important;}
}

/* Исправление для диапазона 601-767px: применяем те же стили что и для 576-600px */
@media (min-width: 601px) and (max-width: 767px) {
  .footer { padding: 26px 0 14px !important; }
  .footer .container { 
    /* ИСПРАВЛЕНО: используем Grid-12 переменные для мобильных */
    padding-left: var(--container-pad) !important; 
    padding-right: var(--container-pad) !important; 
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Первый ряд: бренд слева, разделы справа; второй ряд: контакты на всю ширину */
  .footer .footer-content {
    grid-template-columns: 1.2fr 1fr !important;
    grid-template-areas: 'brand sec' 'contacts contacts' !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }
  .footer .footer-brand { grid-area: brand !important; align-items: flex-start !important; text-align: left !important; }
  .footer .footer-column { background: transparent !important; padding: 0 !important; text-align: left !important; }
  .footer .footer-column:nth-of-type(1) { grid-area: sec !important; justify-self: end !important; }
  .footer .footer-links { display: grid !important; gap: 6px !important; }
  .footer .footer-contacts { display: grid !important; grid-template-columns: minmax(0,65%) auto auto !important; gap: 6px 10px !important; align-items: center !important; }
  .footer .footer-contact-item { white-space: normal !important; }
  .footer .footer-contact-item:first-child { white-space: normal !important; overflow: visible !important; text-overflow: initial !important; }
  .footer .footer-bottom { gap: 6px !important; }
  .footer .footer-legal { flex-wrap: wrap !important; gap: 8px !important; justify-content: center !important; }
  .footer .footer-copyright p { white-space: normal !important; }
}

/* Мобильные устройства */
@media (max-width: 600px) {
  .footer { padding: 26px 0 14px !important; }
  .footer .container { 
    /* ИСПРАВЛЕНО: используем Grid-12 переменные для мобильных */
    padding-left: var(--container-pad) !important; 
    padding-right: var(--container-pad) !important; 
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Первый ряд: бренд слева, разделы справа; второй ряд: контакты на всю ширину */
  .footer .footer-content {
    grid-template-columns: 1.2fr 1fr !important;
    grid-template-areas: 'brand sec' 'contacts contacts' !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }
  .footer .footer-brand { grid-area: brand !important; align-items: flex-start !important; text-align: left !important; }
  .footer .footer-column { background: transparent !important; padding: 0 !important; text-align: left !important; }
  .footer .footer-column:nth-of-type(1) { grid-area: sec !important; justify-self: end !important; }
  .footer .footer-links { display: grid !important; gap: 6px !important; }
  .footer .footer-contacts { display: grid !important; gap: 6px 10px !important; align-items: center !important; }
  .footer .footer-contact-item { white-space: normal !important; }
  .footer .footer-contact-item:first-child { white-space: normal !important; overflow: visible !important; text-overflow: initial !important; }
  .footer .footer-bottom { gap: 6px !important; }
  .footer .footer-legal { flex-wrap: wrap !important; gap: 8px !important; justify-content: center !important; }
  .footer .footer-copyright p { white-space: normal !important; }
}

/* Очень маленькие экраны */
@media (min-width: 320px) and (max-width: 575px) {
  .footer .footer-brand-header { align-items: flex-start !important; }
  
  .footer .footer-logo {
    width: 50px !important;
    height: 50px !important;
  }
  
  .footer .footer-logo-svg {
    width: 30px !important;
    height: 30px !important;
  }
  
  .footer .footer-brand-title {
    font-size: clamp(0.7rem, 0.8vw, 0.8rem) !important;
  }
  
  .footer .footer-column-title {
    font-size: clamp(0.7rem, 0.8vw, 0.8rem) !important;
  }

  .footer .container {
    --container-pad: 30px;
    }
    .footer .footer-logo-img {
      position: absolute;
      top: 0;
      left: 0;
    }
    .footer .footer-contacts {
      grid-template-rows: minmax(0,65%) auto auto !important;
    }
    .footer .footer-contacts {
      min-width: 320px !important;
    }
    .footer .footer-bottom {
      display: grid !important;
    }
}
@media (max-width: 400px) {
  .footer .footer-brand-description {
    display: none;

  }
  .footer .footer-brand-subtitle {
    display: none;
  }
  .footer .footer-brand-title {
    display: none;
  }
  .footer .footer-logo-img {
    width: 120px !important;
  }
}

/* ========================================
   ЗАЩИТА ОТ КОНФЛИКТОВ CSS
   ======================================== */

/* Сброс возможных конфликтующих стилей */
.footer {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  min-height: 300px !important;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
}

/* Защита от глобальных стилей */
.footer,
.footer *,
.footer *::before,
.footer *::after {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Сброс возможных анимаций */
.footer * {
  animation: none !important;
  transition-delay: 0s !important;
}

/* Защита от Bootstrap и других фреймворков - ИСПРАВЛЕНО: интеграция с Grid-12 */
.footer .container {
  width: 100% !important;
  max-width: 1905px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  /* ИСПРАВЛЕНО: используем Grid-12 переменные вместо жестких значений */
  padding-left: var(--container-pad) !important;
  padding-right: var(--container-pad) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.footer .container::before,
.footer .container::after {
  display: none !important;
}

/* Защита от возможных конфликтов с grid - РАСШИРЕНА */
.footer .footer-content > * {
  min-width: 0 !important;
  min-height: 0 !important;
}

/* Глобальная защита Grid-12 элементов от наследования padding */
.footer .grid-12,
.footer .grid-12 > *,
.footer .span-12,
.footer .footer-content-wrapper,
.footer .footer-bottom-wrapper {
  padding: 0 !important; /* Сброс наследования padding */
  margin: 0 !important; /* Сброс наследования margin */
  box-sizing: border-box !important;
}

/* CMS готовность - переменные для кастомизации */
.footer {
  /* Цвета */
  --footer-bg-color: var(--footer-bg, #153D6A);
  --footer-text-color: var(--footer-text-primary, #ffffff);
  --footer-text-secondary-color: var(--footer-text-secondary, #95A6BA);
  --footer-link-hover-color: var(--footer-link-hover, #ffffff);
  
  /* Размеры */
  --footer-height: 300px;
  --footer-padding-top: 40px;
  --footer-padding-bottom: 20px;
  --footer-gap: 60px;
  --footer-logo-size: 50px;
  
  /* Типографика */
  --footer-title-size: 12px;
  --footer-subtitle-size: 12px;
  --footer-text-size: 12px;
  --footer-column-title-size: 12px;
}
/* ===========================
   СКРЫТИЕ НЕАКТИВНЫХ РАЗДЕЛОВ В FOOTER
   =========================== */
/* Скрываем "Направления" и "Нацпроекты" в футере - пока не готовы */
.footer .footer-links li:has(a[href="/directions.html"]),
.footer .footer-links li:has(a[href="/projects.html"]) {
  display: none !important;
}