.kkgoal{--g-ink:#0B2B24;--g-gold:#D4AF37;--g-gold-2:#F0DDA4;--g-ok:#57B98C;
  direction:rtl;font-family:inherit;box-sizing:border-box}
.kkgoal *{box-sizing:border-box}
.kkgoal[hidden]{display:none!important}

.kkgoal--bottom,.kkgoal--top{position:fixed;inset-inline:0;z-index:9990;padding:10px 14px;
  background:var(--g-ink);color:#EFEAD9;box-shadow:0 -6px 24px -14px rgba(0,0,0,.6)}
.kkgoal--bottom{bottom:0}
.kkgoal--top{top:0;box-shadow:0 6px 24px -14px rgba(0,0,0,.6)}
.kkgoal--inline{background:var(--g-ink);color:#EFEAD9;border-radius:14px;padding:14px 16px;margin:18px 0}

.kkgoal__in{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:12px 18px;align-items:center}
.kkgoal__msg{font-size:14px;line-height:1.7;margin:0}
.kkgoal__msg b{color:var(--g-gold-2);font-weight:700}
.kkgoal__msg .kkgoal__amt{color:var(--g-gold);font-weight:800;font-variant-numeric:tabular-nums}
.kkgoal--done .kkgoal__msg b{color:var(--g-ok)}

.kkgoal__track{grid-column:1/-1;height:8px;border-radius:999px;background:rgba(240,221,164,.18);overflow:hidden}
.kkgoal__fill{display:block;height:100%;border-radius:999px;
  background:linear-gradient(90deg,#C9A227,#F0DDA4);transition:width .45s ease}
.kkgoal--done .kkgoal__fill{background:linear-gradient(90deg,#2E7D5B,#8BD3AC)}

.kkgoal__cta{white-space:nowrap;border-radius:10px;padding:9px 16px;font:inherit;font-size:13.5px;
  font-weight:700;text-decoration:none;background:linear-gradient(180deg,#E7C75A,#C9A227);color:#20180A}
.kkgoal__cta:hover{color:#20180A;opacity:.92}
.kkgoal__close{background:none;border:0;color:#8FA79B;font-size:20px;line-height:1;cursor:pointer;padding:0 4px}
.kkgoal__close:hover{color:#EFEAD9}
.kkgoal__side{display:flex;align-items:center;gap:8px}

.kkgoal__steps{grid-column:1/-1;display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:#9FB3A9;margin-top:2px}
.kkgoal__step.is-done{color:var(--g-ok)}
.kkgoal__step.is-done::before{content:"✓ "}

@media (max-width:600px){
  .kkgoal__in{grid-template-columns:1fr}
  .kkgoal__side{justify-content:space-between}
  .kkgoal__msg{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.kkgoal__fill{transition:none}}