.elementor-177 .elementor-element.elementor-element-531ed3e{--display:flex;--padding-top:5em;--padding-bottom:5em;--padding-left:2em;--padding-right:02em;}.elementor-widget-woocommerce-checkout-page .product-name .variation{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-177 .elementor-element.elementor-element-e1e5ca9{--additional-information-display:block;--sections-border-type:solid;--sections-border-radius:10px 10px 10px 10px;}.elementor-177 .elementor-element.elementor-element-e1e5ca9 .e-woocommerce-login-section, .elementor-177 .elementor-element.elementor-element-e1e5ca9 .woocommerce-checkout #customer_details .col-1, .elementor-177 .elementor-element.elementor-element-e1e5ca9 .woocommerce-additional-fields, .elementor-177 .elementor-element.elementor-element-e1e5ca9 .e-checkout__order_review, .elementor-177 .elementor-element.elementor-element-e1e5ca9 .e-coupon-box, .elementor-177 .elementor-element.elementor-element-e1e5ca9 .woocommerce-checkout #payment{border-width:1px 1px 1px 1px;}.elementor-177 .elementor-element.elementor-element-e1e5ca9 .e-woocommerce-login-section{border-width:0px 0px 0px 0px;--sections-border-color:#000000;--sections-checkboxes-color:#000000;--links-normal-color:#B99A55;--links-hover-color:#000000;}.elementor-177 .elementor-element.elementor-element-e1e5ca9 .woocommerce-form-login-toggle{--sections-secondary-title-color:#000000;font-family:"Jost", Sans-serif;font-size:18px;font-weight:500;}.elementor-177 .elementor-element.elementor-element-e1e5ca9 .e-woocommerce-login-nudge{--sections-descriptions-color:#000000;}.elementor-177 .elementor-element.elementor-element-e1e5ca9 .col2-set .col-1{--sections-border-type:solid;--sections-border-radius:10px 10px 10px 10px;}.elementor-177 .elementor-element.elementor-element-e1e5ca9 .e-woocommerce-coupon-nudge{--sections-secondary-title-color:#000000;}.elementor-177 .elementor-element.elementor-element-e1e5ca9 .e-woocommerce-coupon-nudge.e-checkout-secondary-title{font-family:"Jost", Sans-serif;font-size:15px;font-weight:500;}.elementor-177 .elementor-element.elementor-element-e1e5ca9 .e-coupon-box{--links-normal-color:#B99A55;--links-hover-color:#000000;}.elementor-177 .elementor-element.elementor-element-e1e5ca9 .woocommerce-checkout-payment .wc_payment_method label{font-family:"Jost", Sans-serif;font-size:15px;font-weight:500;}.elementor-177 .elementor-element.elementor-element-e1e5ca9 .woocommerce-checkout-payment{--links-normal-color:#FF0000;}/* Start custom CSS for woocommerce-checkout-page, class: .elementor-element-e1e5ca9 *//* =========================================================
   VISIONREADY CHECKOUT — CLEAN FINAL CSS
   Full-width natural WooCommerce / Elementor layout
   ========================================================= */


/* =========================================================
   1. VARIABLES
   ========================================================= */

body.woocommerce-checkout {
    --vr-plum: #351044;
    --vr-plum-dark: #21072d;
    --vr-plum-soft: #5a3767;

    --vr-gold: #b99a55;
    --vr-gold-soft: #d8c69b;

    --vr-ivory: #fcfaf6;
    --vr-warm-white: #f7f3ed;
    --vr-white: #ffffff;

    --vr-text: #29242c;
    --vr-muted: #756b78;

    --vr-border: #e5dfe5;
    --vr-border-warm: #e5ddd1;

    --vr-serif: 'Cormorant Garamond', Georgia, serif;
    --vr-sans: 'Jost', sans-serif;
}


/* =========================================================
   2. LOGIN + COUPON TOGGLE BARS
   ========================================================= */

body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 16px 22px !important;
    box-sizing: border-box !important;

    background: #ffffff !important;
    border: 1px solid var(--vr-border) !important;
    border-radius: 10px !important;

    color: var(--vr-text) !important;
    font-family: var(--vr-sans) !important;
    font-size: 14px !important;

    box-shadow: 0 7px 22px rgba(33,7,45,.08) !important;
}

