.main-container {
    margin-top: 16px;
}

.subtitle {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 32px;
}

.orderFormTitle {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 16px;
}

hr {
    margin: 32px 0px;
}

h5 {
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 8px;
}

.variationsList {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.variationTotal {
    margin-top: 8px;
    font-weight: bold;
}

.ProductName {
    font-weight: 800;
    font-size: 1.2rem;
}

.VariationName {
    font-weight: 700;
    font-size: 1.1rem;
}

.VariationCode {
    font-size: 0.9rem;
}

#totalPrice {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 32px;
}

.quantity {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.form-control {
    width: fit-content;
    min-width: 80px;
}

#order-form {
    width: 500px;
    max-width: 90%;
}

#order-form input[type="text"],
#order-form input[type="email"] {
    width: 80%;
}

#order-form textarea {
    height: 100px;
}

.alert {
    width: fit-content;
    margin: 64px 0px;
}

.alert > span {
    display: inline-block;
    width: 24px;
    margin-right: 16px;
}

@media (min-width: 768px) {
    .variationsList {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 24px 64px;
    }
}