.gtg-wrap{--red:#e11d2e;--red2:#c4111f;--navy:#0f1b3d;--ink:#1c2340;--mut:#6b7390;--bg:#f5f7fb;max-width:1180px;margin:0 auto;padding:32px 16px;font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink)}
.gtg-wrap *{box-sizing:border-box}
.gtg-head{text-align:center;margin-bottom:24px}
.gtg-head h2{font-size:clamp(26px,4vw,38px);font-weight:800;margin:0 0 6px;letter-spacing:.5px;text-transform:uppercase;color:var(--navy)}
.gtg-head h2 span{color:var(--red)}
.gtg-head p{margin:0;color:var(--mut)}
.gtg-session{display:inline-block;margin:10px 0 8px;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;font-weight:700;font-size:15px;letter-spacing:.6px;padding:6px 20px;border-radius:999px;box-shadow:0 6px 16px rgba(225,29,46,.25)}
.gtg-bar{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:22px 0}
.gtg-tabs{display:flex;gap:8px;flex-wrap:wrap}
.gtg-tabs button{border:2px solid var(--navy);background:#fff;color:var(--navy);padding:9px 20px;border-radius:999px;font-weight:600;cursor:pointer;transition:.2s}
.gtg-tabs button.on,.gtg-tabs button:hover{background:var(--navy);color:#fff}
#gtg-search{flex:1;min-width:230px;max-width:380px;padding:11px 16px;border:2px solid #dde2ef;border-radius:999px;font-size:15px;background:#fff}
#gtg-search:focus{outline:none;border-color:var(--red)}
.gtg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.gtg-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 18px rgba(15,27,61,.08);border-top:4px solid var(--red);display:flex;flex-direction:column;transition:.2s}
.gtg-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(15,27,61,.14)}
.gtg-badge{align-self:flex-start;background:var(--navy);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;letter-spacing:.4px}
.gtg-card h3{margin:12px 0 2px;font-size:19px;color:var(--navy)}
.gtg-code{margin:0 0 10px;color:var(--mut);font-size:13px}
.gtg-card ul{list-style:none;padding:0;margin:0 0 16px;font-size:13.5px}
.gtg-card li{padding:3px 0 3px 22px;position:relative}
.gtg-card li:before{content:"\2713";position:absolute;left:0;color:#16a34a;font-weight:800}
.gtg-buy{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}
.gtg-buy strong{font-size:24px;color:var(--red)}
.gtg-btn,.gtg-pay{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;border:0;padding:11px 18px;border-radius:10px;font-weight:700;cursor:pointer;font-size:14px;transition:.2s}
.gtg-btn:hover,.gtg-pay:hover{filter:brightness(1.08);transform:scale(1.03)}
.gtg-btn:disabled,.gtg-pay:disabled{opacity:.6;cursor:wait}
.gtg-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:30px}
.gtg-links a{background:var(--navy);color:#fff;padding:10px 18px;border-radius:999px;text-decoration:none;font-weight:600;font-size:14px}
.gtg-links a:hover{background:var(--red)}
/* modal */
.gtg-modal{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:99999;display:flex;align-items:center;justify-content:center;padding:14px;backdrop-filter:blur(4px)}
.gtg-modal[hidden]{display:none}
.gtg-box{background:#fff;border-radius:18px;max-width:430px;width:100%;max-height:92vh;overflow:auto;padding:26px 22px;position:relative;font-family:Poppins,system-ui,sans-serif;color:#1c2340;animation:gtgIn .25s ease}
@keyframes gtgIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.gtg-x{position:absolute;right:12px;top:8px;background:none;border:0;font-size:30px;cursor:pointer;color:#6b7390;line-height:1}
.gtg-box h3{margin:0 0 4px;color:#0f1b3d;font-size:20px}
.gtg-sub{margin:0 0 16px;color:#6b7390;font-size:14px}
.gtg-box label{display:block;font-size:13px;font-weight:600;margin:10px 0 4px}
.gtg-box input{width:100%;padding:11px 13px;border:2px solid #dde2ef;border-radius:10px;font-size:15px}
.gtg-box input:focus{outline:none;border-color:#e11d2e}
.gtg-pay{width:100%;margin-top:16px;padding:13px;font-size:16px}
.gtg-err{color:#c4111f;font-size:13px;margin-top:10px;min-height:16px}
.gtg-qr{text-align:center}
.gtg-qr img{max-width:230px;width:100%;border-radius:12px;border:1px solid #e3e7f2}
.gtg-amt{font-size:30px;font-weight:800;color:#e11d2e;margin:6px 0}
.gtg-note{background:#fff4f4;border-left:4px solid #e11d2e;padding:10px 12px;border-radius:8px;font-size:13px;margin-top:12px}
.gtg-ok{text-align:center;padding:10px 0}
.gtg-ok .tick{width:64px;height:64px;border-radius:50%;background:#16a34a;color:#fff;font-size:38px;line-height:64px;margin:0 auto 12px}
.gtg-spin{width:34px;height:34px;border:4px solid #e3e7f2;border-top-color:#e11d2e;border-radius:50%;animation:gtgs 1s linear infinite;margin:14px auto}
@keyframes gtgs{to{transform:rotate(360deg)}}
@media(max-width:520px){.gtg-bar{flex-direction:column;align-items:stretch}#gtg-search{max-width:none}}

/* ---- theme-proof buttons (theme CSS was hiding the pay button) ---- */
#gtg-modal .gtg-pay,#gtg-modal a.gtg-pay,.gtg-wrap button.gtg-btn{
 display:block!important;width:100%!important;background:linear-gradient(135deg,#e11d2e,#c4111f)!important;color:#fff!important;
 border:0!important;border-radius:12px!important;padding:14px 18px!important;font:700 16px/1.2 Poppins,system-ui,sans-serif!important;
 text-align:center!important;text-decoration:none!important;cursor:pointer!important;opacity:1!important;visibility:visible!important;
 box-shadow:0 8px 20px rgba(225,29,46,.28)!important;margin-top:16px!important;height:auto!important;text-transform:none!important}
.gtg-wrap button.gtg-btn{width:auto!important;margin-top:0!important;padding:11px 18px!important;font-size:14px!important;box-shadow:none!important}
#gtg-modal .gtg-pay.alt{background:#fff!important;color:#0f1b3d!important;border:2px solid #dde2ef!important;box-shadow:none!important;margin-top:10px!important}
#gtg-modal .gtg-pay:disabled{opacity:.6!important;cursor:wait!important}
#gtg-modal input{background:#fff!important;color:#1c2340!important;height:auto!important;margin:0!important}
#gtg-modal .gtg-x{background:none!important;border:0!important;box-shadow:none!important;width:auto!important;padding:0 6px!important;color:#6b7390!important}
.gtg-err:empty{display:none}
/* result screens */
.gtg-done{text-align:center}
.gtg-circle{width:78px;height:78px;margin:4px auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:gtgPop .45s cubic-bezier(.2,1.4,.4,1)}
.gtg-circle.ok{background:#16a34a;box-shadow:0 0 0 10px rgba(22,163,74,.15)}
.gtg-circle.bad{background:#e11d2e;box-shadow:0 0 0 10px rgba(225,29,46,.13)}
.gtg-circle svg{width:40px;height:40px;stroke:#fff;fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.gtg-circle.ok path{stroke-dasharray:40;stroke-dashoffset:40;animation:gtgDraw .5s .25s forwards}
@keyframes gtgPop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes gtgDraw{to{stroke-dashoffset:0}}
.gtg-done h3{font-size:22px;margin:0 0 4px}
.gtg-done .gtg-sub{margin-bottom:14px}
.gtg-rcpt{background:#f6f8fc;border:1px dashed #cfd6e8;border-radius:12px;padding:6px 14px;margin:10px 0 2px;text-align:left}
.gtg-rcpt div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #e6eaf4;font-size:13.5px}
.gtg-rcpt div:last-child{border:0}
.gtg-rcpt span{color:#6b7390}
.gtg-rcpt b{color:#0f1b3d;text-align:right;word-break:break-all}
.gtg-soc{display:flex;gap:8px;margin-top:12px}
.gtg-soc a{flex:1;text-align:center;padding:10px 6px;border-radius:10px;background:#f1f4fb;color:#0f1b3d;font-weight:600;font-size:13px;text-decoration:none}
.gtg-tiny{font-size:12px;color:#6b7390;margin:12px 0 0}

.gtg-med{color:#e11d2e;font-weight:700}

/* first two rows only until JS refines; See more */
.gtg-grid:not(.gtg-ready) .gtg-card:nth-child(n+9){display:none}
.gtg-morewrap{text-align:center;margin-top:22px}
.gtg-wrap button.gtg-more{display:inline-block!important;background:#fff!important;color:#0f1b3d!important;border:2px solid #0f1b3d!important;border-radius:999px!important;padding:11px 30px!important;font:700 15px/1.2 Poppins,system-ui,sans-serif!important;cursor:pointer!important;box-shadow:none!important;text-transform:none!important;width:auto!important;margin:0!important}
.gtg-wrap button.gtg-more:hover{background:#0f1b3d!important;color:#fff!important}
.gtg-wrap button.gtg-more[hidden]{display:none!important}