<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* =========================================================
   R2LB CHECKOUT
   FULL CSS
   Design preserved + card positioning fixed
   ========================================================= */

:root {
    --r2lb-navy: #2B386F;
    --r2lb-navy-dark: #202A59;
    --r2lb-gold: #B88735;
    --r2lb-gold-dark: #9D7025;

    --r2lb-text: #111827;
    --r2lb-secondary: #667085;
    --r2lb-muted: #98A2B3;

    --r2lb-border: #E3E7EF;
    --r2lb-bg: #F5F7FB;
    --r2lb-white: #FFFFFF;
}


/* =========================================================
   PAGE
   ========================================================= */

body.woocommerce-checkout {
    background: var(--r2lb-bg) !important;
    color: var(--r2lb-text) !important;
}

body.woocommerce-checkout .entry-content {
    padding: 0 20px 70px !important;
}


/* =========================================================
   MAIN CHECKOUT WIDTH
   ========================================================= */

body.woocommerce-checkout
.wpr-page-checkout {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding-top: 42px;
}


/* =========================================================
   COUPON BAR
   ========================================================= */

body.woocommerce-checkout
.woocommerce-form-coupon-toggle {
    margin-bottom: 22px;
}

body.woocommerce-checkout
.woocommerce-form-coupon-toggle
.woocommerce-info {

    display: flex;
    align-items: center;

    min-height: 54px;

    margin: 0 !important;
    padding: 0 20px !important;

    border: none !important;
    border-radius: 10px !important;

    background: var(--r2lb-gold) !important;

    color: #fff !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    box-shadow:
        0 7px 20px rgba(184, 135, 53, .18);
}

body.woocommerce-checkout
.woocommerce-form-coupon-toggle
.woocommerce-info::before {
    color: #fff !important;
    margin-right: 10px;
}

