/* ── Order Thank-You Page ────────────────────────────────── */
.funnel-thankyou {
    max-width: 760px;
    margin: 0 auto;
    padding: 40px 0 80px;
    text-align: center;
}

.funnel-thankyou-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #28a745;
    color: #fff;
    font-size: 32px;
    line-height: 64px;
    margin: 0 auto 20px;
}

.funnel-thankyou-heading {
    font-size: 38px;
    font-weight: 700;
    color: #0d2340;
    margin-bottom: 10px;
}

.funnel-thankyou-sub {
    font-size: 16px;
    color: #555;
    margin-bottom: 36px;
}

.funnel-thankyou-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.07);
    padding: 36px;
    text-align: left;
}

.funnel-thankyou-section {
    margin-bottom: 28px;
}

.funnel-thankyou-section h3 {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #999;
    margin-bottom: 14px;
}

.funnel-thankyou-section p {
    font-size: 14px;
    color: #444;
    margin: 0 0 4px;
    line-height: 1.6;
}

.funnel-thankyou-row {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    color: #333;
    padding: 9px 0;
    border-bottom: 1px solid #f0f0f0;
}

.funnel-thankyou-total {
    font-weight: 700;
    color: #0d2340;
    font-size: 16px;
    border-bottom: none;
    padding-top: 14px;
}

.funnel-thankyou-cols {
    display: flex;
    gap: 32px;
    border-top: 1px solid #eee;
    padding-top: 24px;
    margin-bottom: 0;
}

.funnel-thankyou-cols .funnel-thankyou-section {
    flex: 1;
}

.funnel-thankyou-next {
    border-top: 1px solid #eee;
    padding-top: 24px;
    text-align: center;
    margin-bottom: 0;
}

.funnel-thankyou-next p {
    margin-bottom: 18px;
    font-size: 15px;
    color: #555;
}

@media (max-width: 600px) {
    .funnel-thankyou-cols {
        flex-direction: column;
        gap: 0;
    }

    .funnel-thankyou-heading {
        font-size: 28px;
    }

    .funnel-thankyou-card {
        padding: 24px 18px;
    }
}

/* ── Funnel Progress Bar ─────────────────────────────────── */
.funnel-progress {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 48px;
    gap: 0;
}

.funnel-progress .step {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 1;
    max-width: 140px;
}

/* Connector line drawn after each step except the last */
.funnel-progress .step:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 7px; /* vertically centers on the 14px dot */
    left: calc(50% + 10px);
    right: calc(-50% + 10px);
    height: 2px;
    background: #d8d8d8;
    z-index: 0;
}

.funnel-progress .step.completed:not(:last-child)::after {
    background: #194e85;
}

.funnel-progress .step-number {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #d8d8d8;
    position: relative;
    z-index: 1;
    transition: background 0.25s;
    /* Hide the number digit — design uses plain dots */
    font-size: 0;
    color: transparent;
}

