.cart-to-product {
    display: inline-block;
    text-decoration: unset;
    color: unset;
    padding: 17px 24px 17px 58px;
    background: var(--wp--preset--color--light);
    transition: 300ms;
}

.cart-to-product:hover {
    background: #1413131A;
}

.cart-to-product:before {
    content: '';
    position: absolute;
    top: 0;
    left: 24px;
    width: 24px;
    height: 100%;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSI+CjxwYXRoIGQ9Ik0xNSA2TDkgMTJMMTUgMTgiIHN0cm9rZT0iIzFBMTcxQiIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg==);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

#netdev-cart {
    display: flex;
    flex-direction: column;
    gap: inherit;
}

.cart-item {
    display: grid;
    grid-template-columns: auto auto 3fr 2fr 2fr 2fr;
    gap: var(--wp--preset--spacing--25);
    padding: var(--wp--preset--spacing--20);
    border-bottom: 1px solid var(--wp--preset--color--dark)
}

.cart-item a {
    text-decoration: unset;
    color: unset;
}

.cart-item div:has(>.item-label) {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--25);
}

.cart-item .item-label {
    font-size: var(--wp--preset--font-size--callout);
    line-height: 1.2;
    font-weight: 700;
}

.item-remove button.remove-item {
    border: none;
    padding: unset;
    height: 23px;
    width: 23px;
    text-align: center;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSI+CjxwYXRoIGQ9Ik0xMS4yNSAwQzE3LjQ2MzIgMCAyMi41IDUuMDM2OCAyMi41IDExLjI1QzIyLjUgMTcuNDYzMiAxNy40NjMyIDIyLjUgMTEuMjUgMjIuNUM1LjAzNjggMjIuNSAwIDE3LjQ2MzIgMCAxMS4yNUMwIDUuMDM2OCA1LjAzNjggMCAxMS4yNSAwWk0xNi45NTcgNS41NDI5N0MxNi41NjY2IDUuMTUyNTUgMTUuOTMzNSA1LjE1Mjc2IDE1LjU0MyA1LjU0Mjk3TDExLjI1IDkuODM1OTRMNi45NTcwMyA1LjU0Mjk3QzYuNTY2NDggNS4xNTI3NiA1LjkzMzM5IDUuMTUyNTUgNS41NDI5NyA1LjU0Mjk3QzUuMTUyNTUgNS45MzMzOSA1LjE1Mjc2IDYuNTY2NDggNS41NDI5NyA2Ljk1NzAzTDkuODM1OTQgMTEuMjVMNS41NDI5NyAxNS41NDNDNS4xNTI0NCAxNS45MzM1IDUuMTUyNDQgMTYuNTY2NSA1LjU0Mjk3IDE2Ljk1N0M1LjkzMzQ5IDE3LjM0NzYgNi41NjY1MSAxNy4zNDc2IDYuOTU3MDMgMTYuOTU3TDExLjI1IDEyLjY2NDFMMTUuNTQzIDE2Ljk1N0MxNS45MzM1IDE3LjM0NzYgMTYuNTY2NSAxNy4zNDc2IDE2Ljk1NyAxNi45NTdDMTcuMzQ3NiAxNi41NjY1IDE3LjM0NzYgMTUuOTMzNSAxNi45NTcgMTUuNTQzTDEyLjY2NDEgMTEuMjVMMTYuOTU3IDYuOTU3MDNDMTcuMzQ3MiA2LjU2NjQ4IDE3LjM0NzUgNS45MzMzOSAxNi45NTcgNS41NDI5N1oiIGZpbGw9IiNEQTVDMzUiLz4KPC9zdmc+);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.item-image img {
    aspect-ratio: 3/2;
    object-fit: cover;
    border-radius: 16px;
    width: 200px;
}

input.qty-field {
    text-align: center;
}

div:has(>.cart-summary) {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.cart-summary {
    min-width: 50%;
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--25);
}

.summary-line:first-of-type {
    border-top: solid 1px var(--wp--preset--color--dark);
}

.summary-line {
    display: grid;
    grid-template-columns: 200px 1fr;
    padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
    gap: var(--wp--preset--spacing--25);
    border-bottom: solid 1px var(--wp--preset--color--dark);
}

@media screen and (max-width: 1023px) {
    .cart-item {
        gap: var(--wp--preset--spacing--20);
    }

    .cart-item div:has(>.item-label) {
        display: grid;
        grid-template-columns: 200px 1fr;
    }
}

@media screen and (max-width: 639px) {

    .cart-item div:has(>.item-label) {
        display: flex;
        flex-direction: column;
        gap: var(--wp--preset--spacing--10);
    }
}

@media screen and (max-width: 390px) {
    .summary-line {
        display: flex;
        flex-direction: column;
        gap: var(--wp--preset--spacing--10);
    }

    .cart-item,
    .summary-line {
        padding-inline: 0;
    }
}