@keyframes jb-reveal{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes jb-bump{0%{transform:scale(1)}40%{transform:scale(1.4)}70%{transform:scale(.88)}to{transform:scale(1)}}@keyframes jb-prog-shine{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes jb-size-pop{0%{transform:scale(1)}45%{transform:scale(.93)}to{transform:scale(1)}}@keyframes jb-pulse-border{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.jar-builder{position:relative}.jar-builder__header{text-align:center;margin-bottom:2.8rem}.jar-builder__eyebrow{display:inline-block;font-size:1.1rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#e8175d;margin-bottom:.6rem}.jar-builder__heading{font-size:3.8rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:0 0 .7rem}.jar-builder__subheading{font-size:1.35rem;color:#666;max-width:480px;margin:0 auto;line-height:1.6}.jar-builder__allergen-banner{display:flex;gap:1rem;align-items:flex-start;background:#fff8e1;border:2px solid #f59e0b;border-radius:16px;padding:1.4rem 1.8rem;margin-bottom:3.5rem}.jab__icon{font-size:1.8rem;flex-shrink:0;line-height:1.4}.jab__body{display:flex;flex-direction:column;gap:.3rem;font-size:1.05rem;line-height:1.6}.jab__title{font-size:1.1rem;font-weight:800;color:#92400e}.jab__text{color:#78350f}.jab__nut-alert{display:inline-block;background:#fef2f2;border:1.5px solid #ef4444;border-radius:8px;padding:.4rem .9rem;color:#b91c1c;font-size:.98rem;font-weight:700;animation:jb-pulse-border 2.5s ease-in-out infinite}.jar-builder__step{margin-bottom:3.5rem}.jar-builder__step--flavors.jb-step--revealed{animation:jb-reveal .52s cubic-bezier(.34,1.2,.64,1) both}.jb-step-hd{display:flex;align-items:flex-start;gap:1.2rem;margin-bottom:2rem}.jb-step-num{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#e8175d,#f59e0b);color:#fff;font-size:1.45rem;font-weight:900;flex-shrink:0;box-shadow:0 4px 14px #e8175d47}.jb-step-title{font-size:1.9rem;font-weight:900;margin:0 0 .2rem;line-height:1.2}.jb-step-sub{font-size:1.05rem;color:#888;margin:0}.jar-builder__sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}.jb-size-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:2.2rem 1rem 1.6rem;border-radius:22px;border:3px solid #e5e7eb;background:#fff;cursor:pointer;text-align:center;transition:border-color .2s,box-shadow .2s,transform .18s;-webkit-tap-highlight-color:transparent}.jb-size-card:hover{border-color:#e8175d;box-shadow:0 8px 28px #e8175d1f;transform:translateY(-4px)}.jb-size-card--active{border-color:#e8175d!important;background:linear-gradient(160deg,#fff5f8,#fce4ec);box-shadow:0 8px 32px #e8175d33,0 0 0 2px #e8175d2e;animation:jb-size-pop .28s ease both}.jb-size-card--popular{border-color:#f59e0b}.jb-size-card__pop{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#f59e0b,#e8175d);color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:.22rem .85rem;border-radius:99px;white-space:nowrap}.jb-size-card__emoji{font-size:3rem;line-height:1;margin-bottom:.4rem}.jb-size-card__num{font-size:3.2rem;font-weight:900;line-height:1;color:#111}.jb-size-card__unit{font-size:1rem;color:#666;font-weight:600}.jb-size-card__info{font-size:.88rem;color:#999}.jb-size-card__price{margin-top:.6rem;font-size:1.25rem;font-weight:800;color:#e8175d}.jar-builder__progress{margin-bottom:2.5rem}.jb-prog-track{height:16px;border-radius:99px;background:#f3f4f6;overflow:hidden;margin-bottom:.75rem}.jb-prog-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#e8175d,#f59e0b,#e8175d);background-size:200% 100%;transition:width .45s cubic-bezier(.34,1.2,.64,1);position:relative;overflow:hidden}.jb-prog-fill__shine{position:absolute;top:0;bottom:0;width:50px;background:linear-gradient(to right,transparent,rgba(255,255,255,.45),transparent);animation:jb-prog-shine 1.6s ease-in-out infinite}.jb-prog-label{font-size:1.05rem;color:#666;font-weight:600;margin:0}.jb-prog-label--done{color:#16a34a;font-weight:800}.jar-builder__flavor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;margin-bottom:2.8rem}.jb-flavor{display:flex;flex-direction:column;border-radius:22px;border:2.5px solid #e5e7eb;background:var(--jf-bg, #fff);overflow:hidden;transition:border-color .22s,box-shadow .22s,transform .22s}.jb-flavor:hover{border-color:var(--jf, #e8175d);box-shadow:0 8px 30px #00000017;transform:translateY(-3px)}.jb-flavor--has-selection{border-color:var(--jf, #e8175d)!important;box-shadow:0 6px 28px #0000001a}.jb-flavor--nut-alert{border-color:#ef4444}.jb-flavor__nut-banner{background:#fef2f2;border-bottom:2px solid #ef4444;color:#b91c1c;font-size:.9rem;font-weight:800;text-align:center;padding:.55rem .8rem;letter-spacing:.01em}.jb-flavor__body{flex:1;padding:1.8rem 1.6rem 1rem}.jb-flavor__emoji{font-size:4rem;line-height:1;margin-bottom:.8rem;display:block}.jb-flavor__name{font-size:1.55rem;font-weight:900;letter-spacing:-.02em;margin:0 0 .3rem;color:var(--jf-dark, #111)}.jb-flavor__tagline{font-size:1.15rem;color:#666;margin:0 0 1rem;line-height:1.45}.jb-flavor__chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.jb-chip{display:inline-flex;align-items:center;gap:.2rem;font-size:.8rem;font-weight:700;padding:.25rem .7rem;border-radius:99px;white-space:nowrap}.jb-chip--dairy{background:#e0f2fe;color:#0369a1}.jb-chip--gluten{background:#fef9c3;color:#854d0e}.jb-chip--egg{background:#fef3c7;color:#92400e}.jb-chip--nut{background:#fef2f2;color:#b91c1c;border:1.5px solid #ef4444;font-size:.88rem;animation:jb-pulse-border 2.5s ease-in-out infinite}.jb-flavor__details{margin-top:.6rem}.jb-flavor__details-btn{cursor:pointer;display:block;font-size:1.18rem;font-weight:800;color:#fff;background:var(--jf, #e8175d);border:none;border-radius:10px;padding:.65rem 1.1rem;letter-spacing:.01em;list-style:none;transition:background .18s,transform .15s;-webkit-user-select:none;user-select:none;text-align:left;width:100%}.jb-flavor__details-btn:hover{filter:brightness(1.1);transform:scale(1.01)}.jb-flavor__details-btn::-webkit-details-marker{display:none}.jb-flavor__details-btn:before{content:"\1f4cb  "}details[open]>.jb-flavor__details-btn{border-radius:10px 10px 0 0}details[open]>.jb-flavor__details-btn:before{content:"\2715  "}.jb-flavor__ingredients{background:#fff;border:2px solid var(--jf, #e8175d);border-top:none;border-radius:0 0 10px 10px;padding:1rem 1.1rem .8rem;font-size:1.15rem;color:#333;line-height:1.6}.jb-flavor__ingredients p{margin:0 0 .6rem}.jb-ingr-allergens{background:#fef2f2;border:1.5px solid #ef4444;border-radius:8px;padding:.5rem .8rem;color:#b91c1c;font-size:1.08rem;font-weight:700}.jb-flavor__counter{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.4rem 1.3rem;background:var(--jf, #e8175d);gap:.5rem}.jb-btn-minus,.jb-btn-plus{width:46px;height:46px;border-radius:50%;border:2.5px solid rgba(255,255,255,.5);background:#ffffff2e;color:#fff;font-size:1.9rem;font-weight:900;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s,transform .15s;-webkit-tap-highlight-color:transparent;padding:0}.jb-btn-minus:hover,.jb-btn-plus:hover{background:#ffffff52;transform:scale(1.1)}.jb-btn-minus:active,.jb-btn-plus:active{transform:scale(.9)}.jb-count-wrap{display:flex;flex-direction:column;align-items:center;gap:.05rem}.jb-count{font-size:2.6rem;font-weight:900;color:#fff;line-height:1;min-width:2.8rem;text-align:center;display:block}.jb-count.jb-count--bump{animation:jb-bump .38s cubic-bezier(.34,1.56,.64,1) both}.jb-count-label{font-size:1.05rem;color:#ffffffb8;font-weight:600}.jar-builder__notes{margin-bottom:2rem}.jar-builder__notes-label{display:block;font-size:1.05rem;font-weight:700;margin-bottom:.5rem}.jar-builder__notes-opt{font-weight:400;color:#999;font-size:.95rem}.jar-builder__notes-input{width:100%;border:2px solid #e5e7eb;border-radius:12px;padding:.9rem 1.1rem;font-size:1rem;resize:vertical;background:#fff;transition:border-color .18s;font-family:inherit}.jar-builder__notes-input:focus{outline:none;border-color:#e8175d;box-shadow:0 0 0 3px #e8175d14}.jar-builder__cta-wrap{text-align:center;margin-bottom:1.5rem}.jar-builder__add-btn{display:inline-flex;align-items:center;justify-content:center;min-width:280px;padding:1.15rem 2.8rem;border-radius:99px;border:none;background:linear-gradient(135deg,#e8175d,#f59e0b);color:#fff;font-size:1.35rem;font-weight:900;cursor:pointer;letter-spacing:.01em;transition:opacity .2s,transform .18s,box-shadow .2s;box-shadow:0 8px 28px #e8175d47}.jar-builder__add-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 40px #e8175d61}.jar-builder__add-btn:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}.jar-builder__error-msg{margin-top:.8rem;color:#dc2626;font-size:1rem;font-weight:600}.jar-builder__sig{text-align:center;font-size:1rem;color:#999;margin:0}@media(max-width:989px){.jar-builder__heading{font-size:3rem}.jar-builder__sizes,.jar-builder__flavor-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:749px){.jar-builder__heading{font-size:2.5rem}.jar-builder__sizes{grid-template-columns:repeat(2,1fr);gap:1rem}.jar-builder__flavor-grid{grid-template-columns:1fr}.jb-size-card__num{font-size:2.5rem}.jar-builder__allergen-banner{flex-direction:column;gap:.5rem}.jb-step-title{font-size:1.65rem}.jar-builder__add-btn{min-width:0;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/jar-builder.css.map */