body.woocommerce-checkout
.woocommerce-form-coupon-toggle
.woocommerce-info a {
    color: #fff !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}


/* =========================================================
   COUPON FORM
   ========================================================= */

body.woocommerce-checkout
.checkout_coupon {

    margin: 0 0 24px !important;
    padding: 20px !important;

    background: #fff !important;

    border: 1px solid var(--r2lb-border) !important;
    border-radius: 14px !important;

    box-shadow:
        0 8px 25px rgba(20, 30, 50, .05);
}

body.woocommerce-checkout
.checkout_coupon input {

    min-height: 46px !important;

    padding: 0 14px !important;

    border: 1px solid #D8DDE7 !important;
    border-radius: 9px !important;

    color: var(--r2lb-text) !important;
}

body.woocommerce-checkout
.checkout_coupon button {

    min-height: 46px !important;

    padding: 0 20px !important;

    border: none !important;
    border-radius: 9px !important;

    background: var(--r2lb-navy) !important;
    color: #fff !important;

    font-weight: 700 !important;
}


/* =========================================================
   IMPORTANT LAYOUT FIX
   ========================================================= */

body.woocommerce-checkout
form.checkout.woocommerce-checkout {

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        430px !important;

    grid-template-rows:
        auto
        auto !important;

    column-gap: 22px !important;

    row-gap: 20px !important;

    width: 100% !important;

    max-width: 1180px !important;

    margin: 0 auto !important;

    align-items: start !important;
}


/* =========================================================
   REMOVE WRAPPER FROM GRID
   ========================================================= */

body.woocommerce-checkout
form.checkout
.wpr-customer-details-wrapper {

    display: contents !important;

    width: auto !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;
}


/* =========================================================
   BILLING — LEFT
   ========================================================= */

body.woocommerce-checkout
form.checkout
#customer_details {

    grid-column: 1 !important;

    grid-row: 1 / span 2 !important;

    width: 100% !important;

    min-width: 0 !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* =========================================================
   BILLING INNER CARD
   ========================================================= */

body.woocommerce-checkout
form.checkout
#customer_details
.col-1 {

    width: 100% !important;

    max-width: none !important;

    float: none !important;

    margin: 0 !important;

    padding: 30px !important;

    box-sizing: border-box !important;

    background: var(--r2lb-white) !important;

    border: 1px solid var(--r2lb-border) !important;

    border-radius: 20px !important;

    box-shadow:
        0 12px 35px rgba(25, 35, 55, .055) !important;
}


/* Empty WooCommerce column */

body.woocommerce-checkout
form.checkout
#customer_details
.col-2 {

    display: none !important;
}


/* =========================================================
   BILLING HEADING
   ========================================================= */

body.woocommerce-checkout
.woocommerce-billing-fields h3 {

    position: relative;

    margin: 0 0 27px !important;

    padding: 0 0 20px 53px !important;

    border-bottom: 1px solid var(--r2lb-border);

    color: var(--r2lb-text) !important;

    font-size: 24px !important;

    font-weight: 750 !important;

    line-height: 1.25 !important;

    letter-spacing: -.4px;
}


/* Number 1 */

body.woocommerce-checkout
.woocommerce-billing-fields h3::before {

    content: "1";

    position: absolute;

    left: 0;

    top: -4px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 38px;

    height: 38px;

    border-radius: 50%;

    background: var(--r2lb-navy);

    color: #fff;

    font-size: 15px;

    font-weight: 700;
}


/* =========================================================
   LABELS
   ========================================================= */

body.woocommerce-checkout
.woocommerce-billing-fields label,

body.woocommerce-checkout
.woocommerce-additional-fields label {

    display: block;

    margin-bottom: 7px;

    color: #344054 !important;

    font-size: 13px !important;

    font-weight: 650 !important;

    line-height: 1.4 !important;
}


/* Required */

body.woocommerce-checkout
.required {

    color: #D92D20 !important;
}


/* =========================================================
   INPUTS
   ========================================================= */

body.woocommerce-checkout
.woocommerce-billing-fields
input.input-text,

body.woocommerce-checkout
.woocommerce-billing-fields
select,

body.woocommerce-checkout
.woocommerce-additional-fields
textarea {

    width: 100% !important;

    min-height: 50px !important;

    padding: 12px 14px !important;

    box-sizing: border-box !important;

    background: #fff !important;

    border: 1px solid #D9DEE8 !important;

    border-radius: 9px !important;

    color: #182230 !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    box-shadow: none !important;

    outline: none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

body.woocommerce-checkout
input::placeholder,

body.woocommerce-checkout
textarea::placeholder {

    color: #98A2B3 !important;

    opacity: 1 !important;
}


/* =========================================================
   INPUT FOCUS
   ========================================================= */

body.woocommerce-checkout
.woocommerce-billing-fields
input.input-text:focus,

body.woocommerce-checkout
.woocommerce-billing-fields
select:focus,

body.woocommerce-checkout
.woocommerce-additional-fields
textarea:focus {

    border-color: var(--r2lb-navy) !important;

    box-shadow:
        0 0 0 3px rgba(43, 56, 111, .09) !important;
}


/* =========================================================
   FORM ROW
   ========================================================= */

body.woocommerce-checkout
.woocommerce-billing-fields
.form-row {

    margin-bottom: 17px !important;
}


/* =========================================================
   FIRST / LAST NAME
   ========================================================= */

body.woocommerce-checkout
.woocommerce-billing-fields
.form-row-first,

body.woocommerce-checkout
.woocommerce-billing-fields
.form-row-last {

    width: 48% !important;
}


/* =========================================================
   ADDITIONAL INFORMATION
   ========================================================= */

body.woocommerce-checkout
.woocommerce-additional-fields {

    margin-top: 28px;

    padding-top: 27px;

    border-top: 1px solid var(--r2lb-border);
}


body.woocommerce-checkout
.woocommerce-additional-fields h3 {

    position: relative;

    margin: 0 0 18px !important;

    padding-left: 53px !important;

    color: var(--r2lb-text) !important;

    font-size: 20px !important;

    font-weight: 750 !important;

    line-height: 1.4;
}


/* Number 2 */

body.woocommerce-checkout
.woocommerce-additional-fields h3::before {

    content: "2";

    position: absolute;

    left: 0;

    top: -5px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 38px;

    height: 38px;

    border-radius: 50%;

    background: var(--r2lb-navy);

    color: #fff;

    font-size: 15px;

    font-weight: 700;
}


body.woocommerce-checkout
.woocommerce-additional-fields textarea {

    min-height: 105px !important;

    resize: vertical;
}


/* =========================================================
   YOUR ORDER — RIGHT TOP
   ========================================================= */

body.woocommerce-checkout
form.checkout
.wpr-checkout-order-review-table {

    grid-column: 2 !important;

    grid-row: 1 !important;

    width: 100% !important;

    max-width: none !important;

    min-width: 0 !important;

    margin: 0 !important;

    padding: 28px !important;

    box-sizing: border-box !important;

    background: var(--r2lb-white) !important;

    border: 1px solid var(--r2lb-border) !important;

    border-radius: 20px !important;

    box-shadow:
        0 12px 35px rgba(25, 35, 55, .055);
}


/* =========================================================
   YOUR ORDER HEADING
   ========================================================= */

body.woocommerce-checkout
#order_review_heading {

    position: relative;

    margin: 0 0 22px !important;

    padding: 13px 15px 13px 60px !important;

    border: none !important;

    border-radius: 11px;

    background: #F2F4FA;

    color: var(--r2lb-text) !important;

    font-size: 23px !important;

    font-weight: 750 !important;

    line-height: 1.35;
}


/* Number 3 */

body.woocommerce-checkout
#order_review_heading::before {

    content: "3";

    position: absolute;

    left: 13px;

    top: 50%;

    transform: translateY(-50%);

    display: flex;

    align-items: center;

    justify-content: center;

    width: 36px;

    height: 36px;

    border-radius: 50%;

    background: var(--r2lb-navy);

    color: #fff;

    font-size: 14px;

    font-weight: 700;
}


