/* RioPing Premium Graphics — visual-only layer; never changes API, pricing or frozen navigation. */
#page-shop{position:relative;isolation:isolate;background:radial-gradient(ellipse at 88% 0%,#124e9b 0%,transparent 38%),radial-gradient(ellipse at 0% 80%,#102a62 0%,transparent 48%),#061225}
#page-shop .rio-buy-hero{min-height:210px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-inline-end:clamp(95px,29%,260px);background:radial-gradient(ellipse at 85% 45%,#1656aa77,transparent 55%),linear-gradient(120deg,#0d2953,#07162d);box-shadow:inset 0 1px #ffffff22,0 14px 40px #010b204d}
#page-shop .rio-buy-hero:after{content:"";width:clamp(120px,25vw,240px);height:clamp(120px,25vw,240px);position:absolute;top:50%;left:auto;right:12px;transform:translateY(-50%);background:url('/static/rio-orbit.svg') center/contain no-repeat;opacity:.96;filter:drop-shadow(0 0 18px #168aff77);pointer-events:none}
#page-shop .rio-buy-hero h2{font-weight:900;text-shadow:0 3px 18px #071329}
#page-shop .rio-buy-step,#page-shop .rio-buy-summary{background:linear-gradient(155deg,#102c51ed,#08182fee);border-color:#315579;box-shadow:inset 0 1px #b0dfff18,0 10px 25px #010b2026;backdrop-filter:blur(12px)}
#page-shop .rio-buy-head h3{display:flex;align-items:center;gap:8px}
#page-shop .rio-buy-step:nth-child(2) .rio-buy-head h3:before{content:'▦'}
#page-shop .rio-buy-step:nth-child(3) .rio-buy-head h3:before{content:'◉'}
#page-shop .rio-buy-step:nth-child(4) .rio-buy-head h3:before{content:'♙'}
#page-shop .rio-buy-head h3:before{color:#51caff;font-size:21px}
#page-shop .rio-buy-option{position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d;transition:transform .2s,background .2s,box-shadow .2s,border-color .2s}
#page-shop .rio-buy-option:focus-visible,#page-shop .rio-buy-users button:focus-visible,#page-shop .rio-buy-pay:focus-visible{outline:3px solid #84e2ff;outline-offset:3px}
#page-shop .rio-buy-option.active:after{content:'✓';position:absolute;top:5px;left:8px;color:#9cf4ff;font-size:14px}
#page-shop .rio-buy-option:hover:not(:disabled){transform:translateY(-2px);border-color:#5ec6ff}
#page-shop .rio-buy-pay{border:1px solid #6ee2ff88;background:linear-gradient(100deg,#2053e9,#168ff7 60%,#27c4e7);box-shadow:0 10px 24px #0566fa55,inset 0 1px #ffffff66;transition:filter .2s,transform .2s}
#page-shop .rio-buy-pay:hover:not(:disabled){filter:brightness(1.13);transform:translateY(-1px)}
#page-shop .rio-buy-total{background:linear-gradient(90deg,#07386966,transparent);border-radius:12px;padding:13px}
#page-shop .rio-buy-total strong{text-shadow:0 0 18px #27baff55}
@media(max-width:520px){#page-shop .rio-buy-hero{padding-inline-end:110px;min-height:185px}#page-shop .rio-buy-hero:after{width:120px;height:120px;right:-8px}#page-shop .rio-buy-hero h2{font-size:21px}#page-shop .rio-buy-hero p{font-size:12px}#page-shop .rio-buy-features span{font-size:10px}}
@media(prefers-reduced-motion:reduce){#page-shop .rio-buy-option,#page-shop .rio-buy-pay{transition:none}#page-shop .rio-buy-option:hover,#page-shop .rio-buy-pay:hover{transform:none}}