.bbwab-macro-funnel-form{
    --bbwab-ink: #111;
    --bbwab-muted: #676767;
    --bbwab-line: #d8d8d8;
    --bbwab-soft: #f5f5f5;
    --bbwab-paper: #fff;
    --bbwab-radius: 14px;
    color: var(--bbwab-ink);
margin: 28px auto;
    max-width: 940px;
}

.bbwab-macro-funnel-form *,
.bbwab-macro-funnel-form *::before,
.bbwab-macro-funnel-form *::after{
    box-sizing: border-box;
}

.bbwab-macro-funnel-form .bbwab-shell{
    background: var(--bbwab-paper);
    border: 1px solid var(--bbwab-line);
    border-radius: 20px;
    box-shadow: 0 16px 45px rgba(0,0,0,.08);
    overflow: hidden;
}

.bbwab-macro-funnel-form .bbwab-panel{
    display: none;
    padding: 46px;
}

.bbwab-macro-funnel-form .bbwab-panel.is-active{
    display: block;
}

.bbwab-macro-funnel-form .bbwab-nav-button{
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: #111;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    gap: 8px;
    margin: -12px 0 18px -12px;
    min-height: 44px;
    padding: 8px 13px;
}

.bbwab-macro-funnel-form .bbwab-nav-button span{
    font-size: 26px;
    line-height: 1;
}

.bbwab-macro-funnel-form .bbwab-nav-button:hover{
    background: #f0f0f0;
}

.bbwab-macro-funnel-form .bbwab-heading{
    margin: 0 auto 32px;
    max-width: 690px;
    text-align: center;
}

.bbwab-macro-funnel-form .bbwab-heading h2,
.bbwab-macro-funnel-form .bbwab-confirmation h2{
    font-size: clamp(29px, 4vw, 44px);
    line-height: 1.05;
    margin: 0 0 12px;
}

.bbwab-macro-funnel-form .bbwab-heading p,
.bbwab-macro-funnel-form .bbwab-confirmation > p{
    color: var(--bbwab-muted);
    line-height: 1.6;
    margin: 0;
}

