.products
    padding: 0.5rem

.product
    background-color: #fff
    display: flex
    flex-wrap: wrap
    border: 1px solid lightgray
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2)
    width: 100%
    padding: 0
    margin: 0.5rem
    &-container
        padding-left: 0
    &__container
        display: flex
        &:nth-last-child(1)
            margin-bottom: 3rem
    img
        object-fit: cover
        max-width: 100%
        max-height: 100%
    &-category-details
        flex: 1
        padding: 0 1.875rem
        +respond-to(medium)
            padding: 1.875rem
        width: 100%
        //category
    &-category-2, &-category-3
        flex-direction: column
    &-category-1, &-category-2, &-category-3
        h1
            font-size: 2.375rem
            margin-bottom: 1rem
            font-weight: 100
        p
            font-size: 0.875rem
        &--details
            &__long-desc
                margin-top: 1.5rem
                line-height: 1.5rem
            &--text
                display: flex
                flex-direction: column
                > *
                    text-align: center
                    margin: auto
                header
                    p
                        color: #8c8c8c
                        line-height: 1.13rem
            .row
                align-items: center
                background-color: #fff

        .choose
            &-product
                justify-content: space-evenly
                .product__price
                    b
                        font-size: 1.5rem
                        font-weight: 900
            &-products
                border: 1px solid #d8dde6
                max-height: 200px
                display: flex
                flex-direction: column
                justify-content: space-around
                padding: 1.875rem
                margin: auto 1.875rem
                > *
                    flex-grow: 1
                p:first-child
                    font-size: 1.125rem
                .products
                    &__quantities
                        display: flex
                        justify-content: center
                        p
                            margin-top: 1.875rem
                        ul
                            display: flex
                            li
                                margin: 1.875rem 0.5rem
                                button
                                    width: 3.75rem
                                    height: 3.75rem
                                    font-size: 1.25rem
                    &__price
                        font-size: 1.5rem
                        font-weight: 900
    &__img
        max-width: 100%
    /* Size and display */
    .product-category-details > *
        padding: 1rem
        +respond-to(large)
            padding: 0
        &.choose-products
            margin: 0
    &-category-1
        flex-direction: row
        +respond-to(medium)
            height: 60vh
            flex-direction: column
        img
            width: 100%
            height: 60vh
            +respond-to(medium)
                width: 50%
        &--details--text
            width: 50%
            height: 100%
            +respond-to(medium)
                height: 60vh
        .choose-products
            +respond-to(large)
                padding: 1rem
    &-category-2
        +respond-to(large)
            height: 90vh
        img
            height: 30vh
    &-category-3
        width: 100%
        +respond-to(large)
            height: 90vh
        img
            height: 30vh
        .choose
            &-products
                +respond-to(large)
                    padding: 1rem