/* =========================================================
   GyanTech TMA Store – v1.5.0 (front-end design)
   ========================================================= */
.gtg-wrap{--red:#e11d2e;--red2:#c4111f;--navy:#0f1b3d;--ink:#1c2340;--mut:#64708f;--line:#e6eaf3;--bg:#f5f7fb;--green:#16a34a;max-width:1240px;margin:0 auto;padding:36px 16px 44px;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:26px}
.gtg-head h2{font-size:clamp(26px,3.6vw,38px);font-weight:800;margin:10px 0 6px;letter-spacing:.3px;text-transform:uppercase;color:var(--navy);line-height:1.15}
.gtg-head h2 span{color:var(--red)}
.gtg-head p{margin:0;color:var(--mut);font-size:15px}
.gtg-session{display:inline-block;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;font-weight:700;font-size:13px;letter-spacing:.6px;padding:6px 18px;border-radius:999px;box-shadow:0 6px 16px rgba(225,29,46,.25)}

/* trust strip */
.gtg-trust{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gtg-trust li{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:0 2px 10px rgba(15,27,61,.04)}
.gtg-ti{grid-row:1/3;width:42px;height:42px;border-radius:12px;background:#fff1f2;display:flex;align-items:center;justify-content:center;font-size:20px}
.gtg-trust b{font-size:14px;color:var(--navy);line-height:1.2}
.gtg-trust small{font-size:12px;color:var(--mut)}

/* filter bar */
.gtg-bar{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 0 10px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 12px rgba(15,27,61,.05);position:sticky;top:calc(var(--gtg-header-h,80px) + 8px);z-index:20}
.admin-bar .gtg-bar{top:calc(var(--gtg-header-h,80px) + 40px)}
.gtg-filters{display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center}
.gtg-tabs,.gtg-meds{display:flex;gap:6px;flex-wrap:wrap;background:var(--bg);padding:4px;border-radius:999px}
.gtg-wrap .gtg-tabs button,.gtg-wrap .gtg-meds button{border:0;background:transparent;color:var(--navy);padding:8px 16px;border-radius:999px;font:600 14px/1.2 inherit;font-family:inherit;cursor:pointer;transition:.2s;box-shadow:none;margin:0;height:auto}
.gtg-wrap .gtg-tabs button.on,.gtg-wrap .gtg-tabs button:hover{background:var(--navy);color:#fff}
.gtg-wrap .gtg-meds button.on,.gtg-wrap .gtg-meds button:hover{background:var(--red);color:#fff}
.gtg-search{position:relative;flex:1 1 260px;max-width:380px;margin:0}
.gtg-search svg{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:var(--mut);stroke-width:2.2;stroke-linecap:round}
.gtg-wrap .gtg-search input{width:100%;padding:11px 16px 11px 42px;border:2px solid var(--line);border-radius:999px;font:15px/1.3 inherit;font-family:inherit;background:#fff;color:var(--ink);margin:0;height:auto}
.gtg-wrap .gtg-search input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 4px rgba(225,29,46,.1)}
.gtg-count{margin:6px 4px 14px;font-size:13px;color:var(--mut);font-weight:600}

/* grid + cards */
.gtg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,265px),1fr));gap:18px}
.gtg-grid:not(.gtg-ready) .gtg-card:nth-child(n+9){display:none}
.gtg-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 4px 16px rgba(15,27,61,.06);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}
.gtg-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--red),#ff7a45)}
.gtg-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,27,61,.12);border-color:#f3c7cc}
.gtg-card-top{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.gtg-badge{background:var(--navy);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.3px}
.gtg-medtag{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.3px}
.gtg-medtag--english{background:#e0f2fe;color:#075985}
.gtg-medtag--hindi{background:#ffedd5;color:#9a3412}
.gtg-subject{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.gtg-codebox{flex:0 0 52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#fff1f2,#ffe4e6);color:var(--red);font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;border:1px solid #fecdd3}
.gtg-card h3{margin:0;font-size:18px;line-height:1.25;color:var(--navy);font-weight:700}
.gtg-code{margin:2px 0 0;color:var(--mut);font-size:12.5px}
.gtg-feat{list-style:none;padding:0;margin:0 0 14px;font-size:13.5px;color:#334155}
.gtg-feat li{padding:4px 0 4px 24px;position:relative}
.gtg-feat li::before{content:"";position:absolute;left:0;top:7px;width:16px;height:16px;border-radius:50%;background:#dcfce7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}
.gtg-buy{margin-top:auto;padding-top:14px;border-top:1px dashed #e3e7f2;display:flex;justify-content:space-between;align-items:center;gap:10px}
.gtg-price{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;min-width:0}
.gtg-price strong{font-size:26px;font-weight:800;color:var(--red);white-space:nowrap}
.gtg-off{font-style:normal;font-size:11px;font-weight:700;color:var(--green);margin-top:3px}
.gtg-mrp{font-size:12.5px;font-weight:600;color:var(--mut);text-decoration:line-through;text-decoration-thickness:2px;white-space:nowrap}
.gtg-price .gtg-mrp{margin-bottom:2px}
.gtg-sub .gtg-mrp{margin-left:4px}
.gtg-wrap button.gtg-btn{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;flex:0 0 auto;background:linear-gradient(135deg,var(--red),var(--red2))!important;color:#fff!important;border:0!important;border-radius:12px!important;padding:12px 16px!important;font:700 14px/1.2 Poppins,system-ui,sans-serif!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:0 8px 18px rgba(225,29,46,.25)!important;margin:0!important;height:auto!important;opacity:1!important;visibility:visible!important;text-transform:none!important;transition:transform .2s,filter .2s}
.gtg-wrap button.gtg-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}
.gtg-empty{text-align:center;color:var(--mut);background:#fff;border:1px dashed var(--line);border-radius:14px;padding:22px;margin:10px 0 0}
.gtg-empty a{color:var(--red);font-weight:700}

/* see more */
.gtg-morewrap{text-align:center;margin-top:24px}
.gtg-wrap button.gtg-more{display:inline-block!important;background:#fff!important;color:var(--navy)!important;border:2px solid var(--navy)!important;border-radius:999px!important;padding:11px 30px!important;font:700 15px/1.2 Poppins,system-ui,sans-serif!important;cursor:pointer!important;height:auto!important;margin:0!important}
.gtg-wrap button.gtg-more:hover{background:var(--navy)!important;color:#fff!important}
.gtg-wrap button.gtg-more[hidden]{display:none!important}

/* how it works */
.gtg-steps{margin-top:40px;background:linear-gradient(135deg,#0f1b3d,#1e2a52);color:#fff;border-radius:20px;padding:28px clamp(18px,3vw,36px)}
.gtg-steps h3{margin:0 0 18px;font-size:clamp(20px,2.2vw,26px);color:#fff;text-align:center}
.gtg-steps h3 span{color:#ffb4bb}
.gtg-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gtg-steps li{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px}
.gtg-steps li>b{flex:0 0 36px;height:36px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;font-size:16px}
.gtg-steps strong{display:block;font-size:15.5px;margin-bottom:3px;color:#fff}
.gtg-steps span{font-size:13px;color:#cbd5e1;line-height:1.5}

/* help links */
.gtg-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.gtg-links a{display:inline-flex;align-items:center;gap:8px;color:#fff;padding:11px 20px;border-radius:999px;text-decoration:none;font-weight:600;font-size:14px;transition:transform .2s,filter .2s}
.gtg-links a:hover{transform:translateY(-2px);filter:brightness(1.08);color:#fff}
.gtg-l-wa{background:#25d366}.gtg-l-tg{background:#0088cc}.gtg-l-st{background:var(--navy)}

@media (max-width:900px){.gtg-trust{grid-template-columns:repeat(2,minmax(0,1fr))}.gtg-steps ol{grid-template-columns:1fr}}
@media (max-width:640px){
 .gtg-bar{position:static;flex-direction:column;align-items:stretch;padding:12px}
 .gtg-filters{justify-content:center}
 .gtg-search{max-width:none;flex-basis:auto}
 .gtg-trust li{grid-template-columns:36px 1fr;padding:10px}
 .gtg-ti{width:36px;height:36px;font-size:17px}
 .gtg-trust b{font-size:13px}
}
@media (max-width:380px){.gtg-wrap{padding:22px 12px}.gtg-card{padding:15px}.gtg-price strong{font-size:22px}.gtg-wrap button.gtg-btn{padding:11px 12px!important;font-size:13px!important}}

/* 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{
 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-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-mrp{font-size:13px;font-weight:600;color:#6b7390;background:#f1f3f9;padding:1px 7px;border-radius:6px;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#6b7390;white-space:nowrap}
.gtg-price .gtg-mrp{margin-bottom:3px}
.gtg-sub .gtg-mrp{margin-left:4px;font-size:13px}


/* ===== v2.0 additions: availability, variants, coming soon, course filter ===== */
.gtg-stat{display:flex;gap:6px;flex-wrap:wrap;background:var(--bg);padding:4px;border-radius:999px}
.gtg-wrap .gtg-stat button{border:0;background:transparent;color:var(--navy);padding:8px 14px;border-radius:999px;font:600 13.5px/1.2 Poppins,system-ui,sans-serif;cursor:pointer;margin:0;height:auto;box-shadow:none}
.gtg-wrap .gtg-stat button.on,.gtg-wrap .gtg-stat button:hover{background:#16a34a;color:#fff}
.gtg-groupsel select{height:40px;border:2px solid var(--line);border-radius:999px;padding:0 34px 0 14px;font:600 13.5px Poppins,system-ui,sans-serif;color:var(--navy);background:#fff;max-width:280px;margin:0}
.gtg-status{margin-left:auto;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.3px}
.gtg-status--live{background:#dcfce7;color:#166534}
.gtg-status--soon{background:#f1f5f9;color:#475569}
.gtg-prog{margin:3px 0 0;font-size:11.5px;color:#0369a1;font-weight:600}
.gtg-variants{margin-top:auto;display:grid;gap:8px}
.gtg-variants .gtg-buy{margin-top:0;padding:10px 0 0}
.gtg-variants .gtg-buy+.gtg-buy{border-top:1px dashed #e3e7f2}
.gtg-vlabel{font-size:12px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}
.gtg-pricerow{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.gtg-pricerow strong{font-size:24px}
.gtg-pricerow .gtg-off{margin:0}
.gtg-soon{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:11px 14px;border-radius:12px;background:#f1f5f9;color:#475569!important;border:1.5px dashed #cbd5e1;font:700 13.5px/1.2 Poppins,system-ui,sans-serif;text-decoration:none!important;transition:background .2s}
.gtg-soon:hover{background:#e2e8f0}
.gtg-card.is-soon::before{background:linear-gradient(90deg,#94a3b8,#cbd5e1)}
.gtg-card.is-soon .gtg-codebox{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}
.gtg-buy.is-soon .gtg-price strong{color:#475569}
.gtg-steps-note{margin:14px 0 0;text-align:center;font-size:13px;color:#cbd5e1}
.gtg-grid:not(.gtg-ready) .gtg-card:nth-child(n+13){display:none}
@media (max-width:640px){.gtg-groupsel select{max-width:none;width:100%}.gtg-status{margin-left:0}}

.gtg-divider{grid-column:1/-1;display:flex;align-items:center;gap:14px;margin:6px 0 2px;font-size:14px;font-weight:800;letter-spacing:.3px}
.gtg-divider::after{content:"";flex:1;height:2px;border-radius:2px;background:currentColor;opacity:.18}
.gtg-divider span{padding:7px 16px;border-radius:999px;white-space:nowrap}
.gtg-divider--live{color:#166534}.gtg-divider--live span{background:#dcfce7}
.gtg-divider--soon{color:#475569;margin-top:18px}.gtg-divider--soon span{background:#f1f5f9}
@media (max-width:480px){.gtg-divider span{white-space:normal;font-size:12.5px}}