div.basket-item {
    position: relative;
    display: flex;
    gap: 11px;
    align-items: center;

    &.shipping {
        margin-top: 22px;
    }

    div.image {
        flex-shrink: 0;

        img {
            box-shadow: none;
            border: none;
            width: 120px;
            aspect-ratio: 1/1;
            object-fit: cover;
        }
    }

    div.info {
        flex-grow: 1;
        display: flex;
        flex-direction: column;

        div.head {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        p {
            margin-top: 0;
        }

        p.title {
            font-weight: bold;
        }

        p.description {
            font-size: 0.9rem;
            flex: 1;
        }

        div.options {
            padding-left: 11px;
            color: rgb(90, 90, 90);

            div.info {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                gap: 11px;
                align-items: center;
            }

            ul.customisations {
                padding-left: 22px;
            }
        }

        form {
            margin-top: 22px;
            display: flex;
            gap: 11px;
            align-items: center;

            &:not([data-basket]) {
                justify-content: flex-end;
            }

            div[data-quantity] {
                display: flex;
                align-items: center;
                flex-grow: 1;

                input[type="number"] {
                    width: 50px;
                    height: 36px;
                }

                button {
                    margin: 0;
                    height: 36px;

                    &[data-quantity-btn="remove"] {
                        svg {
                            fill: rgb(90, 90, 90);
                            width: 20px;
                        }
                    }
                }
            }

            p.price {
                margin-top: 0;
                font-weight: bold;
            }

            button[type="submit"] {
                display: none;
            }

            &.dirty {
                p.price {
                    display: none;
                }

                button[type="submit"] {
                    display: block;
                    margin: 0;
                }
            }
        }
    }
}