/*
 * Общая двухколоночная раскладка раздела «О компании».
 * Сам внешний вид кнопок задаётся глобальным assets/css/side-menu.css.
 */

.ajva-about-section__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 214px;
  gap: 72px;
  align-items: start;
}

.ajva-about-section__content {
  min-width: 0;
}

.ajva-about-section__side-nav {
  min-width: 0;
}

@media (max-width: 1024px) {
  .ajva-about-section__layout {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }

  .ajva-about-section__content {
    width: 100%;
  }
}

/* На мобильном меню выводится перед содержимым, как на других страницах. */
@media (max-width: 640px) {
  .ajva-about-section__layout {
    width: 100%;
  }
}