.funnel-progress .step.active .step-number {
    background: linear-gradient(90deg, #2A77C4 0%, #1C5591 100%);
    box-shadow: 0 0 0 3px rgba(25, 78, 133, 0.18);
}

.funnel-progress .step.completed .step-number {
    background: linear-gradient(90deg, #2A77C4 0%, #1C5591 100%);
}
.funnel-progress .step-label {
    margin-top: 10px;
    font-size: 12px;
    color: #11263D;
    font-weight: 700;
    white-space: nowrap;
}

.funnel-progress .step.active .step-label {
    color: #194e85;
    font-weight: 700;
}

.funnel-progress .step.completed .step-label {
    color: #194e85;
}

/* ── Step Panels ─────────────────────────────────────────── */
.funnel-step {
    background: #fff;
    padding:  clamp(1.8750rem, -0.0831rem + 5.4487vw, 4.0000rem) clamp(1.2500rem, -0.4778rem + 4.8077vw, 3.1250rem);
    border-radius: 32px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
    animation: funnelFadeIn 0.28s ease;
}

@keyframes funnelFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

.funnel-step > p {
    color: #666;
    margin-bottom: 28px;
}

/* ── Login Step ──────────────────────────────────────────── */
/* .funnel-step-login {
    padding: 48px 56px;
}
 */
/* Left column */

.funnel-benefits,.funnel-plan-bullets {
    list-style: none;
    padding: 0;
    margin: 0 0 clamp(1.2500rem, 0.5589rem + 1.9231vw, 2.0000rem);
    max-width: 460px;
}

.funnel-benefits li,.funnel-plan-bullets li {
display: flex;
align-items: flex-start;
gap: 14px;
margin-bottom: 18px;
font-size: clamp(0.8750rem, 0.7598rem + 0.3205vw, 1.0000rem);
	line-height: 1.26;
color: #11263D;
font-weight: 700;
}

.funnel-benefits li::before,.funnel-plan-bullets li::before {
    content: '';
    width: 10px;
    height: 10px;
    min-width: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2E7FD0 -13465%, #9BD76E -13365%);
    margin-top: 6px;
}

.funnel-login-ctas {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}

.funnel-btn-dark {
    display: inline-block;
    padding: 10px 28px;
    background: #000;
	border:unset;
    color: #fff;
    border-radius: 100px;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.07em;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
	text-transform: uppercase;
}

.funnel-btn-dark:hover {
    background: #333;
    color: #fff;
    text-decoration: none;
}

.funnel-btn-outline {
    display: inline-block;
    padding: 10px 28px;
    background: transparent;
    color: #111;
    border: 2px solid #111;
    border-radius: 100px;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.07em;
    cursor: pointer;
    transition: background 0.2s;
    white-space: nowrap;
		text-transform: uppercase;

}

.funnel-btn-outline:hover {
    background: #f5f5f5;
}

/* Right column */
.funnel-login-right {
    padding-left: 52px;
}

/* Shared fields used by login form */
.funnel-field, .woocommerce .customer_registration form .form-row-wide, .woocommerce-page .customer_registration form .form-row-wide {
    margin-bottom: 20px;
}

.funnel-field label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
}

.funnel-input,.woocommerce .customer_registration form .form-row .input-text, .woocommerce .customer_registration form .form-row select,.woocommerce-lost-password .woocommerce form .form-row .input-text {
    display: block;
    width: 100%;
    height: 52px;
    padding: 0 16px;
    border: 1.5px solid #ddd;
    border-radius: 10px;
    font-size: 15px;
    background: #fff;
    transition: border-color 0.2s, box-shadow 0.2s;
    outline: none;
}
.funnel-field input:placeholder,.woocommerce .customer_registration form .form-row .input-text:placeholder, .woocommerce .customer_registration form .form-row select:placeholder,.woocommerce-lost-password .woocommerce form .form-row .input-text:placeholder{color: #575757; opacity: 1;}
.funnel-input:focus,.woocommerce .customer_registration form .form-row .input-text:focus, .woocommerce .customer_registration form .form-row select:focus,.woocommerce-lost-password .woocommerce form .form-row .input-text:focus {
    border-color: #2e7fd0;
    box-shadow: 0 0 0 3px rgba(46, 127, 208, 0.12);
}

.funnel-signin-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
}

.funnel-remember {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #444;
    cursor: pointer;
    user-select: none;
}
.funnel-signin-meta label.funnel-remember, .funnel-field .funnel-goals .funnel-goal-item {
    display: flex;
	margin-bottom: 0px;
}
.funnel-remember input[type="checkbox"],.funnel-goal-item input[type="checkbox"] {
    width: 16px;
    height: 16px;
    cursor: pointer;
        -webkit-appearance: none;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    position: relative;
}
.funnel-remember input[type="checkbox"]:before,.funnel-goal-item input[type="checkbox"]:before {
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    width: 4px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
}
.funnel-remember input[type="checkbox"]:checked,.funnel-goal-item input[type="checkbox"]:checked {
    background-color: #000000;
    opacity: 1;
}
.funnel-forgot {
    font-size: 14px;
    color: #11263D;
    text-decoration: none;
}

.funnel-forgot:hover {
    color: #11263D;
    text-decoration: underline;
}

.funnel-btn-signin,.woocommerce-account .woocommerce-form-register__submit {
    display: inline-block;
    padding: 11.5px  clamp(1.5625rem, 0.4682rem + 3.0449vw, 2.7500rem);
    background: linear-gradient(135deg, #2e7fd0, #194e85);
    color: #fff;
    border: none;
    border-radius: 100px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.07em;
    cursor: pointer;
    transition: background 0.2s;
}

.funnel-btn-signin:hover {
    background: #194e85;
}

/* ── Details Step (Step 2) ───────────────────────────────── */
/* .funnel-step-details {
    padding: 56px 64px;
    text-align: left;
} */

.funnel-step .sectionSecondaryTitle {
    margin-bottom: clamp(1.2500rem, 0.5589rem + 1.9231vw, 2.0000rem);
}

/* Shared field wrapper for this step */
.city-zip-filed{row-gap: 20px;}
.city-zip-filed .funnel-field,.funnel-delivery-field{margin-bottom: 0;}
.funnel-step-details .funnel-field label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.funnel-optional {
    font-weight: 400;
    color: #888;
}

/* Input + select + textarea */
.funnel-input {
    display: block;
    width: 100%;
    height: 54px;
    padding: 0 16px;
    font-size: 15px;
    color: #222;
    background: #fff;
    border: 1.5px solid #d5d5d5;
    border-radius: 10px;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.funnel-input:focus {
    border-color: #2e7fd0;
    box-shadow: 0 0 0 3px rgba(46, 127, 208, 0.10);
}
.funnel-field input[type="date"]{
	line-height: 46px;
}

/* ── Field Validation States ─────────────────────────────── */
.funnel-input.is-invalid {
    border-color: #e53935 !important;
    box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.10) !important;
}

.funnel-input.is-valid {
    border-color: #43a047;
}

.funnel-error-msg {
    display: none;
    font-size: 12px;
    color: #e53935;
    margin-top: 5px;
    line-height: 1.4;
}

.funnel-error-msg.visible {
    display: block;
}

/* Checkbox group invalid state */


/* Form-level error banner (AJAX failures) */
.funnel-form-error {
    display: none;
    background: #fdecea;
    border: 1px solid #f5c6c6;
    color: #c62828;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 20px;
}

/* Custom select arrow */
.funnel-select {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    padding-right: 48px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23101E2E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
}

/* Textarea */
.funnel-textarea {
    height: 120px;
    padding: 14px 16px;
    resize: vertical;
    line-height: 1.5;
}

/* Goals checkboxes */
.funnel-goals {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 28px;
    margin-top: 4px;
}

.funnel-goal-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: #333;
    cursor: pointer;
    user-select: none;
}

/* BACK / CONTINUE navigation row */
.funnel-step-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 36px;
}

