.body-left--margin-right {
    width: 60%;
}

.buying-menu-body {
    padding-top: calc(var(--nav-height) + 40px);
    padding-left: 30px;
    padding-right: 30px;
}

.products-container {
    top: var(--nav-height);
    right: -40%;
    height: calc(100% - var(--nav-height));
    width: 40%;
    border-left: 2px solid var(--c1);
    transition: .6s ease;
}

.products-container--show {
    right: 0;
 }

.products-container-header {
    min-height: 45px;
    width: 40%;
    background-color: var(--c5);
    box-shadow: 0 7px 14px 0px rgba(0, 0, 0, .6);
}

.products-container-body {
    padding-top: 61px;
}

.product {
    width: 100%;
}

@media (min-width: 560px) {
    .category-card {
        max-width: 220px;
    }
}

@media (min-width: 600px) {
    .buying-menu-body {
        padding-left: 0;
        padding-right: 0;
    }

    .category-card {
        width: 44%;
        max-width: 320px;
    }
}

@media (min-width: 720px) and (max-width: 840px) {
    .category-card--width {
        width: 100%;
        max-width: 447px;
    }
}