.shop-products > fieldset {
    margin: 14px;
}

.shop-customer {
    display: flex;
    flex-direction: column;
}
    .shop-customer > fieldset {
        margin: 14px;
    }

.product {
    padding: 16px;
    border: 1px solid var(--mud-palette-text-primary);
}

.product-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .product-container > div {
        margin: 8px;
        padding: 4px;
    }

.price-clickable {
    cursor: pointer;
}

    .price-clickable:hover {
        background-color: #00000020;
    }

.product-sep {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-sepText {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    color: var(--mud-palette-drawer-background);
}

    .product-sepText::before,
    .product-sepText::after {
        content: '';
        flex: 1;
        width: 1px;
        background: currentColor;
        /* matches font color */
        margin: .25em;
    }

.shop-overview-table tr:nth-child(even) {
    background-color: rgb(255, 255, 255);
}

.shop-overview-table tr:nth-child(odd) {
    background-color: rgb(207, 207, 207);
}

.shop-overview-table .total_amount {
    background-color: rgb(155, 155, 155);
}