/* ── Address Step ────────────────────────────────────────── */
.funnel-step label,.woocommerce .customer_registration form .form-row label,.woocommerce-lost-password .woocommerce-ResetPassword  .user_login {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
    color: #11263D;
	line-height: 1.5;
}
.funnel-step .required {
    color: #e53935;
}

.funnel-step .form-control {
    height: 46px;
    border-radius: 8px;
    border: 1.5px solid #ddd;
    font-size: 15px;
    padding: 0 14px;
    transition: border-color 0.2s, box-shadow 0.2s;
    width: 100%;
}

.funnel-step .form-control:focus {
    border-color: #2e7fd0;
    box-shadow: 0 0 0 3px rgba(46, 127, 208, 0.12);
    outline: none;
}

.funnel-step select.form-control {
    cursor: pointer;
}

.funnel-step .form-group {
    margin-bottom: 18px;
}

/* ── Service Step ────────────────────────────────────────── */
.funnel-cart-item {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 12px;
}

.funnel-cart-thumb img {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.funnel-cart-details {
    flex: 1;
}

.funnel-cart-details h4 {
    font-size: 17px;
    margin-bottom: 4px;
}

.funnel-cart-details p {
    color: #666;
    margin: 0;
}

.funnel-cart-qty {
    font-weight: 600;
    font-size: 14px;
    color: #555;
    white-space: nowrap;
}

.funnel-cart-total {
    border-top: 2px solid #eee;
    padding-top: 14px;
    margin-top: 4px;
    text-align: right;
    font-size: 18px;
}

/* ── Plan Step (Step 3) ──────────────────────────────────── */
/* .funnel-step-plan {
    padding: 48px 56px 40px;
} */

.funnel-plan-layout {
    display: flex;
    align-items: center;
    gap: 25px 56px;
}

/* Left: image card */
.funnel-plan-image-col {
    flex: 0 0 42%;
    max-width: 42%;
}

.funnel-plan-image-card {
    background: #ffffff;
    border-radius: 32px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #11263D14;
}

.funnel-plan-image-card img {
    width: 100%;
    height: auto;
    max-height: 380px;
    object-fit: contain;
    display: block;
}

/* Right: product details */
.funnel-plan-details-col {
    flex: 1;
}

.funnel-step .sectionSecondaryTitle.funnel-plan-name {
    margin-bottom: 18px;
}

.funnel-plan-price {
        font-size: clamp(1.5000rem, 0.1178rem + 3.8462vw, 3.0000rem);
    font-weight: 700;
    color: #194E85;
    line-height: 1;
    margin-bottom: clamp(1.2500rem, 0.6741rem + 1.6026vw, 1.8750rem);
}

/* Strip WC price wrapper styling */
.funnel-plan-price .woocommerce-Price-amount {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}


.funnel-plan-desc {
    font-size: 15px;
    color: #666;
    line-height: 1.65;
    margin-bottom: 28px;
    max-width: 420px;
}


/* Empty state */
.funnel-plan-empty {
    text-align: center;
    padding: 60px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

/* ── Schedule Step (Step 4) ──────────────────────────────── */


/* Delivery method — inline radio buttons */
.funnel-delivery-options {
    display: flex;
    align-items: center;
    gap: 5px 32px;
    flex-wrap: wrap;
    margin-top: 6px;
}

.funnel-delivery-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: #222;
    cursor: pointer;
    user-select: none;
}

/* Hide the native radio input */
.funnel-delivery-item input[type="radio"] {
    display: none;
}

/* Custom radio circle */
.funnel-radio-dot {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #bbb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: border-color 0.2s, background 0.2s;
    background: #fff;
	margin-right: 6px;
}

/* Inner filled dot when checked */
.funnel-radio-dot::after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: transparent;
    transition: background 0.2s;
}

