/* v2-states.css — error states (Oct 2026). Pairs with v2-states.js. Uses the v2-modal popup shell; 8px corners only. */
#stOv{z-index:120}
#stOv .stCard{width:min(500px,calc(100vw - 32px));max-height:90vh;overflow:auto;padding:32px 28px 24px;border-radius:8px}
.stIc{display:grid;place-items:center;width:44px;height:44px;margin:0 0 16px;border:1px solid rgba(229,168,46,.45);border-radius:8px;color:var(--gold,#E5A82E)}
.stIc.bad{border-color:rgba(224,138,122,.45);color:#E08A7A}
.stNote{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:10px 12px;border:1px solid rgba(245,244,240,.1);border-radius:8px;font-size:14px;color:var(--tp,#F5F4F0)}
.stNote svg{flex:none;width:16px;height:16px;color:var(--gold,#E5A82E)}
.stSum{display:grid;grid-template-columns:1fr auto;gap:8px 16px;margin:0 0 16px;padding:12px 14px;border:1px solid rgba(245,244,240,.1);border-radius:8px;font-size:14px;color:var(--ts,#B8B2A7)}
.stSum b{color:var(--tp,#F5F4F0);text-align:right}.stSum .mi{color:#E08A7A;padding-top:8px;border-top:1px solid rgba(245,244,240,.1)}
.stList{display:grid;gap:6px;margin:0 0 16px;padding:0;list-style:none}
.stList li{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border:1px solid rgba(245,244,240,.1);border-radius:8px;font-size:13px;color:var(--ts,#B8B2A7)}
.stList b{color:var(--tp,#F5F4F0);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stDet{margin:0 0 4px}.stDet summary{cursor:pointer;font-size:12.5px;color:var(--ts,#B8B2A7)}.stDet summary:hover{color:var(--tp,#F5F4F0)}
.stDet code{display:block;margin-top:8px;padding:8px 10px;border:1px solid rgba(245,244,240,.1);border-radius:8px;background:#141311;font:12px/1.5 ui-monospace,Menlo,monospace;color:var(--ts,#B8B2A7);word-break:break-word}
.stBtns{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px}
.stBtns .cta,.stBtns .backb{width:auto!important;margin:0!important}
/* offline banner */
.stNet{position:fixed;left:50%;top:calc(12px + env(safe-area-inset-top,0px));z-index:110;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:10px 12px 10px 14px;border:1px solid rgba(224,138,122,.5);border-radius:8px;background:#1b1a17;box-shadow:0 12px 30px rgba(0,0,0,.45);font:13px/1.4 Inter,sans-serif;color:var(--ts,#B8B2A7);transform:translate(-50%,-160%);opacity:0;pointer-events:none;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .2s}
.stNet.on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.stNet svg{flex:none;width:16px;height:16px;color:#E08A7A}.stNet b{color:var(--tp,#F5F4F0);font-weight:600}
.stNet.ok{border-color:rgba(92,184,120,.55)}.stNet.ok i{flex:none;width:8px;height:8px;border-radius:50%;background:#5CB878}
.stNet button{flex:none;margin-left:4px;padding:5px 10px;border:1px solid rgba(245,244,240,.18);border-radius:8px;background:none;font:inherit;font-size:12px;color:var(--tp,#F5F4F0);cursor:pointer}.stNet button:hover{border-color:var(--gold,#E5A82E)}
/* checkout failure */
.coFail .stIc{margin-bottom:14px}.coFail h2{margin:0 0 6px}.coFail p{color:var(--ts,#B8B2A7)}
@media (prefers-reduced-motion:reduce){.stNet{transition:opacity .12s}}
@media (max-width:760px){#stOv .stCard{padding:24px 18px 18px}.stBtns{flex-direction:column-reverse}.stBtns .cta,.stBtns .backb{width:100%!important;min-height:48px}}
[dir="rtl"] .stBtns{justify-content:flex-start}

.tk3Note{font-size:12.5px;color:var(--ts,#B8B2A7)}