/* =========================================================
   ORDER TABLE
   ========================================================= */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table {

    width: 100% !important;

    margin: 0 !important;

    border: none !important;

    border-collapse: collapse !important;

    table-layout: fixed !important;
}


/* Header */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
thead th {

    padding: 12px 0 !important;

    border-bottom: 1px solid var(--r2lb-border) !important;

    color: #7180A3 !important;

    font-size: 10px !important;

    font-weight: 750 !important;

    text-transform: uppercase;

    letter-spacing: 1px;
}


/* Product */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.product-name {

    width: 70% !important;

    color: var(--r2lb-text) !important;

    font-size: 14px !important;

    font-weight: 650 !important;

    line-height: 1.6 !important;

    word-break: normal !important;
}


/* Quantity */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.product-quantity {

    display: inline-flex;

    align-items: center;

    margin-left: 5px;

    padding: 1px 7px;

    border-radius: 20px;

    background: #EEF1F7;

    color: #657086 !important;

    font-size: 10px !important;

    font-weight: 700 !important;
}


/* Product price */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.product-total {

    width: 30% !important;

    color: var(--r2lb-text) !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    text-align: right !important;

    white-space: nowrap !important;
}


/* Product row */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
tbody td {

    padding: 18px 0 !important;

    border-bottom: 1px solid var(--r2lb-border) !important;

    vertical-align: middle;
}


/* =========================================================
   VARIATION
   ========================================================= */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.variation {

    margin-top: 3px !important;

    color: var(--r2lb-secondary) !important;

    font-size: 11px !important;

    line-height: 1.6 !important;
}


body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.variation dt {

    color: #4D5870 !important;

    font-weight: 650 !important;
}


