#order-container {
    font-size: 0;
    margin-bottom: 3.1vw;
    position: relative;
}

    #order-container > div {
        display: inline-block;
    }

#products {
    font-size: 0;
    width: 68vw;
    /*border: 1px solid red;*/
    margin-right: 4vw;
    margin-top: 1.5vw;
}

    #products > div {
        display: inline-block;
    }

.product {
    height: 7.3vw;
    width: 28vw;
    font-size: 0;
    /*border-top: 1px solid #01b262;*/
}

    .product > div {
        display: inline-block;
    }

    .product:nth-child(even) {
        padding-right: 1.2vw;
        position: relative;
        /*background-color: white;*/
        width: 38vw;       
    }

        .product:nth-child(even):after {
            content: "";
            position: absolute;
            top: -1px;
            left: 0;
            height: 1px;
            width: 100%;
            background: linear-gradient(to left, #01b262, rgba(1, 178, 98, 0));
        }

    .product:nth-child(odd) {
        border-top: 1px solid #01b262;
        border-left: 1px solid #01b262;
    }

    /*.product:nth-last-child(2) {
        border-bottom: 1px solid #01b262;
    }

    .product:last-child {
        border-bottom: 1px solid #01b262;
    }*/

    .product.last-even-child {
       position: relative;
    }

        .product.last-even-child:before {
            content: "";
            position: absolute;
            bottom: -1px;
            left: 0;
            height: 1px;
            width: 100%;
            background: linear-gradient(to left, #01b262, rgba(1, 178, 98, 0));
        }

    .product.last-odd-child {
        border-bottom: 1px solid #01b262;
    }

.product-img-container {
    width: 5.5vw;
    height: 5.6vw;
    overflow: hidden;
    border-radius: 1vw;
    margin-top: 0.8vw;
}

    .product-img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }

.product-name-container {
    width: 22vw;
    /*border: 1px solid red;*/
    height: 100%;
    vertical-align: top;
}

.product-name {
    font-size: 1.22vw;
    color: white;
    font-weight: 500;
    height: 4vw;
    /* border: 1px solid red; */
    padding-right: 1.3vw;
    box-sizing: border-box;
    padding-top: 0.6vw;
}

.product-price-container {
    /*border: 1px solid yellow;*/
    height: 2.5vw;
    font-size: 0;
}

    .product-price-container > div {
        display: inline-block;
    }

.product-discount-percent {
    background-color: #ed1c24;
    border-radius: 1vw;
    text-align: center;
    font-weight: bold;
    font-size: 0.95vw;
    color: white;
    width: 2.4vw;
    height: 1.3vw;
    margin-top: 0.4vw;
    margin-right: 1.3vw;
    padding-top: 0.2vw;
}

.product-price-wihout-discount {
    font-size: 0.9vw;
    text-decoration: line-through;
    /* margin-top: 2vw; */
    margin-right: 0.8vw;
    font-weight: 500;
    color: #282828;
}

.product-price-wih-discount {
    font-size: 1.2vw;
    color: white;
    /* position: relative; */
    /* top: 28px; */
    font-weight: 500;
    margin-right: 1vw;
    margin-top: 0.5vw;
}