/* Cert by TGRL - customer order app (v2.9.0). Mobile first; every rule is scoped to .tgo / .tgo-page. */
.tgo{--bg:#f4f6fb;--card:#fff;--ink:#0f172a;--mut:#64748b;--line:#e2e8f0;--pri:#4338ca;--pri-d:#3730a3;--pri-l:#eef2ff;--gold:#f59e0b;--gold-l:#fffbeb;--ok:#047857;--ok-l:#ecfdf5;--err:#b91c1c;--err-l:#fef2f2;--r:16px;--sab:env(safe-area-inset-bottom,0px);--sat:env(safe-area-inset-top,0px);
  position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
@media (prefers-color-scheme:dark){.tgo{--bg:#0b1220;--card:#111a2e;--ink:#e5e9f2;--mut:#94a3b8;--line:#22304d;--pri:#818cf8;--pri-d:#6366f1;--pri-l:#1b2447;--gold-l:#2b2008;--ok-l:#06281f;--err-l:#2d1111}}
body.tgo-page{margin:0;background:#f4f6fb}
@media (prefers-color-scheme:dark){body.tgo-page{background:#0b1220}}
.tgo *,.tgo *::before,.tgo *::after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.tgo [hidden]{display:none!important}
.tgo h1,.tgo h2,.tgo p{margin:0}
.tgo button,.tgo input,.tgo select,.tgo textarea{font-family:inherit}
.tgo-noscript{padding:14px;background:var(--err-l);color:var(--err);text-align:center;font-weight:600}

/* top bar */
.tgo-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:6px;padding:calc(8px + var(--sat)) 12px 8px 6px;background:linear-gradient(135deg,#4f46e5,#4338ca 60%,#3730a3);color:#fff}
.tgo-back{flex:none;display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.tgo-back:active{background:rgba(255,255,255,.18)}
.tgo-top-t{min-width:0}
.tgo-top-t h1{font-size:18px;line-height:1.2;font-weight:700}
.tgo-top-t small{display:block;margin-top:1px;font-size:13px;opacity:.88}
.tgo-prog{position:sticky;top:calc(62px + var(--sat));z-index:29;height:3px;background:var(--line)}
.tgo-prog i{display:block;height:100%;width:33%;background:var(--gold);transition:width .3s ease}

/* page body */
.tgo-main{flex:1;width:100%;max-width:640px;margin:0 auto;padding:14px 14px calc(104px + var(--sab))}
.tgo.is-done .tgo-main{padding-bottom:calc(28px + var(--sab))}
.tgo-step{animation:tgo-in .22s ease both}
@keyframes tgo-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.tgo-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:12px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.tgo-card h2{font-size:17px;line-height:1.3;margin-bottom:10px;font-weight:700}
.tgo-cardhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.tgo-cardhead h2{margin:0}
.tgo-fine{color:var(--mut);font-size:13px;line-height:1.45;margin-top:8px}
.tgo-lead{margin:-4px 0 10px}
.tgo-opt{font-weight:500;color:var(--mut);font-size:12px;text-transform:none;letter-spacing:0;margin-left:4px}
.tgo-link{background:none;border:0;padding:8px 2px;color:var(--pri);font:600 14px/1.2 inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.tgo-err{color:var(--err);font-size:13px;font-weight:600;margin-top:6px}
.tgo-err-box{padding:12px 14px;background:var(--err-l);border:1px solid #fca5a5;border-radius:12px;margin-bottom:12px}

/* price card */
.tgo-price{border-color:#c7d2fe;background:linear-gradient(180deg,var(--pri-l),var(--card) 70%)}
.tgo-slabs{display:grid;gap:8px}
.tgo-slab{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border:2px solid var(--line);border-radius:12px;background:var(--card);transition:border-color .15s,background .15s,transform .15s}
.tgo-slab span{font-weight:600}
.tgo-slab small{font-weight:500;color:var(--mut)}
.tgo-slab b{font-size:17px;color:var(--ink);white-space:nowrap}
.tgo-slab.on{border-color:var(--pri);background:var(--pri-l);transform:scale(1.015);box-shadow:0 4px 14px rgba(67,56,202,.18)}
.tgo-slab.on b{color:var(--pri)}
.tgo-nudge{margin-top:10px;padding:10px 12px;border-radius:10px;font-size:14px;background:var(--card);border:1px dashed var(--line);color:var(--mut)}
.tgo-nudge.nudge{background:var(--gold-l);border:1px solid #fcd34d;color:#92400e}
.tgo-nudge.warn{background:var(--err-l);border:1px solid #fca5a5;color:var(--err)}
.tgo-nudge.best{background:var(--ok-l);border:1px solid #a7f3d0;color:var(--ok)}
@media (prefers-color-scheme:dark){.tgo-nudge.nudge{color:#fcd34d;border-color:#78530a}}

/* product tiles */
.tgo-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.tgo-tile{position:relative;display:flex;flex-direction:column;gap:8px;padding:10px;border:2px solid var(--line);border-radius:14px;background:var(--card);transition:border-color .15s,box-shadow .15s}
.tgo-tile.on{border-color:var(--pri);box-shadow:0 4px 14px rgba(67,56,202,.16)}
.tgo-thumb{aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:var(--pri-l);display:grid;place-items:center}
.tgo-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.tgo-thumb svg{width:58%;height:auto}
.tgo-tn{font-weight:600;font-size:14px;line-height:1.3;min-height:36px;word-break:break-word}
.tgo-tn em{display:block;font-style:normal;font-weight:500;font-size:11px;color:var(--mut)}
.tgo-ctl{display:flex;align-items:stretch;gap:6px}
.tgo-pm{flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--pri-l);color:var(--pri);font:700 22px/1 inherit;cursor:pointer;display:grid;place-items:center;padding:0;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.tgo-pm:active{transform:scale(.94);background:var(--pri);color:#fff}
.tgo-qty{flex:1;min-width:0;width:100%;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);text-align:center;font:700 18px/1 inherit;padding:0 2px}
.tgo-qty:focus{outline:2px solid var(--pri);outline-offset:0}
.tgo-rm{position:absolute;top:4px;right:4px;z-index:2;width:30px;height:30px;border:0;border-radius:50%;background:rgba(15,23,42,.62);color:#fff;font:700 18px/1 inherit;cursor:pointer;display:grid;place-items:center;padding:0}
.tgo-addrow{display:flex;gap:8px}
.tgo-addrow .tgo-in{flex:1;min-width:0}

/* inputs */
.tgo-f{margin-bottom:14px}
.tgo-f:last-child{margin-bottom:0}
.tgo-f label{display:block;font-size:13px;font-weight:700;color:var(--mut);margin:0 0 6px}
.tgo-f label b{color:var(--err)}
.tgo-in{display:block;width:100%;min-height:50px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font-size:16px;line-height:1.3;appearance:none;-webkit-appearance:none}
textarea.tgo-in{min-height:84px;resize:vertical}
select.tgo-in{background-image:linear-gradient(45deg,transparent 50%,var(--mut) 50%),linear-gradient(135deg,var(--mut) 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 15px) 22px;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
.tgo-in:focus{outline:none;border-color:var(--pri);box-shadow:0 0 0 3px rgba(67,56,202,.18)}
.tgo-f.bad .tgo-in{border-color:var(--err);background:var(--err-l)}
.tgo-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tgo-hp{position:absolute!important;left:-9999px!important;top:auto!important;width:1px;height:1px;overflow:hidden}

/* buttons */
.tgo-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:50px;padding:12px 20px;border-radius:14px;border:1.5px solid transparent;font:700 16px/1.2 inherit;cursor:pointer;text-decoration:none;touch-action:manipulation;transition:transform .08s,background .15s}
.tgo-btn:active{transform:scale(.98)}
.tgo-btn[disabled]{opacity:.65;pointer-events:none}
.tgo-btn-pri{background:var(--pri);color:#fff;box-shadow:0 6px 16px rgba(67,56,202,.3)}
.tgo-btn-pri:hover{background:var(--pri-d)}
.tgo-btn-soft{background:var(--pri-l);color:var(--pri);border-color:#c7d2fe}
.tgo-btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}

/* sticky bottom bar */
.tgo-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(15,23,42,.1);padding:10px 14px calc(10px + var(--sab))}
.tgo.is-done .tgo-bar{display:none}
.tgo-bar-in{max-width:640px;margin:0 auto;display:flex;align-items:center;gap:10px}
.tgo-sum{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.tgo-sum span{font-size:13px;color:var(--mut)}
.tgo-sum strong{font-size:20px;white-space:nowrap}
.tgo-sum small{font-size:12px;font-weight:500;color:var(--mut)}
.tgo-bar .tgo-btn{min-height:50px;padding:12px 18px}
.tgo-bar .tgo-btn-pri{min-width:140px}

/* review */
.tgo-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.tgo-row:last-of-type{border-bottom:0}
.tgo-row small{display:block;color:var(--mut);font-size:12px;font-weight:500}
.tgo-row b{white-space:nowrap}
.tgo-row-sum{font-weight:700}
.tgo-total{margin-top:4px;padding-top:12px;border-top:2px solid var(--line);font-size:19px;font-weight:800}
.tgo-total b{color:var(--pri)}
.tgo-bill{background:linear-gradient(180deg,var(--card),var(--pri-l))}
.tgo-dl{margin:0}
.tgo-dl>div{display:grid;grid-template-columns:104px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.tgo-dl>div:last-child{border-bottom:0}
.tgo-dl dt{color:var(--mut);font-size:13px;font-weight:600}
.tgo-dl dd{margin:0;font-weight:600;word-break:break-word}

/* done */
.tgo-done{text-align:center;padding-top:22px}
.tgo-done h2{font-size:26px;margin-bottom:4px}
.tgo-lead2{color:var(--mut);margin-bottom:16px}
.tgo-check{width:84px;height:84px;margin:0 auto 14px}
.tgo-check svg{width:100%;height:100%}
.tgo-check circle{stroke:var(--ok);stroke-dasharray:151;stroke-dashoffset:151;animation:tgo-draw .6s .05s ease forwards}
.tgo-check path{stroke:var(--ok);stroke-dasharray:50;stroke-dashoffset:50;animation:tgo-draw .4s .5s ease forwards}
@keyframes tgo-draw{to{stroke-dashoffset:0}}
.tgo-ordno{display:inline-block;margin:0 auto 14px;padding:12px 24px;border:2px dashed var(--pri);border-radius:16px;background:var(--pri-l)}
.tgo-ordno small{display:block;color:var(--mut);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.tgo-ordno strong{display:block;font:800 24px/1.2 ui-monospace,Menlo,Consolas,monospace;color:var(--pri);letter-spacing:.02em;user-select:all;-webkit-user-select:all}
.tgo-contact-line{font-size:17px;margin-bottom:4px}
.tgo-d-actions{display:grid;gap:10px;margin:20px auto 0;max-width:340px}
.tgo-d-actions .tgo-link{justify-self:center}

/* toast */
.tgo-toast{position:fixed;left:50%;bottom:calc(92px + var(--sab));transform:translateX(-50%);z-index:60;max-width:min(92vw,420px);padding:11px 16px;border-radius:12px;background:#0f172a;color:#fff;font-size:14px;font-weight:600;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.3)}

/* bigger screens: a centred column, 3 product tiles */
@media (min-width:640px){
  .tgo-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tgo-main{padding-top:22px}
  .tgo-card{padding:20px}
}
@media (min-width:900px){
  .tgo-standalone{background:radial-gradient(1100px 500px at 50% -10%,#e0e7ff,transparent 60%),var(--bg)}
}
@media (max-width:360px){.tgo-tiles{gap:8px}.tgo-pm{width:40px}.tgo-bar .tgo-btn-pri{min-width:118px}}
@media (prefers-reduced-motion:reduce){.tgo *,.tgo *::before,.tgo *::after{animation:none!important;transition:none!important}.tgo-check circle,.tgo-check path{stroke-dashoffset:0}}
@media print{.tgo-top,.tgo-prog,.tgo-bar,.tgo-toast{display:none!important}}

/* =====================================================================
   v3.0.1 - "Vault" 3D skin (navy + gold, same look as the 3D store). Overrides the palette above,
   always dark. Markup/JS untouched. Also makes the app usable INSIDE the home page ([tgrl_order_form standalone="no"]).
   ===================================================================== */
.tgo{--bg:#070d1e;--card:#101a40;--ink:#e9eeff;--mut:#9aa7cc;--line:rgba(255,255,255,.14);--pri:#e2b44b;--pri-d:#cf9a2e;--pri-l:rgba(226,180,75,.13);--gold:#f5dc92;--gold-l:rgba(245,220,146,.1);--ok:#34d399;--ok-l:rgba(52,211,153,.12);--err:#fda4af;--err-l:rgba(251,113,133,.14);--r:20px;
  background:radial-gradient(900px 520px at 85% -5%,#1b2a73,transparent 60%),radial-gradient(800px 520px at -5% 60%,#2a1b6b,transparent 55%),linear-gradient(180deg,#070d1e,#0b1431 60%,#070d1e);color:var(--ink);perspective:1600px}
body.tgo-page{background:#070d1e}
.tgo-top{background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(245,220,146,.3);box-shadow:0 14px 30px rgba(0,0,0,.35)}
.tgo-top-t h1{font-family:Georgia,"Times New Roman",serif;color:var(--gold);letter-spacing:.01em}
.tgo-prog{background:rgba(255,255,255,.1)}
.tgo-prog i{background:linear-gradient(90deg,#e2b44b,#f5dc92);box-shadow:0 0 12px rgba(226,180,75,.6)}
.tgo-main{perspective:1400px}
.tgo-step{animation:tgo-flip .55s cubic-bezier(.2,.8,.2,1) both;transform-origin:50% 0}
@keyframes tgo-flip{from{opacity:0;transform:rotateX(-14deg) translateY(24px)}to{opacity:1;transform:none}}
.tgo-card{background:linear-gradient(165deg,#17235a,#0d1639 70%);border:1px solid rgba(245,220,146,.28);box-shadow:0 22px 40px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.18);color:var(--ink)}
.tgo-card h2{font-family:Georgia,"Times New Roman",serif;color:#fff}
.tgo-price{border-color:rgba(245,220,146,.45);background:linear-gradient(165deg,#1d2a68,#0d1639 75%)}
.tgo-slab{background:rgba(255,255,255,.05);border-color:var(--line);transform-style:preserve-3d}
.tgo-slab b{color:#fff}
.tgo-slab.on{background:linear-gradient(135deg,#f5dc92,#e2b44b);border-color:transparent;color:#2b1d02;transform:translateZ(18px) scale(1.02);box-shadow:0 5px 0 #8a5d0f,0 16px 26px rgba(226,180,75,.3)}
.tgo-slab.on small,.tgo-slab.on span,.tgo-slab.on b{color:#2b1d02}
.tgo-nudge{background:rgba(255,255,255,.05);border-color:var(--line);color:var(--mut)}
.tgo-nudge.nudge{background:var(--gold-l);border-color:rgba(245,220,146,.4);color:var(--gold)}
.tgo-nudge.warn{background:var(--err-l);border-color:rgba(251,113,133,.45);color:var(--err)}
.tgo-nudge.best{background:var(--ok-l);border-color:rgba(52,211,153,.45);color:var(--ok)}
.tgo-tile{background:linear-gradient(165deg,#1a2763,#0e1740);border-color:var(--line);box-shadow:0 14px 24px rgba(0,0,0,.35);transition:transform .25s,border-color .2s,box-shadow .25s}
.tgo-tile:hover{transform:perspective(700px) rotateX(4deg) translateY(-4px)}
.tgo-tile.on{border-color:var(--pri);box-shadow:0 0 0 1px var(--pri),0 18px 30px rgba(226,180,75,.22);transform:perspective(700px) translateZ(0) translateY(-3px)}
.tgo-thumb{background:radial-gradient(circle at 50% 45%,rgba(124,108,255,.4),rgba(7,13,30,.6) 70%)}
.tgo-pm{background:rgba(245,220,146,.12);border-color:rgba(245,220,146,.4);color:var(--gold)}
.tgo-pm:active{background:var(--pri);color:#2b1d02}
.tgo-qty,.tgo-in{background:rgba(7,13,30,.75);color:#fff;border-color:var(--line)}
.tgo-in::placeholder{color:#7f8cb3}
.tgo-in:focus,.tgo-qty:focus{outline:none;border-color:var(--pri);box-shadow:0 0 0 4px rgba(226,180,75,.2)}
select.tgo-in option{color:#111;background:#fff}
.tgo-f.bad .tgo-in{border-color:#fb7185;background:rgba(251,113,133,.12)}
.tgo-f label{color:#cdd6f6}
.tgo-link{color:var(--gold)}
.tgo-err-box{border-color:rgba(251,113,133,.45)}
.tgo-btn{border-radius:16px}
.tgo-btn-pri{background:linear-gradient(180deg,#fbe9ac,#e2b44b 60%,#cf9a2e);color:#2b1d02;box-shadow:0 5px 0 #8a5d0f,0 14px 24px rgba(226,180,75,.3),inset 0 1px 0 rgba(255,255,255,.7);transition:transform .12s,box-shadow .12s,filter .2s}
.tgo-btn-pri:hover{background:linear-gradient(180deg,#fbe9ac,#e2b44b 60%,#cf9a2e);filter:brightness(1.06);transform:translateY(-2px)}
.tgo-btn-pri:active{transform:translateY(4px);box-shadow:0 1px 0 #8a5d0f,0 6px 12px rgba(226,180,75,.3)}
.tgo-btn-soft{background:rgba(255,255,255,.08);color:var(--gold);border-color:rgba(245,220,146,.4)}
.tgo-btn-ghost{color:#fff;border-color:rgba(255,255,255,.25)}
.tgo-bar{background:linear-gradient(180deg,rgba(14,22,60,.82),rgba(8,13,34,.95));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(245,220,146,.3);box-shadow:0 -14px 30px rgba(0,0,0,.4)}
.tgo-sum strong{color:var(--gold)}
.tgo-total b,.tgo-ordno strong{color:var(--gold)}
.tgo-bill{background:linear-gradient(165deg,#17235a,#0d1639)}
.tgo-ordno{border-color:var(--pri);background:var(--pri-l)}
.tgo-check circle,.tgo-check path{stroke:var(--ok)}
.tgo-toast{background:#0e1a3d;border:1px solid rgba(245,220,146,.5)}
@media (min-width:900px){.tgo-standalone{background:radial-gradient(900px 520px at 85% -5%,#1b2a73,transparent 60%),radial-gradient(800px 520px at -5% 60%,#2a1b6b,transparent 55%),linear-gradient(180deg,#070d1e,#0b1431 60%,#070d1e)}}

/* inside the home page (not standalone): a normal block, not a full screen app */
.tgo:not(.tgo-standalone){min-height:0;border-radius:28px;overflow:visible;border:1px solid rgba(245,220,146,.28);box-shadow:0 40px 80px rgba(0,0,0,.45)}
.tgo:not(.tgo-standalone) .tgo-top{position:relative;top:auto;border-radius:28px 28px 0 0}
.tgo:not(.tgo-standalone)[data-step="1"] .tgo-back{visibility:hidden}
.tgo:not(.tgo-standalone) .tgo-prog{position:relative;top:auto}
.tgo:not(.tgo-standalone) .tgo-main{padding-bottom:20px}
.tgo:not(.tgo-standalone) .tgo-bar{position:sticky;bottom:12px;margin:0 12px 12px;border:1px solid rgba(245,220,146,.35);border-radius:20px;padding:10px 12px}
.tgo:not(.tgo-standalone) .tgo-toast{bottom:90px}
@media (prefers-reduced-motion:reduce){.tgo-step{animation:none!important}}
.tgo h1:focus,.tgo h2:focus,.tgo h3:focus{outline:none}

/* v3.1.4: calendar icon. The browser's own icon colour cannot be trusted (black in some browsers), so the native icon is hidden
   and our own light calendar is drawn instead. The hidden native part still covers the whole box, so a tap opens the picker. */
.tgo input[type="date"]{position:relative;color-scheme:dark;padding-right:48px;background-repeat:no-repeat;background-position:right 15px center;background-size:21px 21px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5dc92' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E")}
.tgo input[type="date"]::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;margin:0;padding:0;opacity:0;cursor:pointer}
@supports (-moz-appearance:none){.tgo input[type="date"]{background-image:none;padding-right:14px}}   /* Firefox draws its own light icon */
/* payment step (before "thank you") */
.tgo-pay-grid{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;margin:16px 0}
@media (max-width:560px){.tgo-pay-grid{grid-template-columns:1fr;justify-items:center}.tgo-pay-r{width:100%}}
.tgo-qrcard{text-align:center;padding:12px 12px 8px;border-radius:20px;background:linear-gradient(160deg,#fbe9ac,#e2b44b);box-shadow:0 5px 0 #8a5d0f,0 22px 36px rgba(0,0,0,.45)}
.tgo-qr{width:min(210px,62vw);aspect-ratio:1;background:#fff;border-radius:12px;padding:6px;overflow:hidden}
.tgo-qr svg,.tgo-qr img{display:block;width:100%;height:100%;object-fit:contain}
.tgo-qrcard small{display:block;margin-top:6px;color:#2b1d02;font-weight:800;font-size:12px}
.tgo-upi{margin-bottom:10px;padding:10px 12px;border-radius:14px;background:rgba(7,13,30,.6);border:1px solid var(--line)}
.tgo-upi small{display:block;color:var(--mut);font-size:12px}
.tgo-upi div{display:flex;justify-content:space-between;align-items:center;gap:10px}
.tgo-upi b{font-size:17px;word-break:break-all;color:#fff}
.tgo-copy{flex:none;min-height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(245,220,146,.45);background:rgba(245,220,146,.12);color:var(--gold);font-weight:700;font-size:13px;cursor:pointer}
.tgo-pay-r .tgo-btn{width:100%;margin-top:4px}
.tgo-utr{margin:6px 0 10px;padding:14px;border-radius:16px;background:rgba(7,13,30,.5);border:1px dashed rgba(245,220,146,.4)}
.tgo-utr label{display:block;font-weight:700;font-size:13px;color:#cdd6f6;margin-bottom:6px}
.tgo-utr-row{display:flex;gap:10px}.tgo-utr-row .tgo-in{margin:0;flex:1;min-width:0}
@media (max-width:480px){.tgo-utr-row{flex-direction:column}}
#tgo-pay h2{margin:0 0 8px}