body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.variation dd {

    color: #737D90 !important;

    font-weight: 500 !important;
}


/* =========================================================
   SUBTOTAL
   ========================================================= */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.cart-subtotal th,

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.cart-subtotal td {

    padding: 15px 0 !important;

    border: none !important;

    color: var(--r2lb-secondary) !important;

    font-size: 13px !important;

    font-weight: 500 !important;
}


body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.cart-subtotal td {

    color: var(--r2lb-text) !important;

    font-weight: 650 !important;

    text-align: right !important;
}


/* =========================================================
   TOTAL
   ========================================================= */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.order-total th,

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.order-total td {

    padding: 18px 14px !important;

    border: none !important;

    background: #F2F4FA !important;

    color: var(--r2lb-text) !important;

    font-size: 18px !important;

    font-weight: 750 !important;
}


body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.order-total th {

    border-radius: 9px 0 0 9px !important;
}


body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.order-total td {

    border-radius: 0 9px 9px 0 !important;

    text-align: right !important;
}


/* =========================================================
   PAYMENT — RIGHT BOTTOM
   ========================================================= */

body.woocommerce-checkout
form.checkout
.wpr-checkout-order-review {

    grid-column: 2 !important;

    grid-row: 2 !important;

    width: 100% !important;

    max-width: none !important;

    min-width: 0 !important;

    margin: 0 !important;

    padding: 28px !important;

    box-sizing: border-box !important;

    background: var(--r2lb-white) !important;

    border: 1px solid var(--r2lb-border) !important;

    border-radius: 20px !important;

    box-shadow:
        0 12px 35px rgba(25, 35, 55, .055);
}


/* =========================================================
   PAYMENT TITLE
   ========================================================= */

body.woocommerce-checkout
form.checkout
.wpr-checkout-order-review::before {

    content: "4  Payment";

    display: block;

    margin-bottom: 20px;

    padding: 13px 15px;

    border-radius: 11px;

    background: #F2F4FA;

    color: var(--r2lb-text);

    font-size: 20px;

    font-weight: 750;

    line-height: 1.4;
}


/* =========================================================
   PAYMENT AREA
   ========================================================= */

body.woocommerce-checkout
form.checkout
#wc_payment {

    width: 100% !important;

    max-width: none !important;

    padding: 0 !important;

    border: none !important;

    background: transparent !important;
}


/* =========================================================
   PAYMENT MESSAGE
   ========================================================= */

body.woocommerce-checkout
.wpr-checkout-order-review
.woocommerce-info {

    width: 100% !important;

    box-sizing: border-box !important;

    margin: 0 0 20px !important;

    padding: 14px 15px !important;

    border: none !important;

    border-radius: 10px !important;

    background: #F1F3F7 !important;

    color: #657086 !important;

    font-size: 12px !important;

    line-height: 1.65 !important;
}


body.woocommerce-checkout
.wpr-checkout-order-review
.woocommerce-info::before {

    color: var(--r2lb-navy) !important;
}


/* =========================================================
   PAYMENT METHODS
   ========================================================= */

body.woocommerce-checkout
.payment_methods {

    margin: 0 0 18px !important;

    padding: 0 !important;

    border: none !important;
}


body.woocommerce-checkout
.payment_methods li {

    padding: 12px !important;

    border: 1px solid var(--r2lb-border) !important;

    border-radius: 9px !important;

    background: #fff !important;
}


/* =========================================================
   PRIVACY
   ========================================================= */

body.woocommerce-checkout
.woocommerce-privacy-policy-text {

    width: 100% !important;

    margin: 18px 0 !important;

    color: #697386 !important;

    font-size: 11px !important;

    line-height: 1.7 !important;

    box-sizing: border-box !important;
}


body.woocommerce-checkout
.woocommerce-privacy-policy-text a {

    color: var(--r2lb-gold) !important;

    font-weight: 700 !important;
}


