/* ============================================================
   Раскладка «О бренде» (собирается из нескольких меню через dk_group_list).
   Базовые dk-классы — из catalog_mega/style.css. Здесь: узкая панель, 2 колонки,
   скрытие групп с пустым меню (напр. «О нас», если top_buyer пуст).
   ============================================================ */

/* Выравниваем «О бренде» так же, как «Каталог»: контейнер по центру (max-width 1440,
   margin auto), те же паддинги (наследуются от .dk-mega-inner). Иначе группы уезжали
   к самому левому краю экрана и залезали под лого. */
.dk-mega-inner.dk-mega-inner_about{
    max-width: 1440px;
    margin: 0 auto;
}

/* Явные колонки (flex), а не авто-баланс column-count — чтобы группы не «переползали»
   в соседнюю колонку. Колонка 1 = Связаться + О нас, колонка 2 = Клиентам (задаётся в
   header.php через $dkAboutColumns). Узкая панель в левой части контентной области —
   на той же вертикали, что и колонки «Каталога». */
.dk-mega-groups.dk-mega-groups_about{
    display: flex;
    gap: 56px;
    max-width: 680px;
}

/* Колонка: контекст для вертикального разделителя. */
.dk-about-col{
    position: relative;
    flex: 1 1 0;
    min-width: 0;
}

/* Тонкая вертикальная полоса-разделитель между колонками (как в прототипе). */
.dk-about-col + .dk-about-col::before{
    content: "";
    position: absolute;
    left: -28px; top: 0; bottom: 0;
    width: 1px;
    background: #f0f0f0;
}

/* Группы внутри колонки — друг под другом с воздухом. */
.dk-about-col .dk-about-group{ margin-bottom: 32px; }
.dk-about-col .dk-about-group:last-child{ margin-bottom: 0; }

/* Если у группы не отрисовался список (меню пустое) — прячем всю группу,
   чтобы не висел одинокий заголовок. */
.dk-about-group:not(:has(.dk-group-list)){
    display: none;
}
/* Если вся колонка осталась без групп — прячем её (и её разделитель не рисуется). */
.dk-about-col:not(:has(.dk-group-list)){
    display: none;
}