/* ===== v144: checkout lebih rapi - metode bayar terpilih jelas, dock bawah, header langkah bersih ===== */
#pnCk .ckCard{border-radius:20px;background:linear-gradient(180deg,#10285f,#0b1d48);border:1px solid rgba(110,155,255,.28);box-shadow:0 8px 24px rgba(0,8,40,.35);padding:0 0 16px}
#pnCk .ckSH{margin:0;padding:14px 16px;border-radius:0;background:transparent;border:0;border-bottom:1px solid rgba(110,155,255,.18);box-shadow:none;gap:12px}
#pnCk .ckSH b{font-size:16px;font-weight:800;letter-spacing:.1px}
#pnCk .ckN{width:30px;height:30px;border-radius:50%;border:0;background:linear-gradient(135deg,#3b82ff,#1d5ae0);color:#fff;font-size:14px;box-shadow:0 3px 10px rgba(30,100,255,.45)}
#pnCk .ckN svg{width:16px;height:16px}
#pnCk .ckBody{padding:14px 14px 0}

/* kartu metode bayar */
#pnCk .ckPay{position:relative;padding:14px 48px 14px 16px;border-radius:16px;background:#e9eefb;color:#0a1a4d;border:2px solid transparent;transition:border-color .15s,background .15s,box-shadow .15s}
#pnCk .ckPay b{font-size:15.5px}
#pnCk .ckPay.on{background:#fff;border-color:#16a864;box-shadow:0 0 0 4px rgba(22,168,100,.22),0 6px 16px rgba(0,20,80,.25)}
#pnCk .ckPay.dis{background:#aeb8d6;opacity:.7}
#pnCk .ckTick{position:absolute;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#16a864;color:#fff;font-style:normal;opacity:0;transform:scale(.4);transition:opacity .15s,transform .18s}
#pnCk .ckTick svg{width:15px;height:15px;stroke-width:3.2}
#pnCk .ckPay .ckTick{right:14px;top:50%;margin-top:-13px}
#pnCk .ckPay.on .ckTick,#pnCk .ckChip.on .ckTick{opacity:1;transform:none}
#pnCk .ckChip{position:relative;border:2px solid transparent}
#pnCk .ckChip.on{border-color:#16a864;background:#effaf4;box-shadow:0 0 0 3px rgba(22,168,100,.25)}
#pnCk .ckChip .ckTick{right:-7px;top:-7px;width:20px;height:20px}
#pnCk .ckChip .ckTick svg{width:12px;height:12px}

#pnCk .ckNote{background:rgba(70,120,255,.12);border:1px solid rgba(110,155,255,.35);color:#dbe6ff}
#pnCk .ckNote b{color:#fff}
#pnCk .ckTotal{display:none}

/* dock bawah: metode + total + tombol selalu kelihatan */
#pnCk .ckDock{position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));background:rgba(6,18,52,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(110,155,255,.35);box-shadow:0 -10px 30px rgba(0,0,0,.4)}
#pnCk .ckDock small{display:block;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#8fa9e6}
#pnCk .ckDockM b{display:flex;align-items:center;gap:7px;font-size:14.5px;line-height:1.3}
#pnCk .ckDockM b svg{flex:none;width:17px;height:17px}
#pnCk .ckDockM.set b{color:#5df0a5}
#pnCk .ckDockM.unset b{color:#ffd166}
#pnCk .ckDockT{text-align:right}
#pnCk .ckDockT b{font-size:19px;color:#fff;letter-spacing:.2px}
#pnCk .ckDock .ckGo{grid-column:1/-1;margin:0;min-height:50px;border-radius:14px;font-size:16px;border:0;background:linear-gradient(180deg,#1fc27a,#10a463);color:#fff;box-shadow:0 6px 18px rgba(16,164,99,.4)}
#pnCk .ckDock .ckGo:active{transform:translateY(1px)}
#pnCk .ckDock .ckGo[disabled]{background:#34436e;color:#9fb0dc;box-shadow:none;opacity:1;filter:none}

/* v172: paket yang diset habis dari bot Telegram / Panel Owner */
#pnCk .ckPkI.hb{opacity:.5;cursor:not-allowed;filter:grayscale(.7);background:#c9d0e6}
#pnCk .ckPkI.hb b{color:#b3263c;font-size:13px;letter-spacing:.3px;text-transform:uppercase}
#pnCk .ckPkI.hb span{text-decoration:line-through;text-decoration-thickness:1.5px}