/* =========================================================
   PLACE ORDER
   ========================================================= */

body.woocommerce-checkout
#place_order {

    width: 100% !important;

    min-height: 54px !important;

    box-sizing: border-box !important;

    border: none !important;

    border-radius: 9px !important;

    background: var(--r2lb-gold) !important;

    color: #fff !important;

    font-size: 14px !important;

    font-weight: 750 !important;

    letter-spacing: .1px;

    box-shadow:
        0 9px 22px rgba(184, 135, 53, .22);

    transition: all .2s ease;
}


body.woocommerce-checkout
#place_order:hover {

    background: var(--r2lb-gold-dark) !important;

    transform: translateY(-2px);

    box-shadow:
        0 13px 27px rgba(184, 135, 53, .28);
}


/* =========================================================
   REMOVE EXTRA NESTED PAYMENT BORDER
   ========================================================= */

body.woocommerce-checkout
form.checkout
.wpr-checkout-order-review
.woocommerce-checkout-payment {

    border: none !important;

    background: transparent !important;

    padding: 0 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1100px) {

    body.woocommerce-checkout
    form.checkout.woocommerce-checkout {

        grid-template-columns:
            minmax(0, 1fr)
            360px !important;

        column-gap: 18px !important;
    }

    body.woocommerce-checkout
    form.checkout
    #customer_details
    .col-1 {

        padding: 25px !important;
    }

    body.woocommerce-checkout
    form.checkout
    .wpr-checkout-order-review-table,

    body.woocommerce-checkout
    form.checkout
    .wpr-checkout-order-review {

        padding: 23px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    body.woocommerce-checkout
    .entry-content {

        padding: 0 15px 50px !important;
    }

    body.woocommerce-checkout
    .wpr-page-checkout {

        padding-top: 25px;
    }

    /* Stack cards */
    body.woocommerce-checkout
    form.checkout.woocommerce-checkout {

        display: flex !important;

        flex-direction: column !important;

        width: 100% !important;

        max-width: 100% !important;

        gap: 18px !important;
    }

    body.woocommerce-checkout
    form.checkout
    .wpr-customer-details-wrapper {

        display: contents !important;
    }

    /* Billing */

    body.woocommerce-checkout
    form.checkout
    #customer_details {

        order: 1 !important;

        width: 100% !important;
    }

    body.woocommerce-checkout
    form.checkout
    #customer_details
    .col-1 {

        width: 100% !important;

        padding: 22px !important;

        border-radius: 16px !important;
    }

    /* Order */

    body.woocommerce-checkout
    form.checkout
    .wpr-checkout-order-review-table {

        order: 2 !important;

        width: 100% !important;

        padding: 20px !important;

        border-radius: 16px !important;
    }

    /* Payment */

    body.woocommerce-checkout
    form.checkout
    .wpr-checkout-order-review {

        order: 3 !important;

        width: 100% !important;

        padding: 20px !important;

        border-radius: 16px !important;
    }

    /* Name fields */

    body.woocommerce-checkout
    .woocommerce-billing-fields
    .form-row-first,

    body.woocommerce-checkout
    .woocommerce-billing-fields
    .form-row-last {

        width: 100% !important;

        float: none !important;
    }

    /* Headings */

    body.woocommerce-checkout
    .woocommerce-billing-fields h3 {

        font-size: 21px !important;
    }

    body.woocommerce-checkout
    #order_review_heading {

        font-size: 20px !important;
    }

    /* Coupon */

    body.woocommerce-checkout
    .woocommerce-form-coupon-toggle
    .woocommerce-info {

        min-height: 50px;

        padding: 12px 15px !important;

        font-size: 12px !important;
    }
}

div#order_review {
    padding: 1em !important;
    border-width: 0px !important;
}
td.product-name {
    display: table-cell !important;
}</style>
<!-- end Simple Custom CSS and JS -->
