.gchoice {
    cursor: pointer !important;
}

.gfield-choice-image {
    height: auto !important;
    object-fit: contain !important;
    width: 100% !important;
}

.form-with-summary .summary {
    display: flex;
    flex-direction: column;
    gap: 1em;

    fieldset:not(:has(.field:not(:empty))),
    .field:empty {
        display: none
    }

    .content {
        display: flex;
        flex-direction: column;
        gap: 1.5em;
    }

    table {
        margin-top: auto;

        td:last-child {
            text-align: right;
        }

        &:has([data-sync="total-with-tax"]:empty),
        tr:has([data-discount=""]) {
            display: none;
        }

        [data-discount]::before {
            content: attr(data-discount);
        }
    }
}