@import url("./sections/checkout-layout.css");
@import url("./sections/checkout-head.css");
@import url("./sections/checkout-card.css");
@import url("./sections/checkout-offer.css");
@import url("./sections/checkout-payment.css");
@import url("./sections/checkout-features.css");
@import url("./sections/checkout-includes.css");

.checkout-card--offer {
    grid-column: 1;
    grid-row: 1;
}

.checkout-pay--desktop {
    grid-column: 1;
    grid-row: 2;
}

.checkout__right {
    grid-column: 2;
    grid-row: 1 / span 2;
}

.checkout-head__pills {
    margin-bottom: 40px;
}

@media (max-width: 980px) {
    .checkout-card--offer,
    .checkout-pay--desktop,
    .checkout__right {
        grid-column: unset;
        grid-row: unset;
    }

    .checkout-pay {
        order: 3;
    }

    .checkout-head__pills {
        margin-bottom: 20px;
    }

    .checkout-express__label,
    .checkout-credit-card {
        font-size: 12px;
    }
}