#kojoCartPanel{padding:0;border:1px solid #397185;border-radius:22px;background:#102333;color:#f7fafc;width:min(760px,calc(100% - 24px));height:min(820px,90dvh);max-height:90dvh;max-width:calc(100% - 24px);overflow:hidden;box-shadow:0 24px 80px #0008;margin:auto}
#kojoCartPanel::backdrop{background:#020d19b8}
#kojoCartPanel[open]{display:flex;flex-direction:column}
#kojoCartPanel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid #397185;flex:none;background:#102333}
#kojoCartPanel h2{font:700 20px/1.3 system-ui;margin:0;color:#fff}
#kojoCartPanel>header>button{border:1px solid #397185;border-radius:50%;background:#1c3c4e;color:#fff;width:42px;height:42px;font:30px/1 system-ui;cursor:pointer}
#kojoCartPanel iframe{width:100%;flex:1;min-height:0;border:0;background:#102333}
#kojoCartPanel [hidden]{display:none!important}
#kojoCartPanel .kojo-cart-status{padding:32px 20px;font:16px/1.6 system-ui}
#kojoCartPanel .kojo-cart-status a{color:#72dfed;text-decoration:underline}
@media(max-width:600px){#kojoCartPanel{width:100%;max-width:100%;height:92dvh;max-height:92dvh;margin:auto 0 0;border-radius:22px 22px 0 0}}
#kojoCartPanel .kojo-cart-status{display:flex;flex:1;min-height:220px;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:28px 20px}
#kojoCartPanel .kojo-cart-status p{margin:0;font-size:14px;color:#b9d3dc;line-height:1.6}
#kojoCartPanel .kojo-cart-loader{position:relative;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:#173442;box-shadow:0 8px 28px #0002}
#kojoCartPanel .kojo-cart-loader::before{content:'';position:absolute;inset:0;border-radius:50%;border:3px solid #315361;border-top-color:#52dbba;border-right-color:#2ba8be;animation:kojo-cart-orbit 1.2s linear infinite}
#kojoCartPanel .kojo-cart-loader img{display:block;width:64px;height:64px;object-fit:contain;border-radius:50%}
#kojoCartPanel .kojo-cart-recovery{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;align-items:center}
#kojoCartPanel .kojo-cart-recovery button{font:600 13px system-ui;padding:10px 16px;border:1px solid #527d84;border-radius:12px;background:#1e4854;color:#effff9;cursor:pointer}
#kojoCartPanel .kojo-cart-recovery a{font-size:12px}
@keyframes kojo-cart-orbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#kojoCartPanel .kojo-cart-loader::before{animation:none}}