/* RioPing V7 Signature Purchase UI — isolated to shop; wallet checkout unchanged */
#page-shop{background:#f3f7fe!important;color:#132744!important;border:1px solid #dce8f5!important;border-radius:24px;padding:clamp(12px,3vw,26px)!important;box-shadow:none!important}
#page-shop>h2{color:#102744!important}#page-shop>.muted{color:#657b99!important}
.rio-v7{display:grid;gap:16px;direction:rtl;font-family:inherit;color:#122a49}
.rio-v7-hero{background:radial-gradient(circle at 20% 10%,#2554a2 0%,transparent 50%),linear-gradient(130deg,#07172d,#122d53);border-radius:24px;padding:24px 20px;color:white;box-shadow:0 16px 35px #081a3730;overflow:hidden}
.rio-v7-brand{display:flex;align-items:center;gap:10px;font-size:20px}.rio-v7-brand img{width:45px;height:45px;object-fit:contain}.rio-v7-eyebrow{display:block;color:#82dfff;font:700 10px Arial;letter-spacing:1.8px;margin-top:12px}.rio-v7-hero h2{color:#fff;margin:9px 0;font-size:clamp(21px,4vw,30px)}.rio-v7-hero p{color:#c5d9ef;font-size:13px}.rio-v7-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:18px}.rio-v7-progress span{background:#ffffff15;border:1px solid #ffffff24;border-radius:11px;text-align:center;padding:10px 2px;font-size:11px;color:#e5f3ff}
.rio-v7-section{background:#fff;border:1px solid #dce7f5;border-radius:20px;padding:18px;box-shadow:0 8px 24px #143d6c0a}.rio-v7-heading{display:flex;align-items:center;gap:10px}.rio-v7-heading h3{margin:0;color:#102744;font-size:17px}.rio-v7-number{display:grid;place-items:center;background:#eaf2ff;color:#176cf2;border-radius:11px;min-width:37px;height:37px;font-weight:800}.rio-v7-desc{color:#687e9b;font-size:12px;margin:10px 0 14px}.rio-v7-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.rio-v7-option{position:relative;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:15px!important;background:#f9fbff!important;color:#183351!important;border:1px solid #d6e3f2!important;box-shadow:none!important;font-size:13px}.rio-v7-option.active{border:2px solid #176cf2!important;background:#eaf3ff!important;color:#0e50b7!important;box-shadow:0 0 0 3px #176cf212!important}.rio-v7-icon{font-size:22px;color:#2c79e4}.rio-v7-check{position:absolute;top:5px;left:10px;color:#176cf2}.rio-v7-users{display:flex;align-items:center;justify-content:center;gap:22px;background:#f3f8ff;border:1px solid #e1eaf6;border-radius:16px;padding:15px}.rio-v7-users button{width:47px;height:47px;border-radius:13px;background:#176cf2!important;color:#fff;font-size:25px;padding:0}.rio-v7-users button:disabled{opacity:.35}.rio-v7-users strong{min-width:90px;text-align:center;font-size:18px}.rio-v7-recommend{display:grid;gap:8px;background:linear-gradient(120deg,#0b2548,#15427c);color:white;border-radius:19px;padding:20px}.rio-v7-recommend span{color:#83e2ff;font-size:12px}.rio-v7-recommend strong{font-size:18px}.rio-v7-recommend p{color:#b9d5ef;font-size:12px;margin:0}.rio-v7-tablewrap{overflow-x:auto}.rio-v7-table{width:100%;border-collapse:collapse;min-width:340px;font-size:12px}.rio-v7-table th,.rio-v7-table td{padding:12px 8px;text-align:right;border-bottom:1px solid #e5edf7}.rio-v7-table th{background:#eaf2ff;color:#204b7c}.rio-v7-table tr.selected{background:#eaf4ff;color:#0d55c1;font-weight:700}
.rio-v7-summary{background:linear-gradient(145deg,#07172d,#12315a);color:#fff;border-radius:22px;padding:22px;box-shadow:0 14px 34px #07172d35}.rio-v7-summary h3{color:#fff;margin:10px 0 16px}.rio-v7-line,.rio-v7-total{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #ffffff20;color:#c2d6ed;font-size:13px}.rio-v7-line strong{color:#fff;text-align:left}.rio-v7-note{color:#a6c4e2;font-size:11px}.rio-v7-total{border:0;border-top:1px solid #ffffff36;margin-top:10px;font-weight:700;color:#fff}.rio-v7-total strong{color:#76ddff;font-size:24px}.rio-v7-pay{width:100%;min-height:54px;margin-top:12px;border-radius:13px;background:linear-gradient(105deg,#176cf2,#258eea)!important;color:#fff!important;font-weight:800;box-shadow:0 8px 20px #126af34d}.rio-v7-why{display:flex;flex-wrap:wrap;gap:9px;padding:10px}.rio-v7-why h3{width:100%;margin:0;color:#102744}.rio-v7-why span{background:#fff;border:1px solid #dce7f5;border-radius:12px;padding:12px;color:#24527f;font-size:12px}
@media(min-width:900px){.rio-v7{grid-template-columns:repeat(2,minmax(0,1fr))}.rio-v7-hero,.rio-v7-recommend,.rio-v7-summary,.rio-v7-why{grid-column:1/-1}}@media(max-width:450px){.rio-v7-section{padding:13px}.rio-v7-options{grid-template-columns:repeat(2,minmax(0,1fr))}.rio-v7-hero{padding:18px 14px}}@media(prefers-reduced-motion:reduce){.rio-v7 *{animation:none!important;transition:none!important}}

/* V7.1 mobile readability: override inherited global header, grid and typography rules */
#page-shop #shop-catalog{display:block!important;min-width:0!important;width:100%!important}
#page-shop .rio-v7{display:grid!important;grid-template-columns:minmax(0,1fr);min-width:0;width:100%;box-sizing:border-box;gap:16px;font-family:Tahoma,Arial,sans-serif!important;font-style:normal!important;line-height:1.85!important}
#page-shop .rio-v7 *,#page-shop .rio-v7 *::before,#page-shop .rio-v7 *::after{box-sizing:border-box;min-width:0;overflow-wrap:normal;word-break:normal;writing-mode:horizontal-tb;text-orientation:mixed}
#page-shop .rio-v7-hero{display:block!important;position:relative;min-height:0!important;width:100%;padding:22px 18px!important;margin:0!important;direction:rtl;text-align:right;overflow:hidden}
#page-shop .rio-v7-hero .rio-v7-brand{display:flex!important;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:nowrap;width:100%;color:#fff!important}
#page-shop .rio-v7-hero .rio-v7-brand strong{color:#fff!important;font-size:19px!important;line-height:1.5;white-space:nowrap}
#page-shop .rio-v7-hero .rio-v7-brand img{display:block;flex:0 0 46px;width:46px;height:46px;object-fit:contain}
#page-shop .rio-v7-hero .rio-v7-eyebrow{display:block!important;color:#94dcff!important;font-family:Arial,sans-serif!important;font-size:10px!important;letter-spacing:1.2px;margin:14px 0 4px;text-align:right;direction:ltr;width:max-content;max-width:100%}
#page-shop .rio-v7-hero h2{display:block!important;position:static!important;max-width:100%;width:auto!important;color:#fff!important;opacity:1!important;font-family:Tahoma,Arial,sans-serif!important;font-size:clamp(20px,5vw,28px)!important;font-weight:800!important;line-height:1.65!important;text-shadow:none!important;margin:8px 0!important;white-space:normal!important}
#page-shop .rio-v7-hero p{display:block!important;position:static!important;width:auto!important;max-width:100%;color:#e2efff!important;opacity:1!important;font-family:Tahoma,Arial,sans-serif!important;font-size:13px!important;line-height:2!important;margin:7px 0 0!important;white-space:normal!important}
#page-shop .rio-v7-progress{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px;margin-top:18px;width:100%}
#page-shop .rio-v7-progress span{display:block;white-space:nowrap;font-size:clamp(9px,2.5vw,12px);padding:9px 2px}
#page-shop .rio-v7-section,#page-shop .rio-v7-recommend,#page-shop .rio-v7-summary{width:100%;max-width:100%;min-width:0}
#page-shop .rio-v7-section h3,#page-shop .rio-v7-why h3{color:#102744!important;line-height:1.6!important}
#page-shop .rio-v7-section p,#page-shop .rio-v7-why span{color:#526c89!important;line-height:1.9!important}
#page-shop .rio-v7-option strong{color:#183351!important;font-family:Tahoma,Arial,sans-serif!important;font-size:13px!important;line-height:1.6!important;white-space:normal;text-align:center}
#page-shop .rio-v7-option.active strong{color:#0e50b7!important}
#page-shop .rio-v7-recommend strong,#page-shop .rio-v7-summary h3,#page-shop .rio-v7-summary strong,#page-shop .rio-v7-summary .rio-v7-line strong{color:#fff!important;line-height:1.7!important}
#page-shop .rio-v7-recommend p{color:#d1e4fa!important}
#page-shop .rio-v7-summary .rio-v7-total strong{color:#76ddff!important}
#page-shop .rio-v7-summary .rio-v7-pay{color:#fff!important;white-space:normal}
#page-shop .rio-v7-users strong{color:#102744!important;white-space:nowrap}
#page-shop .rio-v7-tablewrap{max-width:100%;overflow-x:auto}
#page-shop .rio-v7-line strong,#page-shop .rio-v7-total strong{overflow-wrap:anywhere}
@media(max-width:480px){#page-shop{padding:12px!important}#page-shop .rio-v7{gap:12px}#page-shop .rio-v7-hero{border-radius:20px;padding:20px 16px!important}#page-shop .rio-v7-section{padding:14px!important}#page-shop .rio-v7-summary{padding:18px!important}#page-shop .rio-v7-hero h2{font-size:21px!important}#page-shop .rio-v7-hero p{font-size:12px!important}#page-shop .rio-v7-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* V7.2: purchase-only contrast and safe bottom dock clearance */
#page-shop .rio-v7-summary{color:#f4f9ff!important;isolation:isolate;overflow:visible!important}
#page-shop .rio-v7-summary .rio-v7-eyebrow{color:#9fe4ff!important;opacity:1!important}
#page-shop .rio-v7-summary h3{color:#fff!important;opacity:1!important;font-size:clamp(19px,4.6vw,24px)!important;font-weight:800!important;line-height:1.65!important}
#page-shop .rio-v7-summary .rio-v7-line,#page-shop .rio-v7-summary .rio-v7-total{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;opacity:1!important;visibility:visible!important;text-shadow:none!important}
#page-shop .rio-v7-summary .rio-v7-line span,#page-shop .rio-v7-summary .rio-v7-total span{color:#dbeafe!important;opacity:1!important;visibility:visible!important;font-size:clamp(12px,3.4vw,15px)!important;font-weight:500!important;line-height:1.8!important;flex:1 1 auto!important}
#page-shop .rio-v7-summary .rio-v7-line strong{color:#fff!important;opacity:1!important;visibility:visible!important;font-size:clamp(13px,3.6vw,16px)!important;font-weight:800!important;line-height:1.7!important;flex:0 1 auto!important;text-align:left!important;white-space:normal!important}
#page-shop .rio-v7-summary .rio-v7-total strong{color:#fff!important;opacity:1!important;visibility:visible!important;font-size:clamp(21px,5.3vw,28px)!important;font-weight:900!important;line-height:1.5!important;text-align:left!important}
#page-shop .rio-v7-summary .rio-v7-note{color:#cfe1f5!important;opacity:1!important;line-height:1.9!important}
#page-shop .rio-v7-summary .rio-v7-pay{display:block!important;position:relative!important;z-index:1!important;opacity:1!important;visibility:visible!important;color:#fff!important;font-size:clamp(14px,3.9vw,17px)!important;line-height:1.7!important;min-height:58px!important}
/* Extra scrolling room after purchase, without changing the frozen five-button dock. */
#page-shop{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))!important;scroll-padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}
#page-shop .rio-v7{padding-bottom:12px!important}
@media(max-width:480px){#page-shop .rio-v7-summary{padding:20px 16px!important}#page-shop .rio-v7-summary .rio-v7-line{padding:13px 0!important}#page-shop .rio-v7-summary .rio-v7-total{padding:18px 0!important}}