/* ===== Левое меню товаров (desktop + mobile) ===== */

dl.side-menu {
    margin-bottom: 20px;
}

/* Заголовок блока "Potenzmittel" */
dl.side-menu dt.main-opt {
    background: #e9f4ff;
    padding: 10px 15px;
    font-weight: 600;
}

dl.side-menu dt.main-opt a {
    display: block;
    color: #02417f;
}

/* Контент меню */
dl.side-menu dd.opt.menu {
    padding: 10px 15px 15px;
}

/* Обёртка для групп */
.side-menu__nav {
    margin: 0;
    padding: 0;
}

/* Одна группа товаров */
.side-menu__group {
    padding: 10px 0;
    border-bottom: 1px dotted #e6e6e6;
}

.side-menu__group:last-child {
    border-bottom: none;
}

.side-menu__group-title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #02417f;
    margin-bottom: 6px;
}

/* Список ссылок внутри группы */
.side-menu__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Перебиваем старый padding из .opt.menu ul li */
dl.side-menu dd.opt.menu ul.side-menu__list li {
    padding: 3px 0;
}

/* Блок с информационными страницами */
.side-menu__group--info {
    margin-top: 5px;
}

.side-menu__group--info .side-menu__group-title {
    text-transform: none;
}

/* ===== Desktop ===== */
@media (min-width: 841px) {

    dl.side-menu {
        text-align: left;
    }

    dl.side-menu dd.opt.menu ul.side-menu__list li a {
        font-size: 13px;
    }
}

/* ===== Mobile (бургер-меню) ===== */
@media (max-width: 840px) {

    dl.side-menu {
        text-align: left;
    }

    dl.side-menu dt.main-opt {
        font-size: 18px;
        padding: 12px 15px;
    }

    dl.side-menu dd.opt.menu {
        padding: 0 0 15px 0;
    }

    .side-menu__group {
        padding: 0;
        border-bottom: none;
    }

    .side-menu__group-title {
        padding: 10px 15px 6px 15px;
        margin: 0;
        background: #f8f8f8;
        border-top: 1px solid #e6e6e6;
    }

    .side-menu__group:first-child .side-menu__group-title {
        border-top: none;
    }

    dl.side-menu dd.opt.menu ul.side-menu__list li {
        padding: 10px 15px;
        border-top: 1px solid #e6e6e6;
    }

    dl.side-menu dd.opt.menu ul.side-menu__list li a {
        display: block;
        font-size: 16px;
    }
}