body.woocommerce-checkout .woocommerce-info::before {
    display: none !important;
}

body.woocommerce-checkout .woocommerce-info a {
    color: var(--vr-plum) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

body.woocommerce-checkout .woocommerce-info a:hover {
    color: var(--vr-gold) !important;
}


/* =========================================================
   3. RETURNING CUSTOMER LOGIN
   ========================================================= */

body.woocommerce-checkout .woocommerce-form-login {
    margin: 0 0 20px !important;
    padding: 26px 30px !important;
    box-sizing: border-box !important;

    background: var(--vr-ivory) !important;
    border: 1px solid var(--vr-border-warm) !important;
    border-radius: 10px !important;

    box-shadow: 0 8px 25px rgba(33,7,45,.07) !important;
}

body.woocommerce-checkout .woocommerce-form-login .form-row {
    width: 100% !important;
    margin-bottom: 15px !important;
}

body.woocommerce-checkout .woocommerce-form-login input.input-text {
    width: 100% !important;
    height: 50px !important;
    padding: 12px 15px !important;
    box-sizing: border-box !important;

    background: #ffffff !important;
    border: 1px solid var(--vr-border) !important;
    border-radius: 9px !important;

    color: var(--vr-text) !important;
    font-family: var(--vr-sans) !important;
}

body.woocommerce-checkout .woocommerce-form-login button.button {
    height: 50px !important;
    padding: 0 25px !important;

    background: var(--vr-plum) !important;
    color: #ffffff !important;

    border: 0 !important;
    border-radius: 9px !important;

    font-family: var(--vr-sans) !important;
    font-weight: 600 !important;
}

body.woocommerce-checkout .woocommerce-form-login button.button:hover {
    background: var(--vr-plum-dark) !important;
}


/* =========================================================
   4. COUPON FORM
   ========================================================= */

/* Do NOT force display.
   WooCommerce controls whether the coupon is open/closed. */

body.woocommerce-checkout form.checkout_coupon {
    margin: 0 0 20px !important;
    padding: 25px 28px !important;
    box-sizing: border-box !important;

    background: var(--vr-ivory) !important;
    border: 1px solid var(--vr-border-warm) !important;
    border-radius: 10px !important;

    box-shadow: 0 8px 25px rgba(33,7,45,.07) !important;
}

body.woocommerce-checkout form.checkout_coupon .form-row {
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-checkout form.checkout_coupon input.input-text {
    width: 100% !important;
    height: 50px !important;
    padding: 12px 15px !important;
    box-sizing: border-box !important;

    background: #ffffff !important;
    border: 1px solid var(--vr-border) !important;
    border-radius: 9px !important;

    color: var(--vr-text) !important;
    font-family: var(--vr-sans) !important;
    font-size: 14px !important;

    outline: none !important;
}

body.woocommerce-checkout form.checkout_coupon input.input-text:focus {
    border-color: var(--vr-gold) !important;
    box-shadow: 0 0 0 3px rgba(185,154,85,.10) !important;
}

body.woocommerce-checkout form.checkout_coupon button.button {
    height: 50px !important;
    padding: 0 25px !important;

    background: var(--vr-plum) !important;
    color: #ffffff !important;

    border: 0 !important;
    border-radius: 9px !important;

    font-family: var(--vr-sans) !important;
    font-size: 14px !important;
    font-weight: 600 !important;

    white-space: nowrap !important;
}

body.woocommerce-checkout form.checkout_coupon button.button:hover {
    background: var(--vr-plum-dark) !important;
}


/* =========================================================
   5. CUSTOMER DETAILS CARD
   ========================================================= */

body.woocommerce-checkout #customer_details {
    width: 100% !important;
    box-sizing: border-box !important;

    padding: 42px 45px !important;

    background: var(--vr-white) !important;
    border: 1px solid rgba(255,255,255,.55) !important;
    border-radius: 20px !important;

    box-shadow: 0 20px 55px rgba(33,7,45,.14) !important;
}


/* Keep WooCommerce's internal structure */
body.woocommerce-checkout #customer_details .col2-set,
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
    width: 100% !important;
    float: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   6. SECTION HEADINGS
   ========================================================= */

body.woocommerce-checkout #customer_details h3 {
    margin: 0 0 30px !important;

    color: var(--vr-plum) !important;

    font-family: var(--vr-serif) !important;
    font-size: 39px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}


