.cart-item {
    padding: 0.7rem 1rem;
    padding-right: 2rem;
    display: flex;
    flex-basis: 100%;
    flex-direction: row;
    background-color: var(--lightest);
    box-shadow: var(--shadow--lighter);
    margin-bottom: 1rem;
    border-radius: 1rem;
    position: relative;
}
    .cart-item:hover {
        box-shadow: var(--shadow--light);
    }
    .cart-item__image-container {
        flex-basis: 25%;
        display: flex;
        align-items: center;
    }
        .cart-item__img {
           max-width: 100%;
           height: auto;
           border-radius: 0.5rem;
           cursor: pointer;
        }

    .cart-item__info {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-grow: 1;
    }
        .cart-item__main {
            flex-basis: 38%;
            display: flex;
            flex-direction: column;
            padding: 1rem 2rem;
            justify-content: space-around;
        } 
            .cart-item__props {
                display: flex;
                flex-direction: column;
            }
                .cart-item__name {
                    font-size: 1.2rem;
                    margin: 1.5rem 0;
                    margin-bottom: 0.8rem;
                }
                .cart-item__caption {
                    color: var(--gray);
                    font-size: 0.8rem;
                }
                .cart-item__id {
                    color: var(--gray-light);
                    font-size: 0.76rem;
                }
                
            .cart-item__options {
                display: flex;
                flex-direction: row;
                margin-top: 2rem;
            }
                .cart-item__remove {
                    padding: 0.3rem 0.4rem;
                    border-radius: 0.3rem;
                    background-color: var(--light);
                    box-shadow: var(--light);
                }

        .cart-item__quantity {
            flex-grow: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 1rem;
        }
        .cart-item__side {
            flex-shrink: 1;
            display: flex;
            align-items: center;
            padding: 0 1rem;
        }
            .cart-item__price {
                font-weight: 500;
                font-size: 1rem;
            }
    
    .cart-item__checkbox {
        position: absolute;
        top: 2rem;
        right: 2rem;
        cursor: pointer;
    }
        .cart-item__checkbox input[type="checkbox"] {
            cursor: pointer;
        }

    .cart-item--disabled:not(.skeleton__block) {
        opacity: 0.5;
        background-color: var(--light);
        box-shadow: none;
    }
        .cart-item--disabled:hover .cart-item__checkbox
        .cart-item--disabled:hover .cart-item__checkbox input[type="checkbox"] {
            transform: scale(1.3, 1.3);
            cursor: pointer;
        }

@media screen and (max-width: 992px) {
    .cart-item {
        flex-direction: column;
        border-radius: 0;
        padding: 0.8rem;
    }
        .cart-item__image-container {
            justify-content: center;
        }
        .cart-item__info {
            display: flex;
        }
            .cart-item__main {
                align-items: flex-start;
                text-align: left;
                padding: 0.4rem;
            }
                /* &__props {
                    
                }*/
                    .cart-item__name {
                        text-align: left;
                    }          
                    .cart-item__id {
                        font-style: italic;
                    }
            .cart-item__quantity {
                padding: 0;
            }
            .cart-item__side {
                justify-content: center;
            }
                .cart-item__price {
                    font-size: 1.5rem;
                    margin: 0;
                }

        .cart-item__checkbox {
            top: unset;
            bottom: 0.8rem;
            right: 0.8rem
        }
            .cart-item__checkbox::before {
                content: "В заказе";
                vertical-align: super;
                font-size: 0.8rem;
                margin-right: 0.2rem;
                color: var(--gray);
            }
}