html {
    box-sizing: border-box;
    height: 100%;
    margin: 0;
}
*, *::before, *::after {
    box-sizing: inherit;
}

body {
    font-family: sans-serif;
    height: 100%;
    margin: 0;
}
main {
    min-height: 100vh;
}

img {
    height: auto;
    max-width: 100%;
}
button, input, select, textarea {
    font: inherit;
}
button:disabled {
    cursor: not-allowed;
}
.recras-price, .priceSubtotal {
    text-align: right;
}
.priceLine, .discountLine {
    font-weight: bold;
}
.recras-contactform-required::after {
    content: '*';
}
input:invalid {
    border: 1px solid #a00;
}

.recras-product-dependency, .maximum-amount, .minimum-amount {
    color: #a00;
}

@media (max-width: 640px) {
    .recras-amountsform > div {
        grid-template-columns: 1fr 7em;
    }
    .recras-amountsform > div > div:first-child {
        grid-column: 1 / 3;
    }
    .recras-contactform > div,
    .recras-discounts > div {
        grid-template-columns: 1fr;
    }
}