.funnel-delivery-item input[type="radio"]:checked ~ .funnel-radio-dot {
    border-color: #194e85;
    background: #194e85;
}

.funnel-delivery-item input[type="radio"]:checked ~ .funnel-radio-dot::after {
    background: #fff;
}

/* ── Payment Step (Step 5) ───────────────────────────────── */

.funnel-payment-heading {
    font-size: 42px;
    font-weight: 700;
    text-align: center;
    color: #0d2340;
    margin-bottom: 40px;
}

/* Two-column layout */
.funnel-payment-layout {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

/* ── Left: Order Summary card ── */
.funnel-payment-summary {
    flex: 0 0 340px;
    border-radius: 16px;
    padding: 28px 24px;
    box-shadow: 0px 4px 34px 0px #1E2F400F;
}
.funnel-summary-heading {
    margin: 0 0 20px;
}

.funnel-summary-product {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.funnel-summary-thumb img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    border-radius: 8px;
    background: #fff;
    padding: 4px;
}

.funnel-summary-product-name {
    font-size: 15px;
    font-weight: 600;
    color: #0d2340;
    margin: 0 0 4px;
}

.funnel-summary-product-price {
    font-size: 15px;
    color: #194E85;
    font-weight: 700;
    margin: 0;
}

.funnel-summary-divider {
    height: 1px;
    background: #ddd;
    margin: 14px 0;
}

.funnel-summary-row {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    color: #7C8A98;
    margin-bottom: 10px;
}
.funnel-summary-total {
    display: flex;
    justify-content: space-between;
    font-size: clamp(1.1250rem, 0.8946rem + 0.6410vw, 1.3750rem);
    font-weight: 700;
    color: #194E85;
}

.funnel-summary-address {
    font-size: 13px;
    color: #666;
    line-height: 1.6;
}

.funnel-summary-label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #999;
    margin-bottom: 6px;
}

.funnel-summary-address p {
    margin: 0;
}

/* ── Right: WC Payment Form ── */
.funnel-payment-form-col {
    flex: 1;
    min-width: 0;
}

/* Hide billing/shipping address sections — collected in Schedule step */
.funnel-payment-form-col .woocommerce-billing-fields,
.funnel-payment-form-col .woocommerce-shipping-fields,
.funnel-payment-form-col #ship-to-different-address,
.funnel-payment-form-col #customer_details {
    display: none !important;
}

/* Hide WC's own "Your order" heading — we have our summary */
.funnel-payment-form-col #order_review_heading {
    display: none;
}

/* Style the order review table */
.funnel-payment-form-col .woocommerce-checkout-review-order-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 16px;
    font-size: 14px;
}

.funnel-payment-form-col .woocommerce-checkout-review-order-table th,
.funnel-payment-form-col .woocommerce-checkout-review-order-table td {
    padding: 10px 4px;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}

