/* COSVIN checkout layout v2: keep customer data and order summary aligned. */
@media (min-width: 901px) {
    .cosvin-checkout-page form.woocommerce-checkout {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 400px);
        grid-template-rows: auto auto;
        grid-template-areas:
            "customer review-title"
            "customer review";
        column-gap: 30px;
        row-gap: 0;
        align-content: start;
    }

    .cosvin-checkout-page #customer_details {
        grid-area: customer;
        align-self: start;
    }

    .cosvin-checkout-page #order_review_heading {
        grid-area: review-title;
        align-self: start;
    }

    .cosvin-checkout-page #order_review {
        grid-area: review;
        align-self: start;
    }
}

.cosvin-checkout-page #order_review_heading {
    padding: 20px 24px 17px;
    border-radius: 18px 18px 0 0;
    background: linear-gradient(135deg, #0c2a18, #124a28);
    color: #fff;
    font-size: 21px;
    line-height: 1.2;
}

.cosvin-checkout-page #order_review {
    border-top: 0;
    border-radius: 0 0 18px 18px;
    box-shadow: 0 12px 32px rgba(15, 55, 31, .1);
}

.cosvin-checkout-page #customer_details {
    box-shadow: 0 12px 32px rgba(15, 55, 31, .08);
}

.cosvin-checkout-page .woocommerce-billing-fields__field-wrapper,
.cosvin-checkout-page .woocommerce-additional-fields__field-wrapper {
    display: flow-root;
}

.cosvin-checkout-page #payment ul.payment_methods {
    padding: 16px;
}

.cosvin-checkout-page #payment .place-order {
    padding: 16px;
}

@media (max-width: 900px) {
    .cosvin-checkout-page {
        padding: 175px 12px 42px;
    }

    .cosvin-checkout-page__heading {
        margin-bottom: 18px;
    }

    .cosvin-checkout-page__heading h1 {
        font-size: 29px;
        line-height: 1.12;
    }

    .cosvin-checkout-page .col2-set,
    .cosvin-checkout-page #order_review {
        padding: 18px;
    }

    .cosvin-checkout-page #order_review_heading {
        margin-top: 18px;
        padding: 17px 18px 15px;
        border-radius: 14px 14px 0 0;
        font-size: 19px;
    }

    .cosvin-checkout-page #order_review {
        margin-bottom: 0;
        border-radius: 0 0 14px 14px;
    }

    .cosvin-checkout-page .form-row-first,
    .cosvin-checkout-page .form-row-last {
        float: none;
        width: 100%;
    }

    .cosvin-checkout-page table.shop_table th,
    .cosvin-checkout-page table.shop_table td {
        padding: 11px 0;
        font-size: 14px;
    }

    .cosvin-checkout-page #payment ul.payment_methods,
    .cosvin-checkout-page #payment .place-order {
        padding: 14px 0;
    }
}