:root{--bg:#ffffff;--text:#101114;--muted:#6a6f7b;--muted2:#8a90a0;--card:#ffffff;--card-border:rgba(16,17,20,.10);--card-shadow:0 12px 28px rgba(16,17,20,.08);--line:rgba(16,17,20,.08);--gold:#d6b24e;--green:#26b36a;--green-bg:#eaf7ef;--btn:#0b0b0c;--btnText:#ffffff;--radius:18px;--max:1200px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;font-size:14px;line-height:1.15}button,input,select{-webkit-appearance:none;appearance:none}.top{background:#0b0b0c;color:#fff;border-bottom:3px solid var(--gold)}.top .inner{max-width:var(--max);margin:0 auto;padding:18px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{font-weight:900;letter-spacing:3px;text-transform:uppercase;font-size:22px;color:var(--gold)}.brand,.secure{display:flex;align-items:center;gap:10px}.secure{font-size:12px;color:rgba(255,255,255,.85);font-weight:600}.wrap{max-width:var(--max);margin:22px auto;padding:0 16px 60px}.grid{display:grid;grid-template-columns:1fr 380px;gap:18px;align-items:start}@media (max-width:1000px){.grid{grid-template-columns:1fr}}.panel{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}@media (max-width:900px){.panel{grid-template-columns:1fr}}.stack{display:flex;flex-direction:column;gap:18px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:18px}.disabled{opacity:.55;pointer-events:none;filter:grayscale(35%);box-shadow:none;background:#fbfbfb}.stephead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.stepTitle{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.3px}.bubble{width:22px;height:22px;display:grid;place-items:center;background:#111}.bubble,.check{border-radius:999px;font-size:12px;font-weight:900;color:#fff}.check{margin-left:6px;width:18px;height:18px;background:var(--green);display:inline-grid;place-items:center;transform:translateY(-1px)}.edit{border:1px solid rgba(16,17,20,.1);background:#fff;color:var(--muted2);cursor:pointer;padding:8px 10px;border-radius:12px;box-shadow:0 6px 14px rgba(16,17,20,.06)}.edit:hover{background:#f7f8fa}.hint{margin-top:2px}.hint,label{color:var(--muted);font-size:12px}label{display:block;margin:12px 0 6px;font-weight:700}input,select{width:100%;border-radius:999px;border:1px solid rgba(16,17,20,.14);background:#f6f7f9;padding:12px 14px;outline:none;color:var(--text);font-size:14px}input::placeholder{color:rgba(16,17,20,.35)}input:focus,select:focus{border-color:rgba(183,138,30,.55);box-shadow:0 0 0 4px rgba(214,178,78,.16);background:#fff}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:520px){.row{grid-template-columns:1fr}}.btn{width:100%;border:0;border-radius:999px;height:52px;background:var(--btn);color:var(--btnText);font-weight:900;letter-spacing:.3px;cursor:pointer;margin-top:16px}.btn:hover{filter:brightness(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.tiny{font-size:11px;color:var(--muted2)}.rightInline{display:flex;align-items:center;gap:10px}.badgeFree{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:var(--green-bg);color:var(--green);font-size:12px;font-weight:900;border:1px solid rgba(38,179,106,.22)}.doneShell{margin-top:10px;border-radius:16px;border:1px solid rgba(38,179,106,.24);background:#f7fbf8;overflow:hidden}.doneTop{justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid rgba(38,179,106,.16)}.doneTitle,.doneTop{display:flex;align-items:center}.doneTitle{gap:10px;font-weight:900;font-size:12px;color:#1a5533}.doneDot{width:10px;height:10px;border-radius:999px;background:var(--green);box-shadow:0 0 0 3px rgba(38,179,106,.15)}.doneBody{padding:12px 12px 14px}.doneGrid{display:flex;flex-direction:column;gap:10px}.doneLine{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.doneLabel{font-size:12px;color:rgba(16,17,20,.55);font-weight:800;min-width:72px}.doneValue{text-align:right;font-size:13px;color:rgba(16,17,20,.85);font-weight:700;line-height:1.25;word-break:break-word;max-width:70%}.free{color:var(--green)}.payOption{border:1px solid rgba(16,17,20,.14);border-radius:14px;padding:12px;display:flex;align-items:flex-start;gap:10px;margin-top:12px;background:#fff}.radio{width:18px;height:18px;border-radius:999px;border:2px solid rgba(16,17,20,.3);display:inline-block;margin-top:2px;position:relative;flex:0 0 auto}.payOption.active{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.06);background:#f7f8fa}.payOption.active .radio:after{content:"";position:absolute;inset:3px;border-radius:999px;background:#111}.payTxt{flex:1}.payTxt .t{font-weight:900;font-size:13px}.payTxt .d{margin-top:4px;line-height:1.25}.payNote,.payTxt .d{font-size:12px;color:var(--muted)}.payNote{border:1px solid rgba(16,17,20,.14);border-radius:12px;padding:10px 12px;margin-top:10px;background:#fff}.summaryCard{border-radius:22px}.summaryTitle{font-weight:900;letter-spacing:.3px;margin:0 0 10px}.coupon{display:flex;gap:10px;align-items:center;margin:10px 0 14px}.coupon input{flex:1}.coupon input,.couponBtn{height:40px;padding:0 14px}.couponBtn{border-radius:999px;border:1px solid rgba(16,17,20,.14);background:#fff;font-weight:900;cursor:pointer;color:#111;box-shadow:0 10px 18px rgba(16,17,20,.06)}.couponBtn:hover{background:#f7f8fa}.box{border:1px dashed rgba(16,17,20,.18);border-radius:16px;padding:14px;background:#fff;margin:10px 0 14px}.sumrow{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin:8px 0}.sumrow strong{color:#111}.total{display:flex;justify-content:space-between;align-items:flex-end;margin-top:8px;padding-top:10px;border-top:1px solid var(--line)}.total .v{font-size:24px;font-weight:1000;letter-spacing:.2px}.total .sub{font-size:11px;color:var(--muted);margin-top:2px}.prod{display:flex;gap:12px;align-items:center;margin-top:12px}.thumb{width:56px;height:56px;border-radius:14px;border:1px solid rgba(16,17,20,.1);background:#f1f2f5;object-fit:cover}.pmeta{min-width:0;flex:1}.pname{font-size:12px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pvar{margin:4px 0 0}.pprice,.pvar{font-size:12px;font-weight:900;color:#111}.pprice{margin-top:6px}.qty{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;background:#f6f7f9;border:1px solid rgba(16,17,20,.1);padding:8px 10px;width:160px}.qty,.qtyBtn{border-radius:999px}.qtyBtn{width:34px;height:34px;border:1px solid rgba(16,17,20,.14);background:#ffffff;color:#111;cursor:pointer;font-weight:1000;display:grid;place-items:center;box-shadow:0 10px 18px rgba(16,17,20,.06)}.qtyBtn:hover{background:#f7f8fa}.qty .n{min-width:24px;text-align:center;font-weight:900;color:#111;font-size:14px}.msg{margin-top:12px;font-size:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(16,17,20,.12);background:#fff;color:var(--muted)}.msg.err{border-color:rgba(255,77,77,.4);color:#b00020}.msg.ok{border-color:rgba(38,179,106,.3);color:#166b3d}.payModalBack{position:fixed;inset:0;background:rgba(0,0,0,.35);justify-content:center;z-index:999}.payModal,.payModalBack{display:flex;align-items:center}.payModal{width:320px;background:#fff;border:1px solid rgba(16,17,20,.1);border-radius:18px;box-shadow:0 18px 48px rgba(16,17,20,.18);padding:18px 18px 16px;flex-direction:column;gap:8px}.spinner{width:38px;height:38px;border-radius:999px;border:3px solid rgba(38,179,106,.18);border-top-color:rgba(38,179,106,.95);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.payModalTitle{font-weight:1000;font-size:15px;color:#111}.payModalSub{font-size:12px;color:var(--muted)}.pixCard{padding:22px;border-radius:22px}.pixHero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.pixTitle{font-weight:1000;font-size:28px;letter-spacing:-.2px}.pixSub{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.35}.pixStatus{display:inline-flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border-radius:999px;border:1px solid rgba(16,17,20,.12);font-weight:900;font-size:13px;background:#fff;color:#111}.pixStatus.pending{background:#fff7c2;border-color:rgba(122,106,42,.25);color:#7a6a2a}.pixStatus.expired{background:#ffe9e9;border-color:rgba(176,0,32,.22);color:#b00020}.pixStatus .dots{letter-spacing:3px;opacity:.8}.pixAmount{text-align:right;min-width:160px}.pixAmountLabel{font-size:11px;color:var(--muted);font-weight:800}.pixAmountValue{margin-top:4px;font-size:22px;font-weight:1000;color:var(--green)}.pixQrWrap{margin-top:16px;display:flex;flex-direction:column;align-items:center}.pixQr{width:240px;height:240px;border-radius:18px;background:#fff;border:1px solid rgba(16,17,20,.12);padding:10px;object-fit:contain}@media (max-width:520px){.pixQr{width:200px;height:200px}.pixHero{flex-direction:column;align-items:flex-start}.pixAmount{text-align:left}}.pixCopy{margin-top:14px}.pixCopy.copied{background:var(--green);color:#fff}.pixHowTitle{margin-top:18px;font-weight:1000;letter-spacing:.2px;font-size:16px;text-align:center}.pixSteps{margin-top:14px;display:flex;flex-direction:column;gap:12px}.pixStep{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:16px;background:#fff;border:1px solid rgba(16,17,20,.1)}.pixStepN{width:26px;height:26px;border-radius:10px;background:#0b0b0c;color:#fff;display:grid;place-items:center;font-weight:1000;flex:0 0 auto;transform:translateY(1px)}.pixStepT{font-size:13px;color:var(--muted);line-height:1.35;font-weight:700}.pixStepT b{color:#111}.pixExpiredBox{margin-top:16px;border-radius:18px;padding:14px;background:#ffe9e9;border:1px solid rgba(176,0,32,.2);text-align:center}.pixExpiredTitle{font-weight:1000;color:#b00020;show:block}.pixExpiredSub{margin-top:6px;font-size:12px;color:#7b1c2a;font-weight:700}