footer {
    margin-top: 0;
}

/* Buy */
#buy-now {
    background-image: url("../img/buy.svg");
    background-size: 24px 24px;
    background-position: 14px;
    background-repeat: no-repeat;

    font-weight: bold;
}

.product-card {
    border-radius: 14px;
    box-shadow: 0px 4px 16px 4px rgba(12, 12, 13, 0.1);
}

.product-features li {
    font-size: 16px;
}

.purchase-type, .price {
    text-align: center;
    padding-left: 0 !important;
}

.purchase-type {
    margin-bottom: 0;
    color: var(--color-h3);
}

.price {
    height: 60px;
    font-weight: 700;
    font-size: 36px;
    color: var(--color-h4);
}

.product-features {
    margin-top: 24px;
    padding-left: 36px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 24px;
    border-radius: 12px;

    background-color: #e7e7f8;
}

.purchase-cta {
    text-align: center;
    margin-top: 28px;
}

.currency-code {
    padding-left: 8px;
    font-weight: normal;
    font-variant: all-small-caps;
}

#trial-cta {
    margin-bottom: 48px;
}


/* Order checkout */
#order-summary-hdg {
    background-color: #eeeeee;
    margin-left: 32px;
    margin-right: 32px;
    padding-left: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
}

#trxn-id-label {
    font-weight: bold;
}

#product-info {
    padding-left: 12px;
}

#product-desc {
    float: left;
    margin-left: 32px;
}

#product-name {
    font-weight: 500;
}

#product-qty {
    font-weight: normal;
    font-size: smaller;
}

#product-price {
    float: right;
    width: 300px;
    margin-right: 48px;
    text-align: right;
}

#order-total-info {
    float: right;
    clear: right;
    width: 300px;
    margin-top: 20px;
    margin-bottom: 32px;
    margin-right: 48px;
}

#order-total-info > p {
    margin-bottom: 0;
    padding-left: unset;
}

#order-discount-amt {
    color: darkred;
}

#order-discount-amt::before {
    content: "- ";
}

#order-conf {
    clear: both;
}

#checkout-footer-nav {
    margin-bottom: 32px;
}

.order-total-label, .order-total-amt {
    display: inline-block;
    text-align: right;
}

.order-total-label {
    float: left;
    width: 175px;
    padding-right: 10px;
    font-weight: bold;
}

.order-total-amt {
    width: 125px;
}
