/* RioPing Midnight Blue: shop only; all frozen dashboard/nav styles untouched */
#page-shop{color:#eaf5ff;background:radial-gradient(ellipse at 75% 0%,#173c7a 0%,transparent 45%),linear-gradient(145deg,#061225,#0b1d39 70%,#071426);border-radius:24px;padding:clamp(14px,3vw,26px);border:1px solid #28456b;box-shadow:0 18px 50px #04112c30}
#page-shop>h2{color:#f8fbff;margin:0 0 6px}#page-shop>.muted{color:#a9bfdc;font-size:12px}#page-shop #shop-catalog{display:block}
.rio-buy{display:grid;gap:16px}.rio-buy-hero{position:relative;overflow:hidden;padding:22px;border-radius:22px;background:radial-gradient(circle at 10% 5%,#1466b6 0%,transparent 40%),linear-gradient(120deg,#102c55,#07182e);border:1px solid #295a93}.rio-buy-hero:after{content:'◎';position:absolute;left:15px;top:-25px;font-size:150px;line-height:1;color:#47a9ff22;pointer-events:none}.rio-buy-kicker{font:700 10px Arial;letter-spacing:2px;color:#6ecaff}.rio-buy-hero h2{font-size:clamp(22px,4vw,31px);color:#fff;margin:8px 0}.rio-buy-hero p{color:#bbd5f4;margin:0 0 18px}.rio-buy-features{display:flex;gap:8px;flex-wrap:wrap}.rio-buy-features span{font-size:11px;background:#0a2448bb;color:#bfe6ff;border:1px solid #32618a;border-radius:20px;padding:5px 10px}
.rio-buy-step,.rio-buy-summary{background:linear-gradient(155deg,#0e2749,#091b33);border:1px solid #2b486d;border-radius:20px;padding:16px;box-shadow:inset 0 1px #ffffff0c}.rio-buy-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.rio-buy-head h3,.rio-buy-summary h3{color:#f5fbff;margin:0;font-size:17px}.rio-buy-head small{color:#9bb9dc}.rio-buy-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.rio-buy-option{background:#102d51;color:#e8f3ff;border:1px solid #315176;min-height:70px;border-radius:15px;font-weight:700;transition:background .18s,box-shadow .18s,transform .18s}.rio-buy-option:hover{background:#174272}.rio-buy-option.active{background:linear-gradient(135deg,#1479ee,#123eac);border-color:#6ed9ff;box-shadow:0 0 0 1px #41b7ff,0 0 18px #117bff70}.rio-buy-users{display:flex;align-items:center;justify-content:center;gap:22px;padding:10px}.rio-buy-users button{width:48px;height:48px;border-radius:15px;background:#146be6;font-size:26px;padding:0}.rio-buy-users strong{min-width:95px;text-align:center;color:white;font-size:20px}.rio-buy-users button:disabled{background:#233852;opacity:.45}.rio-buy-hint{font-size:11px;color:#9bb8d7;margin:9px 0}.rio-buy-line,.rio-buy-total{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #294262;color:#b4c9e2}.rio-buy-line strong{color:#edf8ff;text-align:left}.rio-buy-total{border:0;border-top:1px solid #35557c;margin-top:10px;color:#fff;font-weight:700}.rio-buy-total strong{font-size:23px;color:#54caff}.rio-buy-pay{width:100%;background:linear-gradient(105deg,#1261f4,#18b9ef);box-shadow:0 8px 23px #0878ff55;font-weight:800;margin-top:10px;min-height:52px}#page-shop #shop-message{color:#b5d5f3}
@media(min-width:900px){.shell:has(#page-shop:not([hidden])){max-width:1100px}.rio-buy{grid-template-columns:repeat(2,minmax(0,1fr))}.rio-buy-hero,.rio-buy-summary{grid-column:1/-1}}
@media(max-width:440px){#page-shop{padding:12px;border-radius:18px}.rio-buy-step,.rio-buy-summary{padding:13px}.rio-buy-options{grid-template-columns:repeat(2,minmax(0,1fr))}.rio-buy-head small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.rio-buy-option{transition:none}}