/* Style WC payment method area */
.funnel-payment-form-col .wc_payment_methods {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.funnel-payment-form-col .wc_payment_method label {
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

.funnel-payment-form-col .payment_box {
    background: #f9fafb;
    border-radius: 10px;
    padding: 16px;
    margin-top: 12px;
    border: 1px solid #eee;
}

/* Style WC inputs inside payment box to match funnel inputs */
.funnel-payment-form-col .payment_box input,
.funnel-payment-form-col .payment_box select {
    height: 46px;
    border-radius: 8px;
    border: 1.5px solid #ddd;
    padding: 0 12px;
    font-size: 14px;
    width: 100%;
    transition: border-color 0.2s;
}

.funnel-payment-form-col .payment_box input:focus,
.funnel-payment-form-col .payment_box select:focus {
    border-color: #2e7fd0;
    outline: none;
}

/* Style WC "Place order" button to match our design */
.funnel-payment-form-col #place_order,
.funnel-payment-form-col .button.alt,
.funnel-payment-form-col button[type="submit"].button {
    display: inline-block;
    width: auto;
    padding: 13px clamp(1.5625rem, 0.4682rem + 3.0449vw, 2.7500rem) !important;
	background: linear-gradient(135deg, #2e7fd0, #194e85) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 100px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.07em !important;
    cursor: pointer;
    transition: background 0.2s !important;
    text-transform: uppercase;
}

.funnel-payment-form-col #place_order:hover,
.funnel-payment-form-col .button.alt:hover {
    background: #194e85 !important;
}

/* BACK row */
.funnel-payment-back-row {
    margin-top: 24px;
}

/* ── Shared "Next" Button (Address, Service, Schedule steps) ─ */
.funnel-btn {
    display: inline-block;
    padding: 14px 32px;
    background: #194e85;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s;
    text-decoration: none;
}

.funnel-btn:hover {
    background: #2e7fd0;
    color: #fff;
}

.funnel-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.customer_registration .u-column1, .woocommerce-lost-password .woocommerce-ResetPassword,.woocommerce-form.woocommerce-form-login.login {
	padding: 0;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}
.woocommerce-form.woocommerce-form-login.login{
	padding: 20px;
	 text-align: left;
}
.woocommerce-lost-password .entry-content .woocommerce >.woocommerce-message, .woocommerce-lost-password .entry-content .woocommerce >p {
    max-width: 500px;
    margin: 0 auto 20px;
}
.woocommerce-lost-password .woocommerce-ResetPassword {
    text-align: unset;
}
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first, .woocommerce-lost-password .woocommerce-ResetPassword .form-row.form-row-last {
    width: 100%;
    padding: 0;
}
.woocommerce .customer_registration form.register,.woocommerce-lost-password .woocommerce-ResetPassword  {
    margin-bottom: 0;
    border-radius: 32px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
    border: unset;
    padding: 30px clamp(1.2500rem, 0.8061rem + 0.9259vw, 1.5000rem);
}
.woocommerce-account .customer_registration .woocommerce-Button.woocommerce-button,.woocommerce-lost-password .woocommerce-Button.button  {
    margin: 10px 0 0 auto;
}
.woocommerce-privacy-policy-text {
    font-size: 14px;
    margin-top: 15px;
}
.woocommerce .customer_registration  form .form-row{padding: 0;}
.woocommerce-page  .customer_registration, .woocommerce-lost-password .main-container
{    margin-top: clamp(2.5000rem, 1.3482rem + 3.2051vw, 3.7500rem);}	
.woocommerce-lost-password .main-container  h1 {
    text-align: center;
    margin: 0 0 2rem;
}
/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 991px) {
/*     .funnel-step-login {
        padding: 32px 28px;
    } */

    .funnel-login-right {
        padding-left: 28px;
    }
}

@media (max-width: 991px) {

    .funnel-plan-layout {
        flex-direction: column;
		align-items: start;
    }

    .funnel-plan-image-col {
        flex: none;
        max-width: 100%;
        width: 100%;
    }


    .funnel-payment-layout {
        flex-direction: column;
    }

    .funnel-payment-summary {
        flex: none;
        width: 100%;
    }
}

@media (max-width: 767px) {
   
    .funnel-progress .step-label {
        font-size: 11px;
    }


    .funnel-login-right {
        padding-left: 15px;
		margin-top: 25px;
    }

    .funnel-login-ctas {
        flex-direction: column;
    }

    .funnel-btn-dark:not(.funnel-step-nav .funnel-btn-dark),
    .funnel-btn-outline:not(.funnel-step-nav .funnel-btn-outline) {
        width: 100%;
        text-align: center;
    }

    .funnel-cart-thumb img {
        width: 54px;
        height: 54px;
    }
	.funnel-benefits li, .funnel-plan-bullets li {
    gap: 10px;
    margin-bottom: 12px;
}
	.funnel-benefits li::before,.funnel-plan-bullets li::before {
    width: 8px;
    height: 8px;
    min-width: 8px;
}
	.funnel-input:not(.funnel-textarea),.woocommerce .customer_registration form .form-row .input-text, .woocommerce .customer_registration form .form-row select, .woocommerce-lost-password .woocommerce form .form-row .input-text{height: 44px;}
	.funnel-field input[type="date"]{
	line-height: 36px;
}

}