.kcl-stepper__dot,.kcl-stepper__step.is-current .kcl-stepper__dot{box-shadow:0 0 0 5px rgba(33, 27, 19, 0.08);box-shadow:0 0 0 5px color-mix(in srgb,var(--kcl-step-color) 18%,transparent)}.kcl-redemption-box,.kcl-store-progress{--kcl-dark:#211b13;--kcl-border:rgba(25, 21, 16, .14);box-sizing:border-box}.kcl-store-progress{--kcl-soft:#f1ece4;width:100%;margin:0 0 24px;padding:22px;border:1px solid var(--kcl-border);border-radius:18px;background:#fff;clear:both}.kcl-store-progress *{box-sizing:border-box}.kcl-store-progress__header,.kcl-store-progress__meta{display:flex;align-items:center;justify-content:space-between;gap:16px}.kcl-store-progress__header strong{display:block;font-size:19px;line-height:1.25}.kcl-store-progress__eyebrow{display:block;margin-bottom:4px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.65}.kcl-store-progress__weight{font-size:22px;font-weight:700;white-space:nowrap}.kcl-store-progress__meta{margin-top:16px;font-size:13px}.kcl-store-progress__meta span:last-child{text-align:right}.kcl-stepper{position:relative;margin:24px 0 8px;padding:0 18px}.kcl-stepper__segments{position:absolute;left:10%;right:10%;top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:15px;z-index:0}.kcl-stepper__segment{position:relative;background:#e8e2d9;overflow:hidden}.kcl-stepper__segment:first-child{border-radius:99px 0 0 99px}.kcl-stepper__segment:last-child{border-radius:0 99px 99px 0}.kcl-stepper__segment i{display:block;width:var(--kcl-segment-fill,0%);height:100%;background:var(--kcl-segment-color,#211b13);transition:width .4s;border-radius:0 10px 10px 0}.kcl-stepper__steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.kcl-stepper__step{text-align:center;min-width:0}.kcl-stepper__dot{width:38px;height:38px;margin:0 auto 9px;border:3px solid #e8e2d9;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:14px;font-weight:700;transition:.25s}.kcl-stepper__step small,.kcl-stepper__step strong{display:block}.kcl-stepper__step strong{font-size:13px;line-height:1.2}.kcl-stepper__step small{margin-top:3px;font-size:12px;opacity:.65}.kcl-stepper__step.is-complete .kcl-stepper__dot{border-color:var(--kcl-step-color);background:var(--kcl-step-color);color:#fff}.kcl-stepper__step.is-current .kcl-stepper__dot{border-color:var(--kcl-step-color)}.kcl-stepper__step.is-current strong{font-weight:800}.kcl-stepper__step.is-locked{opacity:.58}.kcl-store-progress__reward-note{margin:14px 0 4px;text-align:center;font-size:13px;font-weight:700;opacity:.8}.kcl-redemption-box{padding:22px;margin:0 0 22px;border:1px solid var(--kcl-border);border-radius:16px;background:rgba(255,255,255,.48)}.kcl-redemption-box h3{margin:0 0 8px;font-size:24px;line-height:1.25}.kcl-redemption-box__help{margin:0 0 16px;line-height:1.5;opacity:.78}.kcl-redemption-box__help p{margin:0}.kcl-redemption-form{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:10px;align-items:stretch}.kcl-redemption-form input[type=number]{box-sizing:border-box;width:100%;min-height:48px;margin:0!important;padding:10px 16px!important;border:1px solid rgba(25,21,16,.14)!important;border-radius:999px!important;background:#fff!important;color:#211b13!important;box-shadow:none!important}.kcl-redemption-form input[type=number]::placeholder{color:#6f6a63;opacity:1}.kcl-redemption-form .button,.kcl-redemption-form button.button{box-sizing:border-box;min-height:48px;margin:0!important;padding:10px 24px!important;border:1px solid #211b13!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#211b13!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important}.kcl-redemption-form .button:hover,.kcl-redemption-form button.button:hover{background:#372818!important;border-color:#372818!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.kcl-redemption-form .kcl-remove-credits{background:0 0!important;color:#211b13!important;-webkit-text-fill-color:#211b13!important}.kcl-redemption-form .kcl-remove-credits:hover{background:rgba(33,27,19,.08)!important;background-color:rgba(33,27,19,.08)!important;color:#211b13!important;-webkit-text-fill-color:#211b13!important}@media(max-width:767px){.kcl-store-progress{padding:18px 0!important;overflow:hidden}.kcl-store-progress__header,.kcl-store-progress__meta{align-items:flex-start;width:100%;padding:0 18px}.kcl-store-progress__header strong{font-size:16px}.kcl-store-progress__meta{flex-direction:column;gap:4px}.kcl-store-progress__meta span{width:100%;text-align:center!important}.kcl-store-progress__reward-note{width:100%;padding:0 18px}.kcl-stepper{width:100%;padding:10px 18px 4px;margin-top:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.kcl-stepper::-webkit-scrollbar{display:none}.kcl-stepper__steps{width:680px}.kcl-stepper__segments{left:80px;right:80px;top:22px;width:553px}.kcl-redemption-form{grid-template-columns:1fr 1fr}.kcl-redemption-form input[type=number]{grid-column:1/-1}.kcl-redemption-form .button{width:100%}}@media(max-width:420px){.kcl-redemption-form{grid-template-columns:1fr}.kcl-redemption-form input[type=number]{grid-column:auto}}
.kcl-store-progress{padding:22px!important}.single-product .kcl-store-progress{width:80%;margin:0 auto 30px}.kcl-stepper__step.is-locked{opacity:1}.kcl-stepper__step.is-locked strong,.kcl-stepper__step.is-locked small{opacity:.58}.kcl-stepper__segment i{transition:width .8s cubic-bezier(.22,1,.36,1)}
@media(max-width:767px){.single-product .kcl-store-progress{width:100%;margin:0 0 24px}.kcl-store-progress{padding:18px 0!important}}
.kcl-store-progress__meta>*{flex:1}.kcl-store-progress__meta .kcl-store-progress__reward-note{margin:0;text-align:center}.kcl-store-progress__meta>span:first-child{text-align:left}@media(max-width:767px){.kcl-store-progress__meta>*{flex:none;width:100%}.kcl-store-progress__meta .kcl-store-progress__reward-note{padding:0;text-align:center}}/* Hexagon milestone markers inspired by the Kilo Che logo. */
.kcl-stepper__dot{position:relative;isolation:isolate;width:52px;height:52px;margin-top:-7px;margin-bottom:2px;border:0!important;border-radius:0!important;background:var(--kcl-step-color,#788b8b);clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);box-shadow:none!important;display:grid;place-items:center;padding:3px;color:#211f1c}.kcl-stepper__dot-inner{width:100%;height:100%;display:grid;place-items:center;background:#fff;clip-path:inherit;font-size:14px;font-weight:700}.kcl-stepper__step.is-complete .kcl-stepper__dot{background:var(--kcl-step-color)}.kcl-stepper__step.is-complete .kcl-stepper__dot-inner{background:var(--kcl-step-color);color:#fff}.kcl-stepper__step.is-current .kcl-stepper__dot{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--kcl-step-color) 32%,transparent))}.kcl-stepper__step.is-locked .kcl-stepper__dot{filter:none}.kcl-stepper__segments{top:12px}@media(max-width:767px){.kcl-stepper__dot{width:52px;height:52px}.kcl-stepper__segments{top:22px}}
