
.bn-choice-progress{--bn-ink:#294435;--bn-soft:#fff9ec;--bn-accent:#f5dc7d;background:var(--bn-soft);color:var(--bn-ink);border:1.5px solid var(--bn-ink);border-radius:18px;padding:17px 18px;margin:20px 0 18px;font-family:var(--font-body-family);box-sizing:border-box}
.bn-choice-progress--halloween{--bn-ink:#261d30;--bn-soft:#efe7f4;--bn-accent:#ffad66}
.bn-choice-progress__head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:1.2rem;line-height:1.3}
.bn-choice-progress__head strong{font-size:1.3rem;font-weight:800}
.bn-choice-progress__count{font-weight:700;text-align:right}
.bn-choice-progress__meter{display:block;width:100%;height:8px;margin:12px 0;border:0;border-radius:999px;appearance:none;-webkit-appearance:none;overflow:hidden;background:#29443520;accent-color:var(--bn-ink)}
.bn-choice-progress__meter::-webkit-progress-bar{background:#29443520;border-radius:999px}
.bn-choice-progress__meter::-webkit-progress-value{background:var(--bn-ink);border-radius:999px;transition:width .25s ease}
.bn-choice-progress__meter::-moz-progress-bar{background:var(--bn-ink);border-radius:999px}
.bn-choice-progress__status{font-size:1.1rem;line-height:1.35;margin:0!important;color:inherit}
.bn-choice-progress.is-complete{background:var(--bn-accent)}
.bn-choice-progress.is-complete .bn-choice-progress__status:before{content:"✓";font-weight:800;margin-right:6px}
[data-bn-filled="true"]{box-shadow:inset 3px 0 0 #294435}
.bh [data-bn-filled="true"]{box-shadow:inset 3px 0 0 #754e94}
.bn-mobile-order,.bn-order-spacer{display:none}
.bn-choice-progress[hidden],.bn-mobile-order[hidden],.bn-order-spacer[hidden]{display:none!important}
@media(max-width:749px){
.bn-mobile-order{--bn-ink:#294435;--bn-accent:#f5dc7d;display:flex;align-items:center;gap:14px;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:25;padding:12px 14px;border:2px solid var(--bn-ink);border-radius:22px;background:#fff9ec;color:var(--bn-ink);box-shadow:4px 5px 0 var(--bn-ink),0 6px 25px #162b2122;box-sizing:border-box;font-family:var(--font-body-family)}
.bn-mobile-order--halloween{--bn-ink:#261d30;--bn-accent:#ffad66}
.bn-mobile-order--dialog{left:28px;right:28px;bottom:calc(28px + env(safe-area-inset-bottom,0px))}
.bn-mobile-order__summary{flex:0 0 auto;min-width:80px;max-width:40%;display:flex;flex-direction:column;gap:2px;line-height:1.15}
.bn-mobile-order__label{font-size:.95rem;font-weight:600}
.bn-mobile-order__price{font-size:2.1rem;letter-spacing:-.04em;white-space:nowrap;font-weight:800}
.bn-mobile-order__count{font-size:.95rem;white-space:nowrap}
.bn-mobile-order .bn-mobile-order__button{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:50px;border:2px solid var(--bn-ink);border-radius:15px;background:var(--bn-accent);color:var(--bn-ink);font-family:inherit;font-size:1.25rem;font-weight:800;line-height:1.2;padding:10px 12px;box-shadow:2px 3px 0 var(--bn-ink);cursor:pointer;text-align:center}
.bn-mobile-order .bn-mobile-order__button:disabled{opacity:.55;cursor:default}
.bn-mobile-order .bn-mobile-order__button:focus-visible{outline:3px solid var(--bn-ink);outline-offset:4px}
.bn-order-spacer{display:block;height:calc(115px + env(safe-area-inset-bottom,0px));flex-shrink:0}
.bn-choice-progress{padding:15px;margin:18px 0 15px}
.bn-choice-progress__head{font-size:1.1rem}
.bonum-order [data-flavors] select,.bp-fields select{scroll-margin-bottom:140px;scroll-margin-top:90px}
}
@media(prefers-reduced-motion:reduce){.bn-choice-progress__meter::-webkit-progress-value{transition:none}}