.bbwab-macro-funnel-form .bbwab-grid{
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bbwab-macro-funnel-form .bbwab-span-2{
    grid-column: 1 / -1;
}

.bbwab-macro-funnel-form .bbwab-field{
    border: 0;
    display: block;
    margin: 0;
    padding: 0;
}

.bbwab-macro-funnel-form .bbwab-field > span,
.bbwab-macro-funnel-form .bbwab-field legend{
    display: block;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 8px;
}

.bbwab-macro-funnel-form input[type="number"],
.bbwab-macro-funnel-form input[type="text"],
.bbwab-macro-funnel-form input[type="email"],
.bbwab-macro-funnel-form select{
    background: #fff;
    border: 1px solid #bdbdbd;
    border-radius: 9px;
    font: inherit;
    min-height: 52px;
    padding: 12px 14px;
    width: 100%;
}

.bbwab-macro-funnel-form input:focus,
.bbwab-macro-funnel-form select:focus,
.bbwab-macro-funnel-form button:focus-visible{
    box-shadow: 0 0 0 3px rgba(0,0,0,.13);
    outline: 0;
}

.bbwab-macro-funnel-form .bbwab-options{
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bbwab-macro-funnel-form .bbwab-options-goals{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bbwab-macro-funnel-form .bbwab-options label{
    cursor: pointer;
    position: relative;
}

.bbwab-macro-funnel-form .bbwab-options input{
    opacity: 0;
    position: absolute;
}

.bbwab-macro-funnel-form .bbwab-options span{
    align-items: center;
    border: 1px solid #bdbdbd;
    border-radius: 9px;
    display: flex;
    font-weight: 700;
    justify-content: center;
    min-height: 52px;
    padding: 10px;
    text-align: center;
}

.bbwab-macro-funnel-form .bbwab-options input:checked + span{
    background: #111;
    border-color: #111;
    color: #fff;
}

.bbwab-macro-funnel-form .bbwab-primary{
    appearance: none;
    background: #111;
    border: 1px solid #111;
    border-radius: 9px;
    color: #fff;
    cursor: pointer;
    display: block;
    font: inherit;
    font-weight: 900;
    letter-spacing: .02em;
    margin: 26px auto 0;
    min-height: 54px;
    padding: 14px 22px;
    width: min(100%, 500px);
}

.bbwab-macro-funnel-form .bbwab-primary:hover{
    background: #333;
}

.bbwab-macro-funnel-form .bbwab-primary:disabled{
    cursor: wait;
    opacity: .65;
}

.bbwab-macro-funnel-form .bbwab-error{
    background: #fff1f1;
    border: 1px solid #c44;
    border-radius: 8px;
    color: #8b0000;
    margin-top: 18px;
    padding: 12px 14px;
}

.bbwab-macro-funnel-form .bbwab-calorie-card{
    align-items: center;
    background: var(--bbwab-soft);
    border: 1px solid var(--bbwab-line);
    border-radius: var(--bbwab-radius);
    display: flex;
    gap: 22px;
    justify-content: space-between;
    margin-bottom: 18px;
    padding: 24px;
}

.bbwab-macro-funnel-form .bbwab-calorie-card small,
.bbwab-macro-funnel-form .bbwab-macro-row small{
    display: block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
}

.bbwab-macro-funnel-form .bbwab-calorie-card strong{
    display: block;
    font-size: clamp(31px, 4vw, 48px);
    margin-top: 4px;
}

.bbwab-macro-funnel-form .bbwab-calorie-card p{
    color: var(--bbwab-muted);
    margin: 0;
    max-width: 310px;
    text-align: right;
}

.bbwab-macro-funnel-form .bbwab-macro-list{
    border: 1px solid var(--bbwab-line);
    border-radius: var(--bbwab-radius);
    overflow: hidden;
}

.bbwab-macro-funnel-form .bbwab-macro-row{
    align-items: center;
    display: grid;
    gap: 18px;
    grid-template-columns: 1.4fr .5fr 1fr 54px;
    padding: 20px 22px;
}

.bbwab-macro-funnel-form .bbwab-macro-row + .bbwab-macro-row{
    border-top: 1px solid var(--bbwab-line);
}

.bbwab-macro-funnel-form .bbwab-macro-row p{
    color: var(--bbwab-muted);
    font-size: 13px;
    margin: 4px 0 0;
}

.bbwab-macro-funnel-form .bbwab-macro-row strong{
    font-size: 24px;
}

.bbwab-macro-funnel-form .bbwab-meter{
    background: #e5e5e5;
    border-radius: 999px;
    height: 10px;
    overflow: hidden;
}

.bbwab-macro-funnel-form .bbwab-meter i{
    background: #111;
    display: block;
    height: 100%;
    width: 0;
}

.bbwab-macro-funnel-form .bbwab-percent-label{
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.05;
    min-width: 58px;
    text-align: center;
}

.bbwab-macro-funnel-form .bbwab-percent-label strong{
    display: block;
    font-size: 20px;
    font-weight: 400;
}

.bbwab-macro-funnel-form .bbwab-percent-label small{
    color: var(--bbwab-muted);
    display: block;
    font-size: 9px;
    line-height: 1.15;
    margin-top: 4px;
    white-space: nowrap;
}

.bbwab-macro-funnel-form .bbwab-result-unlock{
    align-items: center;
    background: #fff;
    border: 1px dashed #777;
    border-radius: 12px;
    display: grid;
    gap: 28px;
    grid-template-columns: 1.05fr 1fr;
    margin-top: 24px;
    padding: 24px;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-intro{
    align-items: start;
    display: grid;
    gap: 16px;
    grid-template-columns: 64px 1fr;
}

.bbwab-macro-funnel-form .bbwab-lock-icon{
    align-items: center;
    border: 2px solid #111;
    border-radius: 999px;
    display: flex;
    font-size: 25px;
    height: 58px;
    justify-content: center;
    width: 58px;
}

.bbwab-macro-funnel-form .bbwab-result-unlock h3{
    font-size: 22px;
    line-height: 1.08;
    margin: 0 0 8px;
}

.bbwab-macro-funnel-form .bbwab-result-unlock p{
    color: var(--bbwab-muted);
    font-size: 14px;
    line-height: 1.55;
    margin: 0;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-list{
    list-style: none;
    margin: 0;
    padding: 0;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-list li{
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 9px;
    padding-left: 25px;
    position: relative;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-list li::before{
    align-items: center;
    border: 1px solid #111;
    border-radius: 999px;
    content: "✓";
    display: flex;
    font-size: 11px;
    font-weight: 900;
    height: 17px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: -1px;
    width: 17px;
}



.bbwab-macro-funnel-form .bbwab-result-unlock-form{
    align-items: end;
    border-top: 1px solid var(--bbwab-line);
    display: grid;
    gap: 16px;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 22px;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-field + .bbwab-field{
    margin-top: 0;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-error,
.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-primary{
    grid-column: 1 / -1;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-primary{
    margin-top: 0;
    width: min(100%, 560px);
}

.bbwab-macro-funnel-form .bbwab-confirmation{
    margin: 0 auto;
    max-width: 650px;
    text-align: center;
}

.bbwab-macro-funnel-form .bbwab-check{
    align-items: center;
    border: 3px solid #111;
    border-radius: 999px;
    display: flex;
    font-size: 36px;
    font-weight: 900;
    height: 80px;
    justify-content: center;
    margin: 0 auto 22px;
    width: 80px;
}

.bbwab-macro-funnel-form .bbwab-confirm-card{
    background: var(--bbwab-soft);
    border: 1px solid var(--bbwab-line);
    border-radius: var(--bbwab-radius);
    margin-top: 28px;
    padding: 24px;
}

.bbwab-macro-funnel-form .bbwab-confirm-card strong{
    display: block;
    font-size: 18px;
    margin-bottom: 8px;
}

.bbwab-macro-funnel-form .bbwab-confirm-card p{
    color: var(--bbwab-muted);
    line-height: 1.6;
    margin: 0;
}

.bbwab-macro-funnel-form .bbwab-modal[hidden]{
    display: none;
}

.bbwab-macro-funnel-form .bbwab-modal{
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 18px;
    position: fixed;
    z-index: 999999;
}

.bbwab-macro-funnel-form .bbwab-modal-backdrop{
    background: rgba(0,0,0,.65);
    inset: 0;
    position: absolute;
}

.bbwab-macro-funnel-form .bbwab-modal-card{
    background: #fff;
    border: 1px solid #bdbdbd;
    border-radius: 11px;
    box-shadow: 0 24px 70px rgba(0,0,0,.32);
    max-height: calc(100vh - 36px);
    max-width: 460px;
    overflow: auto;
    padding: 28px 30px 24px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.bbwab-macro-funnel-form .bbwab-modal-close{
    appearance: none;
    background: transparent;
    border: 0;
    color: #222;
    cursor: pointer;
    font-size: 27px;
    line-height: 1;
    padding: 5px;
    position: absolute;
    right: 10px;
    top: 8px;
}

.bbwab-macro-funnel-form .bbwab-success-mark{
    margin: 0 auto 8px;
    position: relative;
    width: 90px;
}

.bbwab-macro-funnel-form .bbwab-success-mark::before,
.bbwab-macro-funnel-form .bbwab-success-mark::after{
    border-top: 2px solid #888;
    content: "";
    position: absolute;
    top: 26px;
    width: 15px;
}

.bbwab-macro-funnel-form .bbwab-success-mark::before{
    left: 0;
    transform: rotate(22deg);
}

.bbwab-macro-funnel-form .bbwab-success-mark::after{
    right: 0;
    transform: rotate(-22deg);
}

.bbwab-macro-funnel-form .bbwab-success-mark span{
    align-items: center;
    border: 3px solid #111;
    border-radius: 999px;
    display: flex;
    font-size: 30px;
    font-weight: 900;
    height: 58px;
    justify-content: center;
    margin: 0 auto;
    width: 58px;
}

.bbwab-macro-funnel-form .bbwab-modal-card h2{
    font-size: 31px;
    line-height: 1.05;
    margin: 8px 0 4px;
}

.bbwab-macro-funnel-form .bbwab-modal-subtitle{
    color: #555;
    font-size: 13px;
    margin: 0;
}

.bbwab-macro-funnel-form .bbwab-modal-rule{
    border-top: 1px solid #cfcfcf;
    margin: 15px 0 6px;
}

.bbwab-macro-funnel-form .bbwab-success-row{
    align-items: center;
    border-bottom: 1px solid #d9d9d9;
    display: grid;
    gap: 14px;
    grid-template-columns: 42px 1fr;
    padding: 15px 0;
    text-align: left;
}

.bbwab-macro-funnel-form .bbwab-success-row:last-of-type{
    border-bottom: 0;
}

.bbwab-macro-funnel-form .bbwab-success-icon{
    align-items: center;
    border: 1px solid #111;
    border-radius: 999px;
    display: flex;
    font-size: 18px;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.bbwab-macro-funnel-form .bbwab-success-row p{
    color: #333;
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
}

.bbwab-macro-funnel-form .bbwab-modal-action{
    align-items: center;
    appearance: none;
    background: #111;
    border: 1px solid #111;
    border-radius: 5px;
    color: #fff !important;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 900;
    justify-content: center;
    margin-top: 12px;
    min-height: 48px;
    padding: 12px 16px;
    text-decoration: none !important;
    width: 100%;
}

.bbwab-macro-funnel-form .bbwab-modal-secondary{
    appearance: none;
    background: transparent;
    border: 0;
    color: #111;
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
    margin-top: 12px;
    padding: 8px;
    text-decoration: underline;
}

.bbwab-macro-funnel-form .bbwab-provider-note{
    color: #666;
    display: block;
    font-size: 11px;
    margin-top: 5px;
}

@media (max-width: 720px){
    .bbwab-macro-funnel-form .bbwab-panel{
        padding: 28px 18px;
    }

    .bbwab-macro-funnel-form .bbwab-grid,
.bbwab-macro-funnel-form .bbwab-result-unlock,
.bbwab-macro-funnel-form .bbwab-result-unlock-form{
        grid-template-columns: 1fr;
    }

    .bbwab-macro-funnel-form .bbwab-result-unlock-intro{
        grid-template-columns: 52px 1fr;
    }

    .bbwab-macro-funnel-form .bbwab-span-2{
        grid-column: auto;
    }

    .bbwab-macro-funnel-form .bbwab-options-goals{
        grid-template-columns: 1fr;
    }

    .bbwab-macro-funnel-form .bbwab-calorie-card{
        align-items: flex-start;
        flex-direction: column;
    }

    .bbwab-macro-funnel-form .bbwab-calorie-card p{
        text-align: left;
    }

    .bbwab-macro-funnel-form .bbwab-macro-row{
        grid-template-columns: 1fr auto;
    }

    .bbwab-macro-funnel-form .bbwab-meter{
        grid-column: 1 / 2;
    }

    .bbwab-macro-funnel-form .bbwab-modal-card{
        padding: 26px 20px 20px;
    }
}


.bbwab-macro-funnel-form /* v1.8.6: result unlock form color refresh only */
.bbwab-result-unlock{
    background: #f35e44;
    border: 1px dashed rgba(17, 17, 17, .45);
    color: #111;
}

.bbwab-macro-funnel-form .bbwab-result-unlock h3,
.bbwab-macro-funnel-form .bbwab-result-unlock-list li,
.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-field > span{
    color: #111;
}

.bbwab-macro-funnel-form .bbwab-result-unlock p{
    color: rgba(17, 17, 17, .72);
}

.bbwab-macro-funnel-form .bbwab-result-unlock-intro,
.bbwab-macro-funnel-form .bbwab-result-unlock-list{
    align-self: start;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form{
    border-top: 1px solid rgba(255,255,255,.85);
}

.bbwab-macro-funnel-form .bbwab-result-unlock .bbwab-lock-icon{
    background: transparent;
    border-color: #111;
    color: #111;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-list li::before{
    border-color: #111;
    color: #111;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form input[type="text"],
.bbwab-macro-funnel-form .bbwab-result-unlock-form input[type="email"]{
    background: #fff;
    border: 1px solid #b7b7b7;
    border-radius: 10px;
    color: #111;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form input[type="text"]::placeholder,
.bbwab-macro-funnel-form .bbwab-result-unlock-form input[type="email"]::placeholder{
    color: #8e8e8e;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-error{
    background: #f7e8e8;
    border: 1px solid rgba(139, 0, 0, .12);
    color: #8e130d;
    margin-top: 0;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-primary{
    background: #27c3c2;
    border-color: #27c3c2;
    border-radius: 4px;
    color: #fff;
    letter-spacing: .06em;
    text-transform: uppercase;
    width: min(100%, 560px);
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-primary:hover{
    background: #1db0af;
    border-color: #1db0af;
}


/* v1.8.7: precise unlock-form colors and checklist cleanup only */
.bbwab-macro-funnel-form .bbwab-result-unlock{
    background: #f35e44 !important;
    border-color: rgba(255, 255, 255, .55) !important;
    color: #fff !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock h3,
.bbwab-macro-funnel-form .bbwab-result-unlock p,
.bbwab-macro-funnel-form .bbwab-result-unlock-list,
.bbwab-macro-funnel-form .bbwab-result-unlock-list li,
.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-field > span{
    color: #fff !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock p{
    opacity: .86;
}

.bbwab-macro-funnel-form .bbwab-result-unlock .bbwab-lock-icon{
    border-color: #fff !important;
    color: #fff !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-list{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-list li{
    list-style: none !important;
    margin-left: 0 !important;
    padding-left: 27px !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-list li::marker{
    content: "" !important;
    display: none !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-list li::before{
    background: transparent !important;
    border-color: #fff !important;
    color: #fff !important;
    content: "✓" !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form{
    border-top-color: rgba(255, 255, 255, .75) !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form input[type="text"],
.bbwab-macro-funnel-form .bbwab-result-unlock-form input[type="email"]{
    background: #fff !important;
    border-color: #d6d6d6 !important;
    color: #111 !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-error{
    background: #fff0f0 !important;
    border-color: rgba(139, 0, 0, .12) !important;
    color: #8e130d !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-primary,
.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-primary:hover,
.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-primary:focus,
.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-primary:active{
    background: #20b9b7 !important;
    border-color: #20b9b7 !important;
    color: #fff !important;
    opacity: 1 !important;
    box-shadow: none;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-primary:hover{
    background: #18a9a7 !important;
    border-color: #18a9a7 !important;
}


/* v1.9.7 — dark BBWAB form theme */
.bbwab-macro-funnel-form{
    --bbwab-brand-navy: #020122;
    --bbwab-brand-card: #0a0930;
    --bbwab-brand-field: #12112f;
    --bbwab-brand-orange: #f35e44;
    --bbwab-brand-white: #ffffff;
    --bbwab-brand-muted: rgba(255,255,255,.66);
    color: var(--bbwab-brand-white);
}

.bbwab-macro-funnel-form .bbwab-shell{
    background: var(--bbwab-brand-card);
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 20px;
    box-shadow: 0 20px 55px rgba(0,0,0,.28);
}

.bbwab-macro-funnel-form .bbwab-panel{
    background: transparent;
}

.bbwab-macro-funnel-form .bbwab-form-brand{
    display: flex;
    justify-content: center;
    margin: 0 auto 28px;
}

.bbwab-macro-funnel-form .bbwab-form-brand img{
    display: block;
    height: auto;
    max-width: 100%;
    width: 280px;
}

.bbwab-macro-funnel-form .bbwab-heading h2{
    color: var(--bbwab-brand-white);
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 500;
    letter-spacing: normal;
    text-transform: uppercase;
}

.bbwab-macro-funnel-form .bbwab-heading p{
    color: var(--bbwab-brand-muted);
}

.bbwab-macro-funnel-form .bbwab-field > span,
.bbwab-macro-funnel-form .bbwab-field legend{
    color: var(--bbwab-brand-white);
}

.bbwab-macro-funnel-form .bbwab-options span{
    background: transparent;
    border-color: rgba(255,255,255,.72);
    color: var(--bbwab-brand-white);
}

.bbwab-macro-funnel-form .bbwab-options input:checked + span{
    background: var(--bbwab-brand-orange);
    border-color: var(--bbwab-brand-orange);
    color: var(--bbwab-brand-white);
}

.bbwab-macro-funnel-form .bbwab-options span:hover{
    border-color: var(--bbwab-brand-orange);
}

.bbwab-macro-funnel-form input[type="number"],
.bbwab-macro-funnel-form input[type="text"],
.bbwab-macro-funnel-form input[type="email"],
.bbwab-macro-funnel-form select{
    background: #ffffff;
    border-color: #d7d7dc;
    color: #111111;
}

.bbwab-macro-funnel-form input::placeholder{
    color: #767676;
}

.bbwab-macro-funnel-form input:focus,
.bbwab-macro-funnel-form select:focus{
    border-color: var(--bbwab-brand-orange);
    box-shadow: 0 0 0 3px rgba(243,94,68,.22);
}

.bbwab-macro-funnel-form .bbwab-primary{
    background: var(--bbwab-brand-orange);
    border-color: var(--bbwab-brand-orange);
    color: var(--bbwab-brand-white);
}

.bbwab-macro-funnel-form .bbwab-primary:hover,
.bbwab-macro-funnel-form .bbwab-primary:focus{
    background: #db4e3a;
    border-color: #db4e3a;
}

.bbwab-macro-funnel-form .bbwab-nav-button{
    color: var(--bbwab-brand-white);
}

.bbwab-macro-funnel-form .bbwab-nav-button:hover{
    background: rgba(255,255,255,.08);
}

.bbwab-macro-funnel-form .bbwab-calorie-card,
.bbwab-macro-funnel-form .bbwab-macro-list{
    background: var(--bbwab-brand-field);
    border-color: rgba(255,255,255,.18);
    color: var(--bbwab-brand-white);
}

.bbwab-macro-funnel-form .bbwab-calorie-card p,
.bbwab-macro-funnel-form .bbwab-macro-row p,
.bbwab-macro-funnel-form .bbwab-percent-label small{
    color: var(--bbwab-brand-muted);
}

.bbwab-macro-funnel-form .bbwab-macro-row + .bbwab-macro-row{
    border-top-color: rgba(255,255,255,.14);
}

.bbwab-macro-funnel-form .bbwab-meter{
    background: rgba(255,255,255,.16);
}

.bbwab-macro-funnel-form .bbwab-meter i{
    background: var(--bbwab-brand-orange);
}

.bbwab-macro-funnel-form .bbwab-percent-label strong{
    color: var(--bbwab-brand-white);
}

.bbwab-macro-funnel-form .bbwab-error{
    background: #fff0f0;
    border-color: rgba(139,0,0,.16);
    color: #8e130d;
}

@media (max-width: 720px){
    .bbwab-macro-funnel-form .bbwab-form-brand img{
        width: 220px;
    }
}


/* v1.9.9 — Results-screen unlock form cleanup */
.bbwab-macro-funnel-form .bbwab-result-unlock-form{
    align-items: start;
    gap: 18px 16px;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-field{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-field > span{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    display: block !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin: 0 0 9px !important;
    min-height: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form input[type="text"],
.bbwab-macro-funnel-form .bbwab-result-unlock-form input[type="email"]{
    display: block !important;
    margin: 0 !important;
    min-height: 54px !important;
    width: 100% !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-primary{
    margin: 0 auto !important;
}


/* v1.10.0 — Feet-and-inches height input guidance */
.bbwab-macro-funnel-form .bbwab-field-help{
    color: rgba(255, 255, 255, .66);
    display: block;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 7px;
}

.bbwab-macro-funnel-form input[name="height"][aria-invalid="true"]{
    border-color: #f35e44 !important;
    box-shadow: 0 0 0 3px rgba(243, 94, 68, .24) !important;
}


/* v1.13.5 — Confirmation popup redesign only */
.bbwab-macro-funnel-form .bbwab-modal{
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.bbwab-macro-funnel-form .bbwab-modal-backdrop{
    background: rgba(2, 1, 34, .72);
    backdrop-filter: blur(2px);
}

.bbwab-macro-funnel-form .bbwab-modal-card{
    background: #ffffff;
    border: 1px solid #d8d8dc;
    border-radius: 18px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .28);
    color: #111111;
    max-width: 780px;
    padding: 42px 34px 30px;
    text-align: center;
    width: min(780px, 100%);
}

.bbwab-macro-funnel-form .bbwab-modal-close{
    background: transparent;
    border: 0;
    color: #555555;
    cursor: pointer;
    font-size: 26px;
    line-height: 1;
    padding: 8px;
    position: absolute;
    right: 14px;
    top: 10px;
}

.bbwab-macro-funnel-form .bbwab-success-mark{
    height: 92px;
    margin: 0 auto 18px;
    position: relative;
    width: 110px;
}

.bbwab-macro-funnel-form .bbwab-success-mark > span{
    align-items: center;
    background: #ffffff;
    border: 4px solid #111111;
    border-radius: 50%;
    color: #111111;
    display: flex;
    font-size: 47px;
    font-weight: 700;
    height: 82px;
    justify-content: center;
    line-height: 1;
    margin: 0 auto;
    width: 82px;
}

.bbwab-macro-funnel-form .bbwab-success-mark .bbwab-spark{
    display: none;
}

.bbwab-macro-funnel-form .bbwab-success-mark .bbwab-spark-1,
.bbwab-macro-funnel-form .bbwab-success-mark .bbwab-spark-2,
.bbwab-macro-funnel-form .bbwab-success-mark .bbwab-spark-3{
    display: none;
}

.bbwab-macro-funnel-form .bbwab-modal-card h2{
    color: #111111;
    font-size: clamp(30px, 4vw, 42px);
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.1;
    margin: 0;
}

.bbwab-macro-funnel-form .bbwab-modal-subtitle{
    color: #555a61;
    font-size: 16px;
    line-height: 1.6;
    margin: 10px auto 30px;
    max-width: 650px;
}

.bbwab-macro-funnel-form .bbwab-confirmation-card{
    align-items: stretch;
    background: #ffffff;
    border: 1px solid #d8d8dc;
    border-radius: 14px;
    display: grid;
    gap: 0;
    grid-template-columns: 92px minmax(0, 1.45fr) minmax(0, 1fr);
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
}

.bbwab-macro-funnel-form .bbwab-confirmation-email-icon{
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 148px;
    position: relative;
}

.bbwab-macro-funnel-form .bbwab-confirmation-email-icon > span{
    align-items: center;
    background: #ffffff;
    border: 1px solid #e3e3ea;
    border-radius: 50%;
    display: flex;
    font-size: 34px;
    height: 74px;
    justify-content: center;
    width: 74px;
}

.bbwab-macro-funnel-form .bbwab-confirmation-email-icon > strong{
    display: none !important;
}

.bbwab-macro-funnel-form .bbwab-confirmation-main,
.bbwab-macro-funnel-form .bbwab-confirmation-side{
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 148px;
    padding: 24px 22px;
}

.bbwab-macro-funnel-form .bbwab-confirmation-main{
    border-right: 1px solid #dedee2;
}

.bbwab-macro-funnel-form .bbwab-confirmation-main p,
.bbwab-macro-funnel-form .bbwab-confirmation-side p{
    color: #4f5359;
    font-size: 14px;
    line-height: 1.55;
    margin: 0;
}

.bbwab-macro-funnel-form .bbwab-confirmation-main strong{
    color: #111111;
    display: inline;
    font-weight: 700;
}

.bbwab-macro-funnel-form .bbwab-provider-note{
    color: #7a7f86;
    display: block;
    font-size: 12px;
    margin-top: 8px;
}

.bbwab-macro-funnel-form .bbwab-confirmation-side p + p{
    border-top: 1px solid #ececef;
    margin-top: 13px;
    padding-top: 13px;
}

.bbwab-macro-funnel-form .bbwab-modal-secondary{
    background: transparent;
    border: 0;
    color: #111111;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    margin-top: 22px;
    padding: 8px 12px;
    text-decoration: underline;
}

.bbwab-macro-funnel-form .bbwab-modal-action{
    display: none !important;
}

@media (max-width: 720px){
    .bbwab-macro-funnel-form .bbwab-modal-card{
        padding: 36px 20px 24px;
    }

    .bbwab-macro-funnel-form .bbwab-confirmation-card{
        grid-template-columns: 72px 1fr;
    }

    .bbwab-macro-funnel-form .bbwab-confirmation-email-icon{
        grid-row: 1 / span 2;
        min-height: 100%;
    }

    .bbwab-macro-funnel-form .bbwab-confirmation-main,
.bbwab-macro-funnel-form .bbwab-confirmation-side{
        min-height: 0;
        padding: 18px;
    }

    .bbwab-macro-funnel-form .bbwab-confirmation-main{
        border-bottom: 1px solid #dedee2;
        border-right: 0;
    }
}

@media (max-width: 480px){
    .bbwab-macro-funnel-form .bbwab-confirmation-card{
        display: block;
        text-align: center;
    }

    .bbwab-macro-funnel-form .bbwab-confirmation-email-icon{
        min-height: 110px;
    }

    .bbwab-macro-funnel-form .bbwab-confirmation-main{
        border-top: 1px solid #dedee2;
    }
}


/* v1.13.9 — Elementor / wpautop CSS compatibility fix */

/*
 * WordPress/Elementor can inject empty <p> tags into shortcode output.
 * Those paragraphs become CSS-grid children and shift the option buttons.
 */
/*
 * Elementor / wpautop can inject paragraph wrappers into shortcode output.
 * Only EMPTY paragraphs should disappear. Paragraphs that contain actual
 * fields are flattened so their child label remains a normal CSS-grid item.
 */
.bbwab-macro-funnel-form .bbwab-calculator-form > p:empty,
.bbwab-macro-funnel-form .bbwab-grid > p:empty,
.bbwab-macro-funnel-form .bbwab-options > p:empty,
.bbwab-macro-funnel-form .bbwab-options > br{
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 0 !important;
}

.bbwab-macro-funnel-form .bbwab-grid > p:not(:empty),
.bbwab-macro-funnel-form .bbwab-options > p:not(:empty){
    display: contents !important;
}

/*
 * Another BBWAB stylesheet on the site uses the same generic .bbwab-field
 * class. Reset those inherited panel/input styles inside this funnel only.
 */
.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-field{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block !important;
    margin: 0 !important;
    min-height: 0 !important;
    min-inline-size: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: auto !important;
}

.bbwab-macro-funnel-form .bbwab-calculator-form fieldset.bbwab-field.bbwab-span-2{
    grid-column: 1 / -1 !important;
    width: 100% !important;
}

/* Force the option grids to remain true two/three-column layouts. */
.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-options{
    display: grid !important;
    gap: 10px !important;
    grid-auto-flow: row !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
}

.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-options.bbwab-options-goals{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* Neutralize theme/Elementor label rules that can reposition grid children. */
.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-options > label{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: block !important;
    float: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    position: relative !important;
    width: auto !important;
}

.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-options > label > input[type="radio"]{
    height: 1px !important;
    left: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 1px !important;
}

.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-options > label > span{
    align-items: center !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    min-height: 52px !important;
    padding: 10px !important;
    width: 100% !important;
}

/* Keep standard form controls from inheriting unrelated BBWAB panel sizing. */
.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-field > input[type="number"],
.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-field > input[type="text"],
.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-field > select{
    display: block !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

@media (max-width: 720px){
    .bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-options.bbwab-options-goals{
        grid-template-columns: 1fr !important;
    }
}


/* v1.14.0 — restore standard fields when Elementor wraps them in <p> tags */
.bbwab-macro-funnel-form .bbwab-grid > p{
    margin: 0 !important;
    padding: 0 !important;
}

.bbwab-macro-funnel-form .bbwab-grid > p > .bbwab-field,
.bbwab-macro-funnel-form .bbwab-options > p > label{
    margin: 0 !important;
    width: 100% !important;
}


/* v1.14.1 — Active indicator for Gender / Goal radio options */
.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-options > label > span{
    position: relative !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-options > label > input[type="radio"]:checked + span{
    background: #f35e44 !important;
    border-color: #f35e44 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(243, 94, 68, .20) !important;
}

.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-options > label > input[type="radio"]:checked + span::after{
    content: "✓";
    align-items: center;
    background: #00C7B7;
    border: 2px solid #0a0930;
    border-radius: 50%;
    color: #ffffff;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    height: 22px;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
}

.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-options > label > input[type="radio"]:focus-visible + span{
    outline: 2px solid #00C7B7 !important;
    outline-offset: 3px !important;
}


/* =========================================================
   v1.14.2 — Compact spacing + radio + unlock-form fixes
========================================================= */

/* Tighten the calculator vertically without changing its structure. */
.bbwab-macro-funnel-form .bbwab-panel{
    padding: 34px !important;
}

.bbwab-macro-funnel-form .bbwab-form-brand{
    margin-bottom: 18px !important;
}

.bbwab-macro-funnel-form .bbwab-heading{
    margin-bottom: 24px !important;
}

.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-grid{
    column-gap: 16px !important;
    row-gap: 18px !important;
}

.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-field > span,
.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-field > legend{
    margin-bottom: 7px !important;
}

.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-field-help{
    margin-top: 5px !important;
}

.bbwab-macro-funnel-form .bbwab-calculator-form > .bbwab-primary{
    margin-top: 20px !important;
}

/* Remove spacing from Elementor/wpautop wrappers but never hide their fields. */
.bbwab-macro-funnel-form .bbwab-calculator-form > p,
.bbwab-macro-funnel-form .bbwab-grid > p,
.bbwab-macro-funnel-form .bbwab-options > p{
    margin: 0 !important;
    padding: 0 !important;
}

.bbwab-macro-funnel-form .bbwab-grid > p:not(:empty),
.bbwab-macro-funnel-form .bbwab-options > p:not(:empty){
    display: contents !important;
}

.bbwab-macro-funnel-form .bbwab-grid > p:empty,
.bbwab-macro-funnel-form .bbwab-options > p:empty{
    display: none !important;
}

/* Robust radio controls — selected state works through CSS or JS. */
.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-options > label{
    cursor: pointer !important;
    pointer-events: auto !important;
}

.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-options > label > span{
    cursor: pointer !important;
    pointer-events: auto !important;
    position: relative !important;
}

.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-options > label.is-selected > span,
.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-options > label > input[type="radio"]:checked + span{
    background: #f35e44 !important;
    border-color: #f35e44 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(243, 94, 68, .18) !important;
}

.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-options > label.is-selected > span::after,
.bbwab-macro-funnel-form .bbwab-calculator-form .bbwab-options > label > input[type="radio"]:checked + span::after{
    align-items: center;
    background: #00C7B7;
    border: 2px solid #0a0930;
    border-radius: 50%;
    color: #ffffff;
    content: "✓";
    display: flex;
    font-size: 11px;
    font-weight: 700;
    height: 22px;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
}

/* Unlock panel top section stays as two columns. */
.bbwab-macro-funnel-form .bbwab-result-unlock{
    align-items: start !important;
    gap: 22px !important;
    padding: 24px !important;
}

/* Elementor may wrap each unlock-form child in a <p>. Flatten those wrappers. */
.bbwab-macro-funnel-form .bbwab-result-unlock-form > p{
    margin: 0 !important;
    padding: 0 !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form > p:not(:empty){
    display: contents !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form > p:empty,
.bbwab-macro-funnel-form .bbwab-result-unlock-form > br{
    display: none !important;
}

/* Restore the intended two-field + full-width-button layout. */
.bbwab-macro-funnel-form .bbwab-result-unlock-form{
    align-items: start !important;
    column-gap: 16px !important;
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: 14px !important;
    width: 100% !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-field{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-field > span{
    margin-bottom: 7px !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form input[type="text"],
.bbwab-macro-funnel-form .bbwab-result-unlock-form input[type="email"]{
    display: block !important;
    margin: 0 !important;
    min-height: 52px !important;
    width: 100% !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-error,
.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-primary{
    grid-column: 1 / -1 !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-error{
    margin: 0 !important;
}

.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-primary{
    justify-self: center !important;
    margin: 0 auto !important;
    width: min(100%, 560px) !important;
}

@media (max-width: 720px){
    .bbwab-macro-funnel-form .bbwab-panel{
        padding: 24px !important;
    }

    .bbwab-macro-funnel-form .bbwab-result-unlock{
        grid-template-columns: 1fr !important;
    }

    .bbwab-macro-funnel-form .bbwab-result-unlock-form{
        grid-template-columns: 1fr !important;
    }

    .bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-error,
.bbwab-macro-funnel-form .bbwab-result-unlock-form .bbwab-primary{
        grid-column: 1 !important;
    }
}


/* v1.14.4 — Hide all injected <br> elements inside BBWAB forms */
.bbwab-macro-funnel-form form br{
    display: none !important;
}


/* v1.14.5 — Label / input spacing */
.bbwab-macro-funnel-form form .bbwab-field > span,
.bbwab-macro-funnel-form form .bbwab-field > legend{
    display: block !important;
    margin-bottom: 10px !important;
}