/* 21.10 Оплата клієнтом (pay.js) — Mini App і сайт. Префікс pk-. Мокап: мокапи/бот (концепт C). */
.pk{--pk-acc:#FF5F1F;--pk-line:rgba(255,255,255,.09);--pk-mut:#8b8b94;display:flex;flex-direction:column;gap:14px;color:#f2f2f4;font-size:14px}
.pk button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
.pk-seg{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;border-radius:14px;background:#151517}
.pk-seg button{padding:10px 4px;border-radius:10px;font-size:13px;color:var(--pk-mut);white-space:nowrap}
.pk-seg button.on{background:#26262b;color:#fff;font-weight:600}
.pk-sum{text-align:center;display:flex;flex-direction:column;gap:2px}.pk-sum small{color:var(--pk-mut)}
.pk-sum b{font-size:38px;letter-spacing:-1px;font-weight:700;font-variant-numeric:tabular-nums}
.pk-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.pk-chips button,.pk-own{padding:9px 15px;border-radius:20px;border:1px solid #333;font-size:14px}
.pk-chips .on{border-color:var(--pk-acc);background:rgba(255,95,31,.12)}
.pk-own{display:flex;align-items:center;gap:2px;color:var(--pk-mut)}.pk .pk-own input{width:86px;height:auto;min-height:0;padding:0;margin:0;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff;font:inherit;font-size:16px;outline:0}
.pk-plans{display:flex;flex-direction:column;gap:8px}
.pk-plan{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;padding:13px 14px;border-radius:16px;border:1px solid var(--pk-line)!important;background:#111114!important}
.pk-plan.on{border-color:var(--pk-acc)!important;background:rgba(255,95,31,.08)!important}
.pk-plan b{display:block;font-size:15px}.pk-plan small{color:var(--pk-mut);font-size:12.5px}.pk-pr{font-weight:700;color:var(--pk-acc)}
.pk-dot{width:34px;height:22px;border-radius:5px}
.pk-starter{background:radial-gradient(circle at 70% 20%,#FF5F1F,#150c08 70%)}.pk-pro{background:linear-gradient(120deg,#8d939c,#fff 40%,#8f959e)}
.pk-premium{background:linear-gradient(120deg,#8a6a2f,#fff4d2 40%,#9b7834)}.pk-elite{background:linear-gradient(145deg,#2a2a2f,#050506);box-shadow:inset 0 0 0 1px rgba(255,215,150,.4)}
.pk-main{display:block;text-align:center;padding:15px;border-radius:14px;background:var(--pk-acc)!important;color:#fff!important;font-weight:700;font-size:15px;text-decoration:none}
.pk-main:disabled{opacity:.6}
.pk-back{align-self:flex-start;color:#ffb08a!important;padding:2px 0}
.pk-pay{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border-radius:18px;background:#111114;border:1px solid var(--pk-line)}
.pk-pay .pk-main{align-self:stretch}
.pk-qr{width:180px;height:180px;padding:10px;border-radius:14px;background:#fff}.pk-qr img{width:100%;height:100%;display:block}
.pk-amt{text-align:center;display:flex;flex-direction:column;gap:2px}.pk-amt small{color:var(--pk-mut)}
.pk-addr{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:12px;background:#1a1a1e;width:100%;box-sizing:border-box}
.pk-addr span{font-family:ui-monospace,Menlo,monospace;font-size:12px;word-break:break-all;min-width:0}.pk-addr button{color:var(--pk-acc);font-weight:600;font-size:13px;white-space:nowrap}
.pk-timer{font-size:13px;color:#ffd2b8}
.pk-field{display:flex;gap:6px;padding:6px;border-radius:14px;background:#151517;border:1px solid var(--pk-line)}
.pk .pk-field input{height:auto;min-height:0;margin:0;background:transparent!important;border:0!important;box-shadow:none!important;flex:1;min-width:0;background:transparent;border:0;color:#fff;font:inherit;font-size:16px;padding:6px 8px;outline:0}
.pk-field button{padding:9px 12px;border-radius:10px;background:var(--pk-acc)!important;font-weight:600;font-size:13px}
.pk-file{display:block;text-align:center;padding:14px;border-radius:14px;border:1px dashed #444;cursor:pointer;font-weight:600}
.pk-steps{display:flex;flex-direction:column;gap:8px;font-size:13.5px}
.pk-s{display:flex;align-items:center;gap:10px;color:var(--pk-mut)}
.pk-s i{width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;border:1px solid #333}
.pk-s.done{color:#e3e3e8}.pk-s.done i{background:#2e7d4f;border-color:#2e7d4f}.pk-s.now{color:#fff}
.pk-s.now i{border-color:var(--pk-acc);box-shadow:0 0 0 4px rgba(255,95,31,.2);animation:pkpl 1.4s infinite}@keyframes pkpl{50%{box-shadow:0 0 0 7px rgba(255,95,31,.05)}}
.pk-note{font-size:12.5px;color:var(--pk-mut);text-align:center}.pk-wait{color:#ffd2b8}
.pk-err{font-size:13px;color:#ff8a8a;text-align:center}
.pk-done{align-items:center;text-align:center;padding:20px 0}.pk-done b{font-size:22px}.pk-done small{color:var(--pk-mut)}.pk-done .pk-main{align-self:stretch;margin-top:8px}
.pk-ok{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:#2e7d4f}