.jpp-flock__head{margin-bottom:22px;max-width:640px}.jpp-flock__head .jpp-lede{margin-bottom:0}.jpp-flock__layout{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:32px;align-items:start}.jpp-flock__carton-wrap{position:sticky;top:16px}.jpp-flock__carton{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:16px;border-radius:var(--jpp-radius, 12px);background:color-mix(in srgb,var(--jpp-green, #3E5C3A) 7%,var(--jpp-cream, #FAF7F0));border:1px solid var(--jpp-line, #E7DFD2)}.jpp-flock__cup{position:relative;aspect-ratio:3 / 4;border-radius:50%/60% 60% 40% 40%;border:1.5px dashed color-mix(in srgb,var(--jpp-green, #3E5C3A) 35%,#FFF);background:transparent;display:flex;align-items:center;justify-content:center;transition:background .18s ease,opacity .18s ease}.jpp-flock__cup.is-filled{border-style:solid;border-color:#00000029;background:var(--cup, var(--jpp-green, #3E5C3A));box-shadow:inset -3px -4px 7px #00000024,inset 2px 2px 4px #ffffff59}.jpp-flock__cup.is-preview{opacity:.5}.jpp-flock__cup--more{border-style:solid;border-color:var(--jpp-line, #E7DFD2);background:var(--jpp-paper, #FFF);font-size:12px;font-weight:700;color:var(--jpp-green, #3E5C3A)}.jpp-flock__estimate{margin:12px 0 0;font-family:Bebas Neue,"Source Sans 3",sans-serif;font-size:20px;letter-spacing:.01em;color:var(--jpp-ink, #2A2118)}.jpp-flock__hint{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--jpp-muted, #7A6A5C)}.jpp-flock__hint.is-flash{color:var(--jpp-cta, #B3261E);animation:jpp-flock-flash .6s ease 2}@keyframes jpp-flock-flash{50%{opacity:.35}}.jpp-flock__rows{display:flex;flex-direction:column;border:1px solid var(--jpp-line, #E7DFD2);border-radius:var(--jpp-radius, 12px);background:var(--jpp-paper, #FFF);overflow:hidden}.jpp-block--tint .jpp-flock__rows{background:var(--jpp-paper, #FFF)}.jpp-flock__row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:14px 16px}.jpp-flock__row+.jpp-flock__row{border-top:1px solid var(--jpp-line, #E7DFD2)}.jpp-flock__row.is-unavailable{opacity:.55}.jpp-flock__swatch{width:26px;height:32px;flex-shrink:0;border-radius:50%/60% 60% 40% 40%;border:1px solid rgba(0,0,0,.16);box-shadow:inset -2px -3px 5px #00000024;background:var(--jpp-cream, #FAF7F0)}.jpp-flock__row-info{min-width:0;display:flex;flex-direction:column;gap:2px}.jpp-flock__row-title{font-size:16px;font-weight:700;text-decoration:none;color:var(--jpp-ink, #2A2118)}.jpp-flock__row-title:hover{color:var(--jpp-green, #3E5C3A)}.jpp-flock__row-meta{font-size:13px;color:var(--jpp-muted, #7A6A5C)}.jpp-flock__row-note{font-size:12px;font-weight:600;color:var(--jpp-cta, #B3261E)}.jpp-flock__row-price{font-size:15px;font-weight:700;white-space:nowrap}.jpp-flock__stepper{display:inline-flex;align-items:center;border:1px solid var(--jpp-line, #E7DFD2);border-radius:999px;overflow:hidden;background:var(--jpp-paper, #FFF)}.jpp-flock__step{width:34px;height:34px;border:0;padding:0;background:transparent;cursor:pointer;font-size:18px;line-height:1;color:var(--jpp-ink, #2A2118)}.jpp-flock__step:hover:not(:disabled){color:var(--jpp-green, #3E5C3A)}.jpp-flock__step:disabled{opacity:.35;cursor:default}.jpp-flock__step-val{min-width:30px;text-align:center;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.jpp-flock__bar{margin-top:20px}.jpp-flock__add{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 28px;border:0;border-radius:999px;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.01em;color:#fff;background:var(--jpp-cta, #B3261E);transition:background .15s ease,opacity .15s ease}.jpp-flock__add:hover:not(:disabled){background:var(--jpp-cta-hover, #8F1E18)}.jpp-flock__add:disabled{opacity:.45;cursor:default}.jpp-flock__add.is-loading{opacity:.8;cursor:progress}.jpp-flock__msg{margin-top:10px;font-size:14px;font-weight:600;color:var(--jpp-cta, #B3261E);opacity:0;max-height:0;overflow:hidden;transition:opacity .2s ease}.jpp-flock__msg.is-visible{opacity:1;max-height:60px}.jpp-flock__chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;margin-right:4px;border-radius:999px;background:color-mix(in srgb,var(--jpp-green, #3E5C3A) 12%,#FFF);color:var(--jpp-green, #3E5C3A);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}.jpp-flock__chip-dot{width:12px;height:15px;flex-shrink:0;border-radius:50%/60% 60% 40% 40%;background:currentColor;opacity:.85}.jpp-rail{display:flex;gap:16px;max-width:var(--jpp-maxw, 1180px);margin:8px auto 0;padding:4px 20px 8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.jpp-rail__card{flex:0 0 auto;width:244px;scroll-snap-align:start;display:flex;flex-direction:column;border:1px solid var(--jpp-line, #E7DFD2);border-radius:var(--jpp-radius, 12px);background:var(--jpp-paper, #FFF);overflow:hidden}.jpp-rail__card--current{border-color:var(--jpp-green, #3E5C3A);border-width:2px}.jpp-rail__card.is-unavailable{opacity:.72}.jpp-rail__media{display:block;aspect-ratio:4 / 3;background:var(--jpp-cream, #FAF7F0)}.jpp-rail__media img{width:100%;height:100%;object-fit:cover;display:block}.jpp-rail__placeholder{width:100%;height:100%}.jpp-rail__body{display:flex;flex-direction:column;gap:10px;padding:14px;flex:1}.jpp-rail__titlerow{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.jpp-rail__title{font-size:16px;font-weight:700;text-decoration:none;line-height:1.25;color:var(--jpp-ink, #2A2118)}.jpp-rail__title:hover{color:var(--jpp-green, #3E5C3A)}.jpp-rail__you{font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;color:var(--jpp-green, #3E5C3A);background:color-mix(in srgb,var(--jpp-green, #3E5C3A) 14%,#FFF)}.jpp-rail__egg{display:inline-flex;align-items:center;gap:8px;font-size:14px}.jpp-rail__swatch{width:18px;height:22px;flex-shrink:0;border-radius:50%/60% 60% 40% 40%;border:1px solid rgba(0,0,0,.14);box-shadow:inset -2px -3px 5px #0000001f;background:var(--jpp-cream, #FAF7F0)}.jpp-rail__stats{margin:0;display:flex;flex-direction:column;gap:8px}.jpp-rail__stat{display:flex;align-items:center;justify-content:space-between;gap:10px}.jpp-rail__stat dt{font-size:13px;color:var(--jpp-muted, #7A6A5C)}.jpp-rail__stat dd{margin:0;font-size:14px;font-weight:700}.jpp-rail__badge{align-self:flex-start;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;color:var(--jpp-green, #3E5C3A);background:color-mix(in srgb,var(--jpp-green, #3E5C3A) 12%,#FFF)}.jpp-rail__badge--alt{color:#7a5a2e;background:color-mix(in srgb,#B98A45 16%,#FFF)}.jpp-rail__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px}.jpp-rail__price{font-size:16px;font-weight:700;white-space:nowrap}.jpp-rail__add{border:1px solid var(--jpp-green, #3E5C3A);background:transparent;color:var(--jpp-green, #3E5C3A);border-radius:999px;padding:8px 14px;cursor:pointer;font-size:14px;font-weight:700;white-space:nowrap;transition:background .15s ease,color .15s ease,opacity .15s ease}.jpp-rail__add:hover:not(:disabled){background:var(--jpp-green, #3E5C3A);color:#fff}.jpp-rail__add:disabled{opacity:.4;cursor:default}.jpp-rail__add.is-loading{opacity:.7;cursor:progress}.jpp-rail__add.is-added{background:var(--jpp-green, #3E5C3A);color:#fff;border-color:var(--jpp-green, #3E5C3A)}.jpp-rail__note{font-size:12px;font-weight:600;color:var(--jpp-cta, #B3261E)}.jpp-rail__card--cta{border-style:dashed;background:color-mix(in srgb,var(--jpp-green, #3E5C3A) 6%,var(--jpp-paper, #FFF));justify-content:center}.jpp-rail__cta-inner{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 18px;text-align:center}.jpp-rail__cta-title{margin:0;font-family:Bebas Neue,"Source Sans 3",sans-serif;font-size:22px;letter-spacing:.01em;color:var(--jpp-ink, #2A2118)}.jpp-rail__cta-btn{border:0;border-radius:999px;cursor:pointer;padding:12px 22px;font-size:15px;font-weight:700;color:#fff;background:var(--jpp-cta, #B3261E);transition:background .15s ease}.jpp-rail__cta-btn:hover{background:var(--jpp-cta-hover, #8F1E18)}@media(max-width:899px){.jpp-flock__layout{grid-template-columns:1fr;gap:24px}.jpp-flock__carton-wrap{position:static;max-width:380px}}@media(max-width:560px){.jpp-flock__row{grid-template-columns:auto 1fr auto;grid-template-areas:"swatch info price" "swatch info stepper";row-gap:8px}.jpp-flock__swatch{grid-area:swatch}.jpp-flock__row-info{grid-area:info}.jpp-flock__row-price{grid-area:price;text-align:right}.jpp-flock__stepper{grid-area:stepper;justify-self:end}.jpp-flock__add{width:100%}.jpp-rail__card{width:78vw;max-width:300px}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/jp-flock.css.map */