.g21s-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);margin:auto;padding:28px 24px 24px;border:0;border-radius:20px;background:#fff;color:#222;box-shadow:0 24px 60px rgba(0,0,0,.35);font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;overflow:auto}
.g21s-dialog::backdrop{background:rgba(20,20,30,.55)}
.g21s-dialog h2{margin:0 36px 6px 0;font-size:24px;line-height:1.2;color:#222}
.g21s-lead{margin:0 0 18px;color:#575760;font-size:15px;line-height:1.5}
.g21s-close{position:absolute;top:12px;right:14px;width:36px;height:36px;border:0;border-radius:50%;background:#f3f3f5;color:#333;font-size:24px;line-height:1;cursor:pointer}
.g21s-close:hover{background:#e6e6ea}
.g21s-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.g21s-form>*{grid-column:1/-1}
.g21s-form>.g21s-half{grid-column:auto}
.g21s-field{display:grid;gap:6px;font-size:14px;font-weight:600}
.g21s-field span{color:#333}
.g21s-field small{font-weight:400;color:#8a8a95}
.g21s-field input,.g21s-field select,.g21s-field textarea{box-sizing:border-box;width:100%;padding:12px 14px;border:1px solid #d6d6dc;border-radius:12px;background:#fff;color:#222;font:inherit;font-weight:400;font-size:16px}
.g21s-field input:focus,.g21s-field select:focus,.g21s-field textarea:focus{outline:2px solid #0366d6;outline-offset:1px;border-color:transparent}
.g21s-billing{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.g21s-billing[hidden],.g21s-form[hidden],.g21s-done[hidden]{display:none}
.g21s-billing label{position:relative}
.g21s-billing input{position:absolute;opacity:0;inset:0;cursor:pointer}
.g21s-billing span{display:block;padding:11px;border:1px solid #d6d6dc;border-radius:999px;text-align:center;font-size:15px;font-weight:600;color:#333}
.g21s-billing input:checked+span{background:#d40000;border-color:#d40000;color:#fff}
.g21s-billing input:focus-visible+span{outline:2px solid #0366d6;outline-offset:2px}
.g21s-summary{margin:0;padding:12px 14px;border-radius:12px;background:#fdecec;color:#a40000;font-size:15px;font-weight:600}
.g21s-status{min-height:1.2em;margin:0;color:#c40000;font-size:14px}
.g21s-submit,.g21s-pay{display:block;box-sizing:border-box;width:100%;padding:14px 20px;border:0;border-radius:999px;background:#d40000;color:#fff;font:inherit;font-size:16px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}
.g21s-submit:hover,.g21s-pay:hover{background:#b30000;color:#fff}
.g21s-submit:disabled{opacity:.6;cursor:progress}
.g21s-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.g21s-done{text-align:center;padding:8px 0}
.g21s-done h3{margin:12px 0 4px;font-size:22px}
.g21s-done p{margin:6px 0;color:#575760;line-height:1.5}
.g21s-order{font-weight:700;color:#222!important}
.g21s-check{display:flex;width:56px;height:56px;margin:0 auto;align-items:center;justify-content:center;border-radius:50%;background:#e4f6ea;color:#1a8f3c;font-size:30px;font-weight:700}
.g21s-actions{display:grid;gap:10px;margin-top:18px}
.g21s-secondary{padding:12px;border:1px solid #d6d6dc;border-radius:999px;background:#fff;color:#333;font:inherit;font-size:15px;cursor:pointer}
@media (max-width:540px){.g21s-form>.g21s-half{grid-column:1/-1}}
@media (max-width:480px){.g21s-dialog{padding:24px 16px 16px;border-radius:16px}}
/* Tema menimpa input[type=text]; dialog ini harus tampil sama di semua kolom. */
.g21s-dialog .g21s-field input,.g21s-dialog .g21s-field select{height:48px;margin:0;padding:0 14px;background:#fff;box-shadow:none;line-height:1.3}
.g21s-dialog .g21s-field textarea{margin:0;padding:12px 14px;background:#fff;box-shadow:none;line-height:1.4}
.g21s-dialog .g21s-field small{color:#8a8a95;font-size:12px;line-height:1.4}
.g21s-dialog .g21s-billing input{height:100%;padding:0;border:0}
/* Tombol hero: dua tombol berdampingan */
.gb-container-87a7a3ea{flex-wrap:wrap;gap:16px}
a.g21-guide-btn{display:flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:20px;font-weight:bold;padding:13px 56px;border:2px solid #d60202;border-radius:5px;background:#fff;color:#d60202;text-decoration:none}
a.g21-guide-btn:hover,a.g21-guide-btn:focus{background:#222;border-color:#222;color:#fff}