/* =========================================================
   7. BILLING FIRST + LAST NAME
   ========================================================= */

body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    column-gap: 22px !important;
}

body.woocommerce-checkout #billing_first_name_field,
body.woocommerce-checkout #billing_last_name_field {
    width: calc(50% - 11px) !important;
    clear: none !important;
}


/* Other billing fields full width */
body.woocommerce-checkout
.woocommerce-billing-fields__field-wrapper
.form-row:not(#billing_first_name_field):not(#billing_last_name_field) {
    width: 100% !important;
}


/* =========================================================
   8. LABELS
   ========================================================= */

body.woocommerce-checkout form.checkout label {
    display: block !important;

    margin-bottom: 8px !important;

    color: var(--vr-text) !important;

    font-family: var(--vr-sans) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

body.woocommerce-checkout form.checkout .required {
    color: var(--vr-gold) !important;
}


/* =========================================================
   9. INPUTS
   ========================================================= */

body.woocommerce-checkout form.checkout input.input-text,
body.woocommerce-checkout form.checkout select,
body.woocommerce-checkout form.checkout textarea {
    width: 100% !important;
    min-height: 54px !important;

    padding: 14px 17px !important;
    box-sizing: border-box !important;

    background: var(--vr-ivory) !important;
    border: 1px solid var(--vr-border) !important;
    border-radius: 10px !important;

    color: var(--vr-text) !important;

    font-family: var(--vr-sans) !important;
    font-size: 15px !important;

    outline: none !important;

    transition: all .2s ease !important;
}

body.woocommerce-checkout form.checkout textarea {
    min-height: 120px !important;
    resize: vertical !important;
}

body.woocommerce-checkout form.checkout input.input-text:focus,
body.woocommerce-checkout form.checkout select:focus,
body.woocommerce-checkout form.checkout textarea:focus {
    background: #ffffff !important;

    border-color: var(--vr-gold) !important;

    box-shadow: 0 0 0 3px rgba(185,154,85,.12) !important;
}

body.woocommerce-checkout .form-row {
    margin-bottom: 22px !important;
}


/* =========================================================
   10. ORDER REVIEW
   ========================================================= */

/* Hide WooCommerce's original heading */
body.woocommerce-checkout #order_review_heading {
    display: none !important;
}


/* Order card */
body.woocommerce-checkout #order_review {
    width: 100% !important;
    box-sizing: border-box !important;

    position: sticky !important;
    top: 30px !important;

    margin: 0 !important;
    padding: 38px 38px 35px !important;

    background: var(--vr-warm-white) !important;
    border: 1px solid rgba(229,221,209,.95) !important;
    border-radius: 20px !important;

    box-shadow: 0 20px 55px rgba(33,7,45,.17) !important;
}


/* Your Order heading */
body.woocommerce-checkout #order_review::before {
    content: "Your Order";

    display: block !important;

    padding-bottom: 20px !important;
    margin-bottom: 18px !important;

    border-bottom: 1px solid var(--vr-border-warm) !important;

    color: var(--vr-plum) !important;

    font-family: var(--vr-serif) !important;
    font-size: 39px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}


