/* === Выпадающее меню nav#top === */

/* тень и рамка контейнера (БЕЗ overflow - чтобы 3-й уровень не обрезался) */
#top .ul-level-2 {
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.30);
    border: 1px solid rgba(0, 0, 0, 0.12);
}

/* скругляем первый пункт сверху */
#top .ul-level-2 > li:first-child > a {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* скругляем последний пункт снизу */
#top .ul-level-2 > li:last-child > a {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* === 3-й уровень подменю (бренды, выезжает вправо) === */
#top .ul-level-2 li ul {
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.30);
    border: 1px solid rgba(0, 0, 0, 0.12);
}
/* скругляем первый пункт 3-го уровня сверху */
#top .ul-level-2 li ul > li:first-child > a {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
/* скругляем последний пункт 3-го уровня снизу */
#top .ul-level-2 li ul > li:last-child > a {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}