.sidebar {
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
.bz-icon {
    margin: auto;
    text-align: center;
}
.sidebar__nav--items .hidden {
    display: none;
}
.hide-deals--3 {
  display: none;
}
@media (min-width: 992px) {
    .sidebar__logo {
        padding-left: 20px;
        padding-right: 20px;
    }
    .sidebar__logo a {
        color: inherit;
        text-decoration: none;
    }
    .sidebar__logo--text {
        display: block;
        margin-top: 1rem;

        font-size: 13px;
        line-height: 1rem;
        letter-spacing: 0.14em;
        text-transform: uppercase;
    }
    .sidebar__menu {
        margin-top: 3rem;
    }
}


.sidebar__nav {}
.sidebar__nav--items {
    margin: 0;
    padding: 0;
    list-style-type: none;

    display: flex;
    flex-direction: column;
    gap: 5px;
}
.sidebar__nav--link {
    display: flex;
    align-items: center;
    padding: 0.825rem;
    gap: 0.825rem;

    background-color: rgba(255, 255, 255, 0.05);
    color: inherit;
    border-radius: 8px;
    text-decoration: none;
    white-space: nowrap;
}
.sidebar__nav--link:not(.active):hover {
    color: inherit;
    background-color: rgba(255, 255, 255, 0.1);
}
.sidebar__nav--link.active {
    color: inherit !important;
    background: var(--bz-secondary);
}

@media (max-width: 991px) {
    body.menu-open {
        overflow: hidden;
    }
    .sidebar__logo {
        position: relative;
        z-index: 2000;
    }
    .sidebar__hamburger {
        margin-top: 1.5rem;
        padding: 0 10px;
    }
    .sidebar__hamburger .sidebar__toggle {
        display: block;
        aspect-ratio: 1;
        background-color: #fff;
        border-radius: 50%;

        position: relative;
    }
    .sidebar__hamburger .sidebar__toggle i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

        color: var(--bz-primary);
        font-size: 1.25rem;
        line-height: 1;
    }
    .sidebar__menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 100%;
        bottom: 0;
        overflow: hidden;
        background-color: var(--bz-primary);
        z-index: 1024;
        transition: right 0.35s ease-in-out;
    }
    .sidebar__menu .sidebar__toggle {
        position: absolute;
        right: 1.5rem;
        top: -1.5rem;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.07em;

        display: flex;
        align-items: center;
        gap: 0.67rem;
        transition: top 0.35s ease-in-out;
        transition-delay: 0.35s;
    }
    .sidebar__menu .sidebar__toggle span {
        opacity: 0.8;
    }
    .sidebar__nav {
        padding: 7rem 1.5rem 0;
    }
    body.menu-open .sidebar__menu {
        right: 0;
    }
    body.menu-open .sidebar__menu .sidebar__toggle {
        top: 2.75rem;
}