/* Gold accent */
body.woocommerce-checkout #order_review::after {
    content: "";

    position: absolute !important;

    top: 39px !important;
    left: 38px !important;

    width: 42px !important;
    height: 2px !important;

    background: var(--vr-gold) !important;
}


/* =========================================================
   11. ORDER TABLE
   ========================================================= */

body.woocommerce-checkout .woocommerce-checkout-review-order-table {
    width: 100% !important;

    margin: 0 !important;

    border: 0 !important;
    border-collapse: collapse !important;

    background: transparent !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td {
    padding: 16px 0 !important;

    border: 0 !important;
    border-bottom: 1px solid var(--vr-border-warm) !important;

    color: var(--vr-text) !important;

    font-family: var(--vr-sans) !important;
    font-size: 14px !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name {
    padding-right: 20px !important;
    font-weight: 500 !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total {
    text-align: right !important;
    white-space: nowrap !important;
    font-weight: 500 !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-top: 22px !important;
    padding-bottom: 22px !important;

    border-bottom: 0 !important;

    color: var(--vr-plum) !important;

    font-size: 19px !important;
    font-weight: 600 !important;
}


/* =========================================================
   12. PAYMENT
   ========================================================= */

body.woocommerce-checkout #payment {
    margin-top: 22px !important;
    padding: 18px !important;
    box-sizing: border-box !important;

    background: var(--vr-white) !important;

    border: 1px solid #ddd4e1 !important;
    border-radius: 12px !important;

    box-shadow: 0 5px 18px rgba(53,16,68,.06) !important;
}


/* Payment methods */
body.woocommerce-checkout #payment ul.payment_methods {
    margin: 0 0 20px !important;
    padding: 0 !important;
    border: 0 !important;
}

body.woocommerce-checkout #payment ul.payment_methods li {
    margin: 0 !important;
    padding: 15px 16px !important;

    background: #faf7fb !important;

    border: 1px solid #e2d9e5 !important;
    border-radius: 9px !important;

    color: var(--vr-text) !important;
}

body.woocommerce-checkout #payment ul.payment_methods li label {
    color: var(--vr-plum) !important;

    font-family: var(--vr-sans) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}


/* Payment box */
body.woocommerce-checkout #payment .payment_box {
    margin: 14px 0 0 !important;
    padding: 16px !important;

    background: #f5f0f7 !important;

    border: 1px solid #ddd2e2 !important;
    border-radius: 9px !important;

    color: var(--vr-text) !important;

    font-family: var(--vr-sans) !important;
}

body.woocommerce-checkout #payment .payment_box label {
    color: #4a3b4f !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}


/* Payment inputs */
body.woocommerce-checkout #payment .payment_box input,
body.woocommerce-checkout #payment .payment_box select {
    background: #ffffff !important;

    border: 1px solid #d4cbd8 !important;
    border-radius: 7px !important;

    color: var(--vr-text) !important;

    box-shadow: none !important;
}

body.woocommerce-checkout #payment .payment_box input:focus,
body.woocommerce-checkout #payment .payment_box select:focus {
    background: #ffffff !important;

    border-color: var(--vr-gold) !important;

    box-shadow: 0 0 0 3px rgba(185,154,85,.12) !important;

    outline: none !important;
}


/* Stripe */
body.woocommerce-checkout #payment .StripeElement {
    min-height: 48px !important;

    padding: 13px 14px !important;
    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid #d4cbd8 !important;
    border-radius: 7px !important;

    box-shadow: none !important;
}

body.woocommerce-checkout #payment .StripeElement--focus {
    border-color: var(--vr-gold) !important;

    box-shadow: 0 0 0 3px rgba(185,154,85,.12) !important;
}

body.woocommerce-checkout #payment .payment_box p {
    color: var(--vr-muted) !important;

    font-size: 13px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   13. PLACE ORDER BUTTON
   ========================================================= */

