/* MyTopup storefront 9 — light, responsive shop and administration. */
body.mt-shop-v9{--primary:#ed4936;--accent:#ed4936;--bg:#fafafa;--text:#20232c;--muted:#747987;--border:#e9e9ee;background:#fafafa;color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.55;color-scheme:light;margin:0}
.mt-shop-v9 *{box-sizing:border-box}.mt-shop-v9 a{color:inherit}.mt-shop-v9 .container{max-width:1180px;width:calc(100% - 48px);margin:auto}.mt-shop-v9 .nav{background:#fff;border-bottom:1px solid #ededf1;position:sticky;top:0;z-index:50;box-shadow:0 2px 18px #282b3810}.mt-shop-v9 .navin{min-height:82px;gap:24px;display:flex;align-items:center}.mt-shop-v9 .brand{display:flex;gap:10px;align-items:center;text-decoration:none;flex-shrink:0}.mt-shop-v9 .brand-name{color:#272934;font-size:21px;font-weight:850;letter-spacing:-.8px}.mt-shop-v9 .brandmark{background:#ed4936;border-radius:12px;color:white;display:grid;place-items:center;width:42px;height:42px;font-size:16px}.mt-shop-v9 .site-logo{max-width:150px;max-height:48px;object-fit:contain}.mt-shop-v9 .navlinks{display:flex;margin-left:auto;gap:24px;align-items:center}.mt-shop-v9 .navlinks a{font-size:13px;text-decoration:none;color:#626572;font-weight:650}.mt-shop-v9 .navlinks a:hover{color:#e94635}.mt-shop-v9 .actions{display:flex;gap:10px;align-items:center}.mt-shop-v9 .btn{border:1px solid #e5e5eb;border-radius:9px;background:white;color:#343641;box-shadow:none;font-weight:650;padding:10px 17px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .18s,transform .18s}.mt-shop-v9 .btn.primary,.mt-shop-v9 .mt-primary-btn{background:#ed4936;color:white;border-color:#ed4936;box-shadow:0 4px 12px #ed493622}.mt-shop-v9 .btn:hover{transform:translateY(-1px)}.mt-shop-v9 .btn.danger{color:#c82c3b;border-color:#f3d5d9;background:#fff7f8}.mt-shop-v9 .nav-wallets{padding:5px 12px;border:1px solid #f6dfd8;border-radius:9px;background:#fff8f4;color:#d64029;text-decoration:none}.mt-shop-v9 .nav-wallets small{color:#8c7169;font-size:9px;text-transform:uppercase;letter-spacing:1px}.mt-shop-v9 .nav-wallets b{font-size:15px}.mt-shop-v9 .nav-wallets span{display:flex;flex-direction:column}.shop-welcome{padding-top:24px}.shop-notice{display:flex;align-items:center;border:1px solid #ffe0d0;background:#fff7f1;gap:18px;border-radius:10px;padding:12px 18px;margin-bottom:22px;color:#7d4932;font-size:12px}.shop-notice b{color:#e3452f;font-size:10px;letter-spacing:1px;border-right:1px solid #f0ccbc;padding-right:18px}.shop-banner{border-radius:20px;padding:48px 46px;background:linear-gradient(115deg,#fff0e4 0%,#ffe5d5 60%,#ffd4bf 100%);min-height:325px;display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;overflow:hidden;border:1px solid #ffdec7}.shop-eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#bb6247}.shop-banner h1{font-size:43px;line-height:1.13;letter-spacing:-1.7px;margin:17px 0;color:#322d2e;font-weight:850}.shop-banner h1 em{color:#de4831;font-style:normal}.shop-banner p{max-width:450px;color:#8d6b61;font-size:13px;margin:0 0 24px}.shop-banner-art{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;transform:rotate(-5deg);border:1px solid #ffffffb0;border-radius:32px;background:linear-gradient(135deg,#ffffffb0,#fff2e955);padding:22px 10px;box-shadow:0 22px 45px #bf664422}.shop-gamepad{font-size:88px;line-height:1;color:#ee573b;text-shadow:5px 5px #ffffff}.shop-banner-art>b{font-size:34px;letter-spacing:-1.4px;color:#d13c2b}.shop-banner-art>span:last-of-type{font-size:9px;letter-spacing:2px;font-weight:700;color:#916858}.shop-banner-art div{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:10px}.shop-banner-art i{font-size:8px;letter-spacing:1px;background:white;color:#b96b51;padding:7px 9px;border-radius:6px;font-style:normal;font-weight:700}.shop-trust{display:flex;justify-content:center;gap:42px;padding:20px;color:#85838a;font-size:11px}.mt-shop-v9 .section{padding:34px 0}.mt-shop-v9 .mt-section-heading{text-align:center;margin:0 auto 26px;max-width:100%}.mt-shop-v9 .mt-section-heading>span{color:#db5845;letter-spacing:2px;font-size:9px;font-weight:750}.mt-shop-v9 .mt-section-heading h2{font-size:25px;color:#32333d;letter-spacing:-.8px;margin:7px 0}.mt-shop-v9 .mt-section-heading p{color:#92929c;font-size:12px}.mt-shop-v9 .mt-store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.mt-shop-v9 .mt-store-card{background:white;border:1px solid #ebebef;border-radius:13px;overflow:hidden;box-shadow:0 5px 20px #30303805;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}.mt-shop-v9 .mt-store-card:hover{box-shadow:0 10px 26px #30303812;transform:translateY(-3px)}.mt-shop-v9 .mt-store-cover{aspect-ratio:1.2;height:auto;overflow:hidden;background:#f4f4f8;position:relative}.mt-shop-v9 .mt-store-cover img{width:100%;height:100%;object-fit:cover;display:block}.mt-shop-v9 .mt-store-cover>span{display:none}.mt-shop-v9 .mt-store-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#ffeddf,#ffccba);color:#dc6346;font-size:50px;font-weight:900}.mt-shop-v9 .mt-store-body{padding:16px;display:flex;flex-direction:column;flex:1;text-align:center}.mt-shop-v9 .mt-store-body small{font-size:9px;text-transform:uppercase;color:#a19898;letter-spacing:1px}.mt-shop-v9 .mt-store-body h3{font-size:15px;line-height:1.35;margin:8px 0;color:#33343e}.mt-shop-v9 .mt-store-body>p{display:none}.mt-shop-v9 .mt-card-meta{justify-content:center;font-size:10px;color:#92909b;padding:6px 0 14px}.mt-shop-v9 .mt-card-meta span:last-child{display:none}.mt-shop-v9 .mt-product-open{width:100%;margin-top:auto;background:#fff6f2!important;color:#dc4c36!important;border-color:#ffe2d7!important;font-size:11px;padding:9px}.mt-shop-v9 .mt-latest-section{background:#fff}.mt-shop-v9 .latest-orders-panel,.mt-shop-v9 .latest-orders-list,.mt-shop-v9 .latest-orders-board{background:#fff;border-color:#eee;box-shadow:none}.mt-shop-v9 .latest-order-card{background:#fffcf7!important;border:1px solid #eee7d7;border-radius:9px;padding:13px 16px;color:#41414c}.mt-shop-v9 .latest-orders-foot{color:#aaa}.mt-shop-v9 .mt-feature-section,.mt-shop-v9 .mt-pricing-section{display:none}.mt-shop-v9 .mt-top-user-card{background:#fff;border:1px solid #eeebea;box-shadow:none;border-radius:14px;color:#34343e}.mt-shop-v9 .mt-winner-rank{background:#fff0d9;color:#bd7623}.mt-shop-v9 .mt-winner-profile h3,.mt-shop-v9 .mt-winner-stats b{color:#363640}.mt-shop-v9 .mt-winner-stats{grid-template-columns:repeat(2,1fr)}.mt-shop-v9 .mt-top-user-section{background:#fafafa}.mt-shop-v9 .footer{margin-top:35px;padding:28px 24px;background:white;border-top:1px solid #eee;color:#96939c;display:flex;align-items:center;justify-content:space-between;font-size:11px}.mt-shop-v9 .footer a{color:#d65140}
/* Customer and administration surfaces */
.mt-shop-v9 .dash{background:#f7f7fa;min-height:calc(100vh - 160px);padding:26px 0}.mt-shop-v9 .dash-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;align-items:start}.mt-shop-v9 .dash-grid>section{min-width:0}.mt-shop-v9 .side{background:white;border:1px solid #e9e9f0;border-radius:13px;padding:13px;position:sticky;top:105px}.mt-shop-v9 .side a{display:block;text-decoration:none;border-radius:7px;padding:11px 12px;font-size:12px;color:#73717f;font-weight:600;margin:3px 0}.mt-shop-v9 .side a.active{background:#fff0eb;color:#db4b36;border-left:3px solid #ed4936}.mt-shop-v9 .side a:hover{background:#f8f8fb}.mt-shop-v9 .card,.mt-shop-v9 .stat,.mt-shop-v9 .mt-account-card,.mt-shop-v9 .ownpay-method-settings{background:white;color:#34343f;border:1px solid #e8e8ef;border-radius:12px;box-shadow:0 4px 18px #2d2e4004}.mt-shop-v9 .card{padding:23px}.mt-shop-v9 .stat{padding:20px;color:#8b8796;font-size:11px}.mt-shop-v9 .stat b{font-size:27px;color:#343240;margin-top:7px}.mt-shop-v9 h1{color:#302f3d;letter-spacing:-.7px}.mt-shop-v9 .page-heading h1,.mt-shop-v9 .dash h1{font-size:25px}.mt-shop-v9 .muted,.mt-shop-v9 .page-heading p{color:#93909e}.mt-shop-v9 .input,.mt-shop-v9 select,.mt-shop-v9 textarea,.mt-shop-v9 input:not([type=checkbox]):not([type=radio]):not([type=hidden]){border:1px solid #dedee8;background:#fff;color:#363342;border-radius:8px;min-height:43px;padding:10px 12px;box-shadow:none;width:100%}.mt-shop-v9 input:focus,.mt-shop-v9 select:focus,.mt-shop-v9 textarea:focus{outline:2px solid #ffddcf;outline-offset:1px;border-color:#ee8e70}.mt-shop-v9 label{font-size:11px;color:#787382;font-weight:600}.mt-shop-v9 .table{background:white;color:#575261;font-size:12px;width:100%}.mt-shop-v9 .table th{background:#faf9fc;color:#9792a1;font-size:9px;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #eae8ef;padding:13px}.mt-shop-v9 .table td{padding:14px 12px;border-color:#f1eff5}.mt-shop-v9 .table-wrap{overflow-x:auto}.mt-shop-v9 .badge{border:0;padding:5px 8px;border-radius:5px;font-size:9px}.mt-shop-v9 .badge.success{background:#e8f7ed;color:#369e62}.mt-shop-v9 .badge.processing,.mt-shop-v9 .badge.review{background:#fff2d8;color:#b68b2e}.mt-shop-v9 .badge.failed,.mt-shop-v9 .badge.disabled,.mt-shop-v9 .badge.cancelled{background:#feecee;color:#d56d77}.mt-shop-v9 .stats{gap:16px}.mt-shop-v9 .mt-account-wallets span,.mt-shop-v9 .mt-user-insights span{background:#faf9fc;border-color:#eee;color:#a19aab}.mt-shop-v9 .mt-account-wallets b,.mt-shop-v9 .mt-user-insights b{color:#4d455b}.mt-shop-v9 .mt-account-head{border-color:#eee}.mt-shop-v9 .mt-account-avatar{background:#ffede4;color:#d95c40}.mt-shop-v9 .mt-auth-page{background:#f7f7fa;padding:48px 20px;min-height:75vh}.mt-shop-v9 .mt-auth-shell{max-width:900px;display:grid;grid-template-columns:1fr 1fr;background:white;box-shadow:0 14px 50px #22223809;border:1px solid #eae8ee;border-radius:17px;overflow:hidden;margin:auto}.mt-shop-v9 .mt-auth-showcase{padding:45px 34px;background:linear-gradient(150deg,#fff0e7,#ffdccd);color:#9e6a55}.mt-shop-v9 .mt-auth-showcase h1{font-size:33px;color:#be4c33}.mt-shop-v9 .mt-auth-showcase p,.mt-shop-v9 .mt-auth-points span{color:#a57663;font-size:12px}.mt-shop-v9 .mt-auth-contact{color:#a4674d;font-size:11px}.mt-shop-v9 .mt-auth-card{padding:38px 30px;background:white;box-shadow:none;border:0;border-radius:0;width:auto;max-width:none}.mt-shop-v9 .mt-auth-card h2{font-size:23px;color:#35313c}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #e2dfe9;border-radius:8px;padding:11px;text-decoration:none;font-size:12px;font-weight:650;margin:18px 0 12px;background:#fff}.google-login-btn span{font-size:19px;font-weight:800;color:#4285f4}.auth-divider{display:flex;align-items:center;gap:12px;color:#aaa3b2;font-size:10px;margin:18px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#eee;flex:1}.google-settings{margin-bottom:22px}.mt-shop-v9 .ownpay-checkout,.mt-shop-v9 .mt-checkout-panel{background:#fff;border-color:#e8e6ed;color:#393240}.mt-shop-v9 .ownpay-wallet-strip>div{background:#fff;border-color:#ece8ef}.mt-shop-v9 .ownpay-wallet-strip b{color:#d7563d}.mt-shop-v9 .ownpay-wallet-strip{grid-template-columns:1fr}.mt-shop-v9 .mt-checkout-prices{grid-template-columns:1fr}.mt-shop-v9 .mt-checkout-prices label{border-color:#e9e1e5;background:#fff6ef;color:#51414c}
@media(min-width:1000px){.mt-admin-v9 .container{max-width:1400px}.mt-admin-v9 .dash-grid{grid-template-columns:215px minmax(0,1fr)}.mt-admin-v9 .navlinks{gap:18px}.mt-admin-v9 .side:before{content:"STORE MANAGEMENT";font-size:8px;letter-spacing:1.4px;color:#b2abbc;display:block;padding:12px}}
@media(max-width:1000px){.mt-shop-v9 .navlinks{gap:13px}.mt-shop-v9 .navlinks a:nth-child(n+3){display:none}.mt-shop-v9 .nav-logout{display:none}.mt-shop-v9 .mt-store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-banner h1{font-size:35px}.mt-shop-v9 .dash-grid{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:700px){.mt-shop-v9 .container{width:calc(100% - 28px)}.mt-shop-v9 .navin{min-height:70px;gap:10px;flex-wrap:wrap;padding:12px 0}.mt-shop-v9 .brand-name{font-size:18px}.mt-shop-v9 .site-logo{max-width:100px}.mt-shop-v9 .actions{margin-left:auto;gap:6px}.mt-shop-v9 .actions .btn{padding:8px 10px;font-size:10px}.mt-shop-v9 .navlinks{width:100%;order:3;justify-content:center;gap:30px;margin:0;border-top:1px solid #f4f1f2;padding-top:10px}.mt-shop-v9 .navlinks a{font-size:11px}.mt-shop-v9 .navlinks a:nth-child(3){display:block}.mt-shop-v9 .nav-wallets{padding:3px 9px}.mt-shop-v9 .nav-wallets b{font-size:12px}.shop-welcome{padding-top:15px}.shop-notice{font-size:10px;padding:10px 12px;gap:10px;margin-bottom:14px}.shop-notice b{font-size:8px;padding-right:10px}.shop-banner{padding:26px 22px;min-height:0;grid-template-columns:1fr;border-radius:14px}.shop-banner h1{font-size:32px;letter-spacing:-1px}.shop-banner p{font-size:11px}.shop-banner-art{display:none}.shop-trust{font-size:8px;gap:15px;padding:17px 0}.mt-shop-v9 .section{padding:22px 0}.mt-shop-v9 .mt-section-heading h2{font-size:21px}.mt-shop-v9 .mt-section-heading p{font-size:10px}.mt-shop-v9 .mt-store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.mt-shop-v9 .mt-store-body{padding:12px 10px}.mt-shop-v9 .mt-store-body h3{font-size:12px;min-height:32px}.mt-shop-v9 .mt-product-open{font-size:10px;padding:8px}.mt-shop-v9 .mt-card-meta{font-size:9px}.mt-shop-v9 .dash-grid{display:block}.mt-shop-v9 .side{position:static;display:flex;overflow-x:auto;gap:5px;padding:8px;margin-bottom:20px;white-space:nowrap;border-radius:10px}.mt-shop-v9 .side a{font-size:10px;padding:8px 11px;flex-shrink:0}.mt-shop-v9 .side a.active{border-left:0;border-bottom:2px solid #ed4936}.mt-shop-v9 .card{padding:17px}.mt-shop-v9 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mt-shop-v9 .stat{padding:15px}.mt-shop-v9 .stat b{font-size:23px}.mt-shop-v9 .split{grid-template-columns:1fr}.mt-shop-v9 .mt-auth-page{padding:24px 14px}.mt-shop-v9 .mt-auth-shell{grid-template-columns:1fr;max-width:420px}.mt-shop-v9 .mt-auth-showcase{display:none}.mt-shop-v9 .mt-auth-card{padding:28px 22px}.mt-shop-v9 .footer{flex-direction:column;gap:9px;text-align:center;padding:23px 15px}.mt-shop-v9 .mt-winner-stats{grid-template-columns:1fr 1fr}.mt-shop-v9 .page-heading{flex-wrap:wrap;gap:12px}.mt-shop-v9 .mt-account-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mt-shop-v9 *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.shop-category-title{grid-column:1/-1;text-align:center;display:flex;gap:18px;align-items:center;font-size:20px!important;color:#d74b36!important;margin:16px 0 0!important;text-transform:uppercase;letter-spacing:.5px!important}.shop-category-title:before,.shop-category-title:after{content:"";height:1px;background:#efc4bc;flex:1}.shop-profile-shade{position:fixed;inset:0;background:#1c203a55;z-index:90;backdrop-filter:blur(2px)}.shop-profile{position:fixed;right:0;top:0;bottom:0;background:#fff;width:min(340px,90vw);z-index:100;box-shadow:-10px 0 50px #151b3c12;padding:30px 24px;overflow-y:auto}.shop-profile[hidden],.shop-profile-shade[hidden]{display:none!important}.shop-profile-close{position:absolute;right:15px;top:13px;border:0;background:#f5f3f6;border-radius:50%;width:30px;height:30px;font-size:20px;cursor:pointer;color:#9b8f9d}.shop-profile-person{padding-top:10px;text-align:center}.shop-profile-person>span{display:grid;place-items:center;margin:auto;width:62px;height:62px;border-radius:19px;background:#fff0e7;color:#e65a3e;font-size:24px;font-weight:800}.shop-profile-person h3{font-size:18px;margin:13px 0 3px}.shop-profile-person p{font-size:11px;color:#a095a3;margin:0;overflow-wrap:anywhere}.shop-profile-balance{background:#fff6ef;border:1px solid #ffe8d7;border-radius:11px;padding:14px 18px;margin:24px 0;display:flex;flex-direction:column}.shop-profile-balance small{font-size:8px;letter-spacing:1px;color:#bb927f}.shop-profile-balance b{font-size:25px;color:#d85437}.shop-profile nav a{display:flex;justify-content:space-between;text-decoration:none;color:#78707d;font-size:12px;padding:13px 4px;border-bottom:1px solid #f4eff4}.shop-profile nav a span{color:#c3b6c5}.shop-profile>.btn{width:100%;margin-top:24px}body.shop-drawer-open{overflow:hidden}
.shop-image-banner{display:block;border-radius:16px;overflow:hidden;border:1px solid #eee}.shop-image-banner img{width:100%;display:block;height:auto}.shop-design-settings{margin-bottom:22px}.mt-shop-v9 .mt-steps-section{display:none}.mt-shop-v9 .mt-admin-kicker,.mt-shop-v9 .eyebrow{color:#d95c47}
.mt-shop-v9 .nav,.mt-shop-v9 .navin{height:auto!important}.mt-shop-v9 h1,.mt-shop-v9 h2,.mt-shop-v9 h3,.mt-shop-v9 .btn,.mt-shop-v9 input,.mt-shop-v9 select{font-family:Inter,"Segoe UI",Arial,sans-serif}.mt-shop-v9 .mt-store-card,.mt-shop-v9 .mt-store-body{min-height:0!important}.mt-shop-v9 .mt-card-meta{margin:0 0 8px;padding:5px 0}.mt-shop-v9 .mt-product-open{margin-top:8px}.mt-shop-v9 .nav .brand-name{display:inline!important}.mt-shop-v9 .mt-step-section,.mt-shop-v9 .mt-how-section{display:none}
@media(max-width:700px){.mt-shop-v9 .nav .brand-name{font-size:15px}.mt-shop-v9 .brandmark{width:34px;height:34px}.mt-shop-v9 .mt-store-body h3{min-height:0;margin:7px 0}.mt-shop-v9 .mt-card-meta{padding:3px 0;font-size:8px}.mt-shop-v9 .mt-product-open{margin-top:5px}.mt-shop-v9 .mt-auth-page{min-height:calc(100vh - 190px)}}
.mt-shop-v9 .mt-flow-section{display:none}