.wbc-brew-calc{--wbc-brew-bg: #fffdfc;--wbc-brew-card: #fffdfc;--wbc-brew-ink: #1f1f1f;--wbc-brew-muted: #6f6f6f;--wbc-brew-stroke: #d9d9d9;--wbc-brew-accent: #242424;--wbc-brew-accent-ink: #ffffff;--wbc-brew-soft: #fffdfc;--wbc-brew-radius: 16px;--wbc-brew-pill: 999px;background:var(--wbc-brew-bg);color:var(--wbc-brew-ink)}.wbc-brew-calc *,.wbc-brew-calc *:before,.wbc-brew-calc *:after{box-sizing:border-box}.wbc-brew-calc__wrap{width:100%;max-width:800px;margin:0 auto}.wbc-brew-calc__visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.wbc-brew-calc__heading{margin:0 0 6px;color:var(--wbc-brew-ink);font-size:clamp(2.4rem,3.5vw,4rem);line-height:1.1;font-weight:500;letter-spacing:-.02em}.wbc-brew-calc__subheading{margin:0 0 3.2rem;font-size:1.35rem;line-height:1.45;color:var(--wbc-brew-muted)}.wbc-brew-calc__card{background:var(--wbc-brew-card);border:1px solid var(--wbc-brew-stroke);border-radius:var(--wbc-brew-radius);box-shadow:0 2px 12px #0000000a;padding:40px}.wbc-brew-calc__progress{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:34px}.wbc-brew-calc__dot{width:6px;height:6px;border-radius:var(--wbc-brew-pill);background:var(--wbc-brew-stroke);transition:width .25s ease,background-color .25s ease}.wbc-brew-calc__dot.is-active{width:20px;background:var(--wbc-brew-accent)}.wbc-brew-calc__page[hidden]{display:none!important}.wbc-brew-calc__step-label{margin:0 0 6px;font-size:1.1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--wbc-brew-muted)}.wbc-brew-calc__step-heading{margin:0 0 28px;font-size:2.2rem;font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--wbc-brew-ink)}.wbc-brew-calc__method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.wbc-brew-calc__method-pill,.wbc-brew-calc__strength-btn,.wbc-brew-calc__btn,.wbc-brew-calc__stepper-btn,.wbc-brew-calc__back-link,.wbc-brew-calc__share{font:inherit}.wbc-brew-calc__method-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:var(--wbc-brew-pill);border:#f7f3f0;background:#f7f3f0;color:var(--wbc-brew-ink);font-size:1.3rem;font-weight:500;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease,transform .2s ease;white-space:nowrap}.wbc-brew-calc__method-pill:hover{border-color:var(--wbc-brew-ink);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.wbc-brew-calc__method-pill.is-active{background:var(--wbc-brew-accent);border-color:var(--wbc-brew-accent);color:var(--wbc-brew-accent-ink)}.wbc-brew-calc__method-pill:focus-visible,.wbc-brew-calc__strength-btn:focus-visible,.wbc-brew-calc__stepper-btn:focus-visible,.wbc-brew-calc__btn:focus-visible,.wbc-brew-calc__back-link:focus-visible,.wbc-brew-calc__share:focus-visible{outline:2px solid var(--wbc-brew-accent);outline-offset:3px}.wbc-brew-calc__strength-wrap{display:flex;padding:4px;gap:4px;border-radius:999px;background:#f7f3f0;margin-bottom:24px}.wbc-brew-calc__strength-btn{flex:1;border:0;border-radius:var(--wbc-brew-pill);background:transparent;color:var(--wbc-brew-muted);padding:9px 0;font-size:1.3rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.wbc-brew-calc__strength-btn:hover{color:var(--wbc-brew-ink)}.wbc-brew-calc__strength-btn.is-active{background:var(--wbc-brew-card);color:var(--wbc-brew-ink);box-shadow:0 1px 4px #00000014}.wbc-brew-calc__stepper-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border:1px solid var(--wbc-brew-stroke);border-radius:12px;margin-bottom:24px}.wbc-brew-calc__stepper-label{margin:0;font-size:1.45rem;line-height:1.35;font-weight:500;color:var(--wbc-brew-ink)}.wbc-brew-calc__stepper-controls{display:flex;align-items:center;gap:16px}.wbc-brew-calc__stepper-btn{width:32px;height:32px;border-radius:var(--wbc-brew-pill);border:1px solid var(--wbc-brew-stroke);background:var(--wbc-brew-card);color:var(--wbc-brew-ink);font-size:1.9rem;font-weight:600;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease}.wbc-brew-calc__stepper-btn:hover{background:var(--wbc-brew-soft);border-color:var(--wbc-brew-ink)}.wbc-brew-calc__stepper-value{min-width:44px;text-align:center;font-size:1.5rem;font-weight:600;color:var(--wbc-brew-ink)}.wbc-brew-calc__btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--wbc-brew-pill);padding:13px 24px;font-size:1.4rem;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.wbc-brew-calc__btn:hover{transform:translateY(-1px)}.wbc-brew-calc__btn--primary{width:100%;border-color:var(--wbc-brew-accent);background:var(--wbc-brew-accent);color:var(--wbc-brew-accent-ink)}.wbc-brew-calc__btn--primary:hover{background:#3a3a3a;border-color:#3a3a3a}.wbc-brew-calc__btn--secondary{flex:1;background:var(--wbc-brew-card);border-color:var(--wbc-brew-stroke);color:var(--wbc-brew-ink)}.wbc-brew-calc__btn--secondary:hover{background:var(--wbc-brew-soft);border-color:var(--wbc-brew-ink)}.wbc-brew-calc__btn--dark{flex:1;border-color:var(--wbc-brew-accent);background:var(--wbc-brew-accent);color:var(--wbc-brew-accent-ink)}.wbc-brew-calc__btn--dark:hover{background:#3a3a3a;border-color:#3a3a3a}.wbc-brew-calc__btn--dark.is-copied{background:#1f1f1f;border-color:#1f1f1f}.wbc-brew-calc__btn--dark.is-error{background:#b42318;border-color:#b42318}.wbc-brew-calc__back-link{margin-top:24px;padding:0;border:0;background:transparent;display:inline-flex;align-items:center;gap:6px;font-size:1.1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--wbc-brew-muted);cursor:pointer;transition:color .2s ease}.wbc-brew-calc__back-link:hover{color:var(--wbc-brew-ink)}.wbc-brew-calc__recipe-card{background:var(--wbc-brew-soft);border:1px solid var(--wbc-brew-stroke);border-radius:12px;padding:24px;margin-bottom:24px}.wbc-brew-calc__stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.wbc-brew-calc__stat-box{background:var(--wbc-brew-card);border:1px solid var(--wbc-brew-stroke);border-radius:10px;padding:16px}.wbc-brew-calc__stat-label{margin:0 0 4px;font-size:1.1rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--wbc-brew-muted)}.wbc-brew-calc__stat-value{margin:0;font-size:2.3rem;line-height:1.15;font-weight:600;color:var(--wbc-brew-ink);letter-spacing:-.02em}.wbc-brew-calc__detail-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--wbc-brew-stroke);font-size:1.4rem;line-height:1.45}.wbc-brew-calc__detail-row:last-child{border-bottom:none}.wbc-brew-calc__detail-key{color:var(--wbc-brew-muted)}.wbc-brew-calc__detail-val{font-weight:500;color:var(--wbc-brew-ink)}.wbc-brew-calc__divider{border:0;border-top:1px solid var(--wbc-brew-stroke);margin:24px 0 20px}.wbc-brew-calc__steps-label{margin:0 0 20px;font-size:1.1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--wbc-brew-muted)}.wbc-brew-calc__steps{margin:0}.wbc-brew-calc__step-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}.wbc-brew-calc__step-item:last-child{margin-bottom:0}.wbc-brew-calc__step-num{width:32px;height:32px;border-radius:var(--wbc-brew-pill);flex-shrink:0;background:var(--wbc-brew-accent);color:var(--wbc-brew-accent-ink);font-size:1.3rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.wbc-brew-calc__step-text{margin:0;padding-top:5px;font-size:1.4rem;line-height:1.6;color:var(--wbc-brew-ink)}.wbc-brew-calc__actions{display:flex;gap:12px;margin-top:28px}.wbc-brew-calc__share{margin-top:16px;padding:0;border:0;background:transparent;display:inline-flex;align-items:center;gap:8px;color:var(--wbc-brew-ink);font-size:.8em;font-weight:400;line-height:1.2;cursor:pointer;transition:color .2s ease,opacity .2s ease}.wbc-brew-calc__share-icon{width:22px;height:22px;flex:0 0 22px}.wbc-brew-calc__share:hover{color:#3a3a3a}.wbc-brew-calc__share.is-success,.wbc-brew-calc__share.is-copied{color:var(--wbc-brew-accent)}.wbc-brew-calc__share.is-error{color:#b42318}.wbc-brew-calc__note{margin:18px 0 0;font-size:1.2rem;line-height:1.5;color:var(--wbc-brew-muted)}@media screen and (max-width:989px){.wbc-brew-calc__card{padding:30px 24px}.wbc-brew-calc__heading{font-size:clamp(2rem,6.5vw,3.2rem)}.wbc-brew-calc__subheading{margin-bottom:2.4rem}.wbc-brew-calc__step-heading{font-size:1.95rem}}@media screen and (max-width:749px){.wbc-brew-calc__card{padding:24px 20px}.wbc-brew-calc__method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wbc-brew-calc__method-pill,.wbc-brew-calc__strength-btn,.wbc-brew-calc__btn,.wbc-brew-calc__step-text,.wbc-brew-calc__detail-row,.wbc-brew-calc__stepper-label{font-size:1.3rem}.wbc-brew-calc__stepper-row{padding:14px 16px}.wbc-brew-calc__stat-grid{gap:8px}.wbc-brew-calc__stat-value{font-size:2rem}.wbc-brew-calc__actions{flex-direction:column}.wbc-brew-calc__btn--secondary,.wbc-brew-calc__btn--dark{width:100%}.wbc-brew-calc__share{margin-top:14px}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/wbc-brew-calculator.css.map */