body.woocommerce-checkout #payment #place_order {
    width: 100% !important;
    min-height: 56px !important;

    margin: 18px 0 0 !important;
    padding: 15px 22px !important;

    background: var(--vr-plum) !important;
    color: #ffffff !important;

    border: 0 !important;
    border-radius: 9px !important;

    font-family: var(--vr-sans) !important;
    font-size: 15px !important;
    font-weight: 600 !important;

    letter-spacing: .25px !important;

    cursor: pointer !important;

    transition: all .2s ease !important;
}

body.woocommerce-checkout #payment #place_order:hover {
    background: var(--vr-plum-dark) !important;

    transform: translateY(-1px) !important;

    box-shadow: 0 8px 20px rgba(53,16,68,.20) !important;
}


/* =========================================================
   14. EXPRESS CHECKOUT
   ========================================================= */

body.woocommerce-checkout .vr-express-checkout {
    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 0 25px !important;
    padding: 22px 28px !important;

    background: #ffffff !important;

    border: 1px solid var(--vr-border) !important;
    border-radius: 14px !important;

    box-shadow: 0 10px 30px rgba(33,7,45,.10) !important;
}

body.woocommerce-checkout .vr-express-checkout::before {
    content: "Express Checkout";

    display: block !important;

    margin-bottom: 15px !important;

    color: var(--vr-plum) !important;

    font-family: var(--vr-serif) !important;
    font-size: 28px !important;
    font-weight: 600 !important;
}


/* =========================================================
   15. CHECKOUT NOTICES
   ========================================================= */

body.woocommerce-checkout
.woocommerce-info:not(.woocommerce-form-login-toggle .woocommerce-info):not(.woocommerce-form-coupon-toggle .woocommerce-info),
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-error {
    margin: 25px 0 !important;
    padding: 16px 22px !important;

    box-sizing: border-box !important;

    background: rgba(255,255,255,.97) !important;

    border: 0 !important;
    border-radius: 10px !important;

    color: var(--vr-text) !important;

    font-family: var(--vr-sans) !important;
}


/* =========================================================
   16. TABLET
   ========================================================= */

@media (max-width: 1050px) {

    body.woocommerce-checkout #customer_details {
        padding: 32px !important;
    }

    body.woocommerce-checkout #order_review {
        padding: 30px !important;
    }
}


/* =========================================================
   17. MOBILE
   ========================================================= */

@media (max-width: 850px) {

    body.woocommerce-checkout #customer_details {
        padding: 25px !important;
    }

    body.woocommerce-checkout #order_review {
        position: relative !important;
        top: auto !important;

        padding: 25px !important;
    }

    body.woocommerce-checkout #billing_first_name_field,
    body.woocommerce-checkout #billing_last_name_field {
        width: 100% !important;
    }

    body.woocommerce-checkout .woocommerce-form-login-toggle,
    body.woocommerce-checkout .woocommerce-form-coupon-toggle,
    body.woocommerce-checkout .woocommerce-form-login,
    body.woocommerce-checkout form.checkout_coupon,
    body.woocommerce-checkout .vr-express-checkout {
        width: 100% !important;
    }
}


/* =========================================================
   18. SMALL MOBILE
   ========================================================= */

@media (max-width: 650px) {

    body.woocommerce-checkout form.checkout_coupon {
        padding: 20px !important;
    }

    body.woocommerce-checkout form.checkout_coupon .form-row {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    body.woocommerce-checkout form.checkout_coupon button.button {
        width: 100% !important;
    }
}


/* =========================================================
   19. VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 520px) {

    body.woocommerce-checkout #customer_details,
    body.woocommerce-checkout #order_review {
        padding: 20px !important;
        border-radius: 14px !important;
    }

    body.woocommerce-checkout #customer_details h3,
    body.woocommerce-checkout #order_review::before {
        font-size: 31px !important;
    }
}/* End custom CSS */