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

.buying-menu-body {
    padding-block-start: calc(var(--nav-height) + 40px);
    padding-inline: 30px;
}

.products-container {
    inset-block-start: var(--nav-height);
    inset-inline-end: -40%;
    block-size: calc(100% - var(--nav-height));
    inline-size: 40%;
    border-inline-start: 2px solid var(--c1);
}

.products-container--show {
    inset-inline-end: 0;
}

.products-container-header {
    min-block-size: 45px;
    inline-size: 40%;
}

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

.product {
    inline-size: 100%;
}

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

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

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

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