/* Checkout follows the catalog's magenta, square-edged visual language. */
.shop-body.modal-open{overflow:hidden}
#checkout{width:min(790px,calc(100vw - 32px));max-width:none;max-height:min(92dvh,860px);padding:0;border:1px solid #f16af15c;border-radius:8px;background:#19091f;color:#f9edfb;box-shadow:0 30px 100px #08000be0,0 0 45px #ed00ed24;overflow:hidden;overscroll-behavior:contain}
#checkout::backdrop{background:#09020cdb;backdrop-filter:blur(8px)}
#checkout::before{content:"";position:absolute;z-index:0;top:-105px;right:-115px;width:390px;aspect-ratio:1;background:url('gold-coin.png') center/contain no-repeat;filter:blur(3px) drop-shadow(0 12px 34px #f9a61360);pointer-events:none}
#checkout .checkout-shell{position:relative;z-index:1;max-height:min(92dvh,860px);padding:30px;overflow:auto;overscroll-behavior:contain;border-radius:7px;background:radial-gradient(ellipse at 5% 0%,#ef00ef1e,transparent 43%),linear-gradient(145deg,#260c2ef5,#18091edc 60%)}
#checkout .close-dialog{position:absolute;top:18px;right:18px;z-index:1;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #ffffff24;border-radius:3px;background:#ffffff08;color:#d9bfdc;font:25px/1 Oxanium-Regular,sans-serif;transition:background .2s,color .2s,border-color .2s}
#checkout .close-dialog:hover{background:#f000f021;border-color:#f000f078;color:#fff}
#checkout .checkout-heading{padding:0 45px 23px 0;border-bottom:1px solid #ffffff1c}
#checkout .checkout-kicker{display:flex;align-items:center;gap:8px;color:#f582f1;font:10px Bold,sans-serif;letter-spacing:1.2px}
#checkout .checkout-kicker span{width:7px;height:7px;border:1px solid #ff8eff;background:#e900e9;box-shadow:0 0 11px #f000f0}
#checkout .checkout-heading h2{margin:10px 0 4px;font:clamp(25px,3vw,32px)/1.15 Bold,sans-serif;letter-spacing:-.5px}
#checkout .checkout-heading p{margin:0;color:#bea8c4;font:13px/1.55 Oxanium-Regular,sans-serif}
#checkout .checkout-grid{display:grid;grid-template-columns:245px minmax(0,1fr);gap:28px;padding-top:24px}
#checkout .checkout-overview{align-self:start;min-width:0;padding:18px;border:1px solid #ffffff22;border-radius:4px;background:linear-gradient(160deg,#4b1555 0%,#290d33 43%,#210b29 100%);box-shadow:inset 0 1px 0 #ffffff12}
#checkout .checkout-overview-label{display:flex;justify-content:space-between;gap:8px;color:#d5a9da;font:10px Bold,sans-serif;letter-spacing:.8px}
#checkout .checkout-overview-label span{color:#9d79a6}
#checkout .checkout-coin-art{display:grid;place-items:center;height:145px;margin:6px 0 8px;background:radial-gradient(circle,#e8926329,transparent 62%)}
#checkout .checkout-coin-art img{display:block;width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 12px 17px #0800087d)}
#checkout .checkout-package-name{font:19px/1.2 Bold,sans-serif;color:#fff}
#checkout .checkout-package-coins{margin-top:5px;color:#d8addd;font:12px/1.5 Oxanium-Regular,sans-serif}
#checkout .checkout-total{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid #ffffff2a}
#checkout .checkout-total span{color:#c6a7cb;font:11px Oxanium-Regular,sans-serif}
#checkout .checkout-total strong{color:#e8fa75;font:20px/1 Bold,sans-serif;white-space:nowrap}
#checkout .checkout-overview-note{margin:17px 0 0;color:#b29aba;font:11px/1.6 Oxanium-Regular,sans-serif}
#checkout .checkout-details{min-width:0}
#checkout .discord-identity{display:flex;align-items:center;gap:11px;margin:0 0 18px;padding:10px 12px;border:1px solid #ffffff22;border-radius:4px;background:#ffffff08;min-width:0}
#checkout .discord-avatar{width:38px;height:38px;object-fit:cover;border-radius:4px;flex-shrink:0}
#checkout .discord-identity>div{min-width:0}
#checkout .discord-identity small{display:block;color:#ad91b3;font:9px Bold,sans-serif;letter-spacing:.8px}
#checkout .discord-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font:13px Bold,sans-serif}
#checkout .identity-check{display:grid;place-items:center;margin-left:auto;width:22px;height:22px;border-radius:50%;background:#a3e58924;color:#b9f39d;font:14px Bold,sans-serif;flex-shrink:0}
#checkout .checkout-login{margin:0 0 18px;padding:15px;border:1px solid #f000f04a;border-radius:4px;background:#f000f00c}
#checkout .checkout-login strong{font:14px Bold,sans-serif}
#checkout .checkout-login p{margin:5px 0 13px;color:#c8accd;font:11px/1.6 Oxanium-Regular,sans-serif}
#checkout .checkout-login .checkout-discord{display:flex;justify-content:space-between;padding:10px 12px;border-color:#f000f052;border-radius:3px;background:#ed00ed;color:#300034;font:12px Bold,sans-serif}
#checkout .checkout-login .checkout-discord:hover{background:#ff3bff}
#checkout .checkout-login small{color:#d1a9d5}
#checkout #checkout-form fieldset{margin:0;padding:0;border:0}
#checkout #checkout-form legend{display:block;margin:0 0 11px;padding:0;color:#fff;font:14px Bold,sans-serif}
#checkout .payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#checkout .payment-options label{display:block;min-width:0;cursor:pointer}
#checkout .payment-options input{position:absolute;opacity:0;width:1px;height:1px}
#checkout .payment-options .payment-choice{display:flex;flex-direction:column;align-items:stretch;min-height:91px;padding:10px 11px;text-align:left;border:1px solid #ffffff2a;border-radius:4px;background:#ffffff07;transition:border-color .18s,background .18s,box-shadow .18s}
#checkout .payment-options label:hover .payment-choice{border-color:#ef74ed7d;background:#f000f00b}
#checkout .payment-options input:checked+.payment-choice{border-color:#f353ef;background:#f000f01c;box-shadow:inset 0 0 0 1px #f353ef4d}
#checkout .payment-options input:disabled+.payment-choice{opacity:.7;cursor:not-allowed}
#checkout .payment-options input:focus-visible+.payment-choice{outline:2px solid #ff9cff;outline-offset:3px}
#checkout .payment-choice-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;min-height:28px}
#checkout .payment-options .payment-logo{justify-content:flex-start;width:110px;height:30px;min-height:30px;margin:0;padding:0;border:0;border-radius:0;background:transparent}
#checkout .payment-options .payment-logo img{display:block;width:110px;max-width:100%;height:28px;object-fit:contain;object-position:left center;filter:none}
#checkout .payment-radio{width:15px;height:15px;flex-shrink:0;border:1px solid #ffffff66;border-radius:50%;margin-top:2px}
#checkout .payment-options input:checked+.payment-choice .payment-radio{border:4px solid #f078ed;background:#270c2d;box-shadow:0 0 0 1px #f078ed}
#checkout .payment-choice strong{margin-top:3px;color:#fff;font:12px Bold,sans-serif}
#checkout .payment-choice small{margin:1px 0 0;color:#b39abb;font:10px Oxanium-Regular,sans-serif}
#checkout .payment-note{min-height:37px;margin:11px 0 16px;padding:8px 10px;border-left:2px solid #e100e1;background:#f000f00c;color:#d6bddb;font:11px/1.5 Oxanium-Regular,sans-serif}
#checkout .coupon-field{margin:0 0 18px;padding:0;border:0;background:transparent}
#checkout .coupon-field label{display:flex;justify-content:space-between;color:#fff;font:12px Bold,sans-serif;margin-bottom:7px}
#checkout .coupon-field label span{color:#9e83a5;font:9px Bold,sans-serif;letter-spacing:.6px}
#checkout .coupon-field input{width:100%;padding:10px 12px;border:1px solid #ffffff31;border-radius:3px;background:#ffffff07;color:#fff;font:12px Oxanium-Regular,sans-serif}
#checkout .coupon-field input:focus{border-color:#eb5ee9}
#checkout .coupon-field input:disabled{opacity:.5;cursor:not-allowed}
#checkout .coupon-field p{margin:6px 0 0;color:#b89dbf;font:10px/1.45 Oxanium-Regular,sans-serif}
#checkout .consent{display:flex;gap:9px;align-items:flex-start;margin:0;color:#bda8c2;font:10px/1.6 Oxanium-Regular,sans-serif}
#checkout .consent input{margin:3px 0 0;flex-shrink:0;accent-color:#ec00ec}
#checkout .consent a{color:#efa0ec;text-decoration:underline;text-underline-offset:2px}
#checkout .checkout-error{margin:8px 0 0;color:#ffb5c5;font:11px/1.5 Oxanium-Regular,sans-serif}
#checkout .checkout-error:empty{display:none}
#checkout .checkout-submit{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:44px;margin:16px 0 0;padding:11px 15px;border:0;border-radius:3px;background:#e900e9;color:#2d002f;box-shadow:0 6px 22px #f000f02b;font:12px Bold,sans-serif}
#checkout .checkout-submit:hover{background:#ff3bff}
#checkout .checkout-submit:disabled{opacity:.5}
#checkout .checkout-caption{margin:9px 0 0;color:#947e9b;text-align:center;font:10px/1.5 Oxanium-Regular,sans-serif}
@media(max-width:650px){#checkout{width:calc(100vw - 18px);max-height:calc(100dvh - 18px)}#checkout::before{top:-45px;right:-16px;width:185px}#checkout .checkout-shell{max-height:calc(100dvh - 18px);padding:20px 17px}#checkout .checkout-heading{padding-bottom:17px}#checkout .checkout-heading h2{font-size:25px}#checkout .checkout-grid{grid-template-columns:1fr;gap:17px;padding-top:17px}#checkout .checkout-overview{display:grid;grid-template-columns:74px 1fr;column-gap:12px;padding:12px}#checkout .checkout-overview-label{grid-column:1/-1}#checkout .checkout-coin-art{grid-row:2/4;grid-column:1;height:72px;margin:0}#checkout .checkout-coin-art img{width:73px;height:73px}#checkout .checkout-package-name{grid-column:2;align-self:end;font-size:16px}#checkout .checkout-package-coins{grid-column:2;margin-top:2px}#checkout .checkout-total{grid-column:1/-1;margin-top:9px;padding-top:9px}#checkout .checkout-overview-note{display:none}#checkout .discord-identity{margin-bottom:15px}#checkout .payment-options .payment-choice{min-height:82px}}
@media(max-width:360px){#checkout .checkout-shell{padding:17px 13px}#checkout .payment-options{gap:6px}#checkout .payment-options .payment-choice{padding:8px}#checkout .payment-options .payment-logo{width:86px}#checkout .payment-options .payment-logo img{width:86px}}