:root{--tk-primary:#0B5D3B;--tk-secondary:#18B663;--tk-gold:#F4C542;--tk-bg:#ffffff;--tk-light:#F7FBF8;--tk-border:#E7EFEA;--tk-text:#1E1E1E;--tk-muted:#7B7B7B;--tk-shadow:0 12px 30px rgba(0,0,0,.06)}.tk-rewards{position:relative;background:var(--tk-bg);border:1px solid var(--tk-border);border-radius:20px;padding:18px;margin:20px 0;overflow:hidden;box-shadow:var(--tk-shadow)}.tk-rewards:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#0b5d3b,#18b663,#0b5d3b)}.tk-rewards__header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.tk-rewards__title{margin:0;font-size:20px;font-weight:700;color:var(--tk-text)}.tk-rewards__subtitle{margin:5px 0 0;font-size:13px;color:var(--tk-muted);line-height:1.4}.tk-rewards__cart{text-align:right}.tk-rewards__cart span{display:block;font-size:12px;color:var(--tk-muted)}.tk-rewards__cart strong{display:block;margin-top:2px;font-size:22px;color:var(--tk-primary)}.tk-rewards__progress{position:relative;display:flex;justify-content:space-between;align-items:flex-start;margin-top:28px}.tk-progress-line{position:absolute;left:6%;right:6%;top:18px;height:8px;border-radius:50px;background:#e8ece9}.tk-progress-fill{width:0;height:100%;border-radius:50px;background:linear-gradient(90deg,#0b5d3b,#18b663);transition:width .8s ease;position:relative}.tk-progress-fill:after{content:"";position:absolute;left:-100%;top:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:tkShine 2s linear infinite}@keyframes tkShine{0%{left:-100%}to{left:180%}}.tk-step{position:relative;width:25%;text-align:center;z-index:5}.tk-step__icon{width:40px;height:40px;border-radius:50%;background:#f3f4f5;border:2px solid #E4E4E4;display:flex;align-items:center;justify-content:center;margin:auto;font-size:18px;transition:.35s}.tk-step__label{margin-top:8px;font-size:12px;font-weight:600;color:#666;line-height:1.3}.tk-step.locked .tk-step__icon{opacity:.5}.tk-step.active .tk-step__icon{background:#e8fff2;border-color:#18b663;transform:scale(1.08)}.tk-step.completed .tk-step__icon{background:#18b663;color:#fff;border-color:#18b663;box-shadow:0 0 18px #18b66359}.tk-rewards__status{margin-top:18px;padding:12px 16px;border-radius:14px;background:#f8faf9;border:1px solid #EBF0EC}.tk-status-text{text-align:center;font-size:14px;color:#555;line-height:1.5}.tk-status-text strong{color:var(--tk-primary)}.tk-celebration{display:none}.tk-rewards{transition:.35s ease}.tk-rewards:hover{transform:translateY(-2px);box-shadow:0 18px 40px #00000014}.tk-step__icon{animation:tkFloat 3s ease-in-out infinite}.tk-step:nth-child(2) .tk-step__icon{animation-delay:.2s}.tk-step:nth-child(3) .tk-step__icon{animation-delay:.4s}.tk-step:nth-child(4) .tk-step__icon{animation-delay:.6s}@keyframes tkFloat{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.tk-step.completed{animation:tkUnlock .6s ease}@keyframes tkUnlock{0%{transform:scale(.8)}60%{transform:scale(1.08)}to{transform:scale(1)}}.tk-step.completed .tk-step__icon{box-shadow:0 0 20px #18b66359,0 0 35px #18b6632e}.tk-celebration{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:18px;padding:18px 24px;box-shadow:0 25px 60px #0000002e;display:flex;align-items:center;gap:14px;opacity:0;visibility:hidden;transition:.35s;z-index:30}.tk-celebration.show{opacity:1;visibility:visible}.tk-celebration__icon{font-size:36px;animation:tkCelebrate 1s infinite}@keyframes tkCelebrate{0%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}to{transform:rotate(-8deg)}}.tk-celebration__text strong{display:block;font-size:18px;color:#111}.tk-celebration__text span{display:block;margin-top:4px;font-size:14px;color:#666}.tk-rewards.is-sticky{position:sticky;top:85px;z-index:20}@media(max-width:768px){.tk-rewards{padding:14px;border-radius:16px;margin:14px 0}.tk-rewards__title{font-size:17px}.tk-rewards__subtitle{font-size:12px}.tk-rewards__cart strong{font-size:18px}.tk-rewards__progress{margin-top:22px}.tk-progress-line{top:16px;height:6px}.tk-step__icon{width:34px;height:34px;font-size:15px}.tk-step__label{font-size:10px}.tk-rewards__status{padding:10px;margin-top:14px}.tk-status-text{font-size:12px}.tk-celebration{width:92%;padding:14px}.tk-celebration__icon{font-size:28px}.tk-celebration__text strong{font-size:15px}.tk-celebration__text span{font-size:12px}}@media(max-width:480px){.tk-rewards{padding:12px}.tk-step__label{display:none}.tk-progress-line{left:8%;right:8%}.tk-status-text{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/tk-rewards.css.map */