.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wn-shop{min-height:80vh;background:radial-gradient(circle at 50% -10%,#102862 0,#040b1c 30%,var(--bg) 68%);color:var(--text);font-family:Arial,sans-serif;padding-bottom:80px}
.shop-hero{border-bottom:1px solid var(--border);background:linear-gradient(90deg,rgba(2,7,20,.95),rgba(5,18,47,.72)),url('/assets/images/hero-clean.webp') center 42%/cover;box-shadow:inset 0 -50px 80px rgba(2,7,20,.42)}
.shop-hero-inner{min-height:300px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:54px;padding-bottom:54px}
.shop-overline{margin:0 0 12px!important;color:#76a4ff!important;font:11px/1 Arial,sans-serif!important;letter-spacing:.28em}
.shop-hero h1{margin:0;font:400 clamp(38px,5vw,64px)/1.08 Cinzel,Georgia,serif;letter-spacing:.03em;color:#edf3ff;text-shadow:0 0 28px rgba(81,137,255,.22)}
.shop-hero h1+p{max-width:650px;margin:15px 0 0;color:#9caac5;font:15px/1.65 Arial,sans-serif}
.shop-balance-card{width:290px;flex:0 0 290px;padding:25px;border:1px solid rgba(89,139,244,.4);background:linear-gradient(145deg,rgba(10,28,68,.92),rgba(2,8,24,.94));box-shadow:0 18px 60px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)}
.shop-balance-card>span{display:block;color:#7187b5;font:9px Arial;letter-spacing:.2em}.shop-balance-card strong{display:block;margin:14px 0 11px;color:#dbe7ff;font:34px/1 Cinzel,Georgia,serif}.shop-balance-card strong small{color:#6595ef;font:13px Arial}.shop-balance-card a{color:#8da3ca;font:12px Arial;text-decoration:none}.shop-balance-card a:hover{color:#b9d0ff}
.shop-shell{padding-top:28px}.shop-alert{margin-bottom:18px;padding:14px 17px;border:1px solid;font:13px/1.5 Arial}.shop-alert.success{color:#8ce5bf;border-color:rgba(63,212,154,.4);background:rgba(27,120,84,.14)}.shop-alert.error{color:#f0a8b2;border-color:rgba(227,123,138,.4);background:rgba(130,44,57,.15)}
.shop-topup-panel{margin-bottom:24px;border:1px solid rgba(75,122,222,.3);background:linear-gradient(145deg,rgba(8,20,49,.93),rgba(2,8,22,.97))}.shop-topup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(75,122,222,.18)}.shop-topup-card{margin:0;padding:22px;background:#050d20;text-align:center}.shop-topup-card>span{display:block;color:#6288d5;font:8px Arial;letter-spacing:.18em}.shop-topup-card>strong{display:block;margin:12px 0 7px;color:#e2ecff;font:28px Cinzel,serif}.shop-topup-card>strong small{color:#739ae6;font:10px Arial}.shop-topup-card>p{margin:0 0 15px;color:#8da0c6;font:14px Arial}.shop-topup-card button,.shop-topup-card a{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;border:1px solid #4d83ee;background:linear-gradient(180deg,#316bd5,#17428f);color:#f4f7ff;font:700 10px Arial;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;cursor:pointer}.shop-topup-card button:hover,.shop-topup-card a:hover{background:linear-gradient(180deg,#407ce8,#2053ac)}.shop-topup-note{margin:0;padding:13px 20px;border-top:1px solid rgba(75,122,222,.18);color:#72819f;font:10px/1.5 Arial;text-align:center}
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid rgba(75,122,222,.19)}.shop-tabs{display:flex;gap:5px}.shop-tabs button{min-height:44px;padding:0 18px;border:1px solid transparent;background:transparent;color:#7889aa;font:11px Arial;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.shop-tabs button:hover,.shop-tabs button.active{border-color:rgba(75,132,255,.45);background:rgba(45,92,194,.13);color:#d9e6ff}
.shop-search{position:relative;width:min(260px,100%)}.shop-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;fill:none;stroke:#657ba7;stroke-width:1.6}.shop-search input{width:100%;height:44px;padding:0 14px 0 42px;border:1px solid var(--border);border-radius:0;background:rgba(3,10,28,.8);color:#e7efff;font:13px Arial;outline:none}.shop-search input:focus{border-color:#4d89ff;box-shadow:0 0 0 2px rgba(77,137,255,.12)}
.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shop-product{min-height:250px;display:grid;grid-template-columns:58px 1fr;grid-template-rows:1fr auto;gap:16px;padding:20px;border:1px solid rgba(75,122,222,.22);background:linear-gradient(145deg,rgba(8,20,49,.88),rgba(2,8,22,.95));box-shadow:inset 0 1px rgba(255,255,255,.025);transition:border-color .2s,transform .2s,box-shadow .2s}.shop-product:hover{transform:translateY(-2px);border-color:rgba(80,142,255,.55);box-shadow:0 16px 38px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035)}.shop-product[hidden]{display:none}.shop-product-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(90,143,255,.42);background:radial-gradient(circle,#173873,#071329 70%);color:#91b8ff}.shop-product-icon svg{width:29px;height:29px}
.shop-product-body>span{display:block;margin:2px 0 9px;color:#608ee8;font:8px Arial;letter-spacing:.18em}.shop-product h2{margin:0;color:#e2ebff;font:400 18px/1.3 Cinzel,Georgia,serif}.shop-product p{margin:9px 0 0;color:#7f8dac;font:12px/1.6 Arial}.shop-product-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid rgba(75,122,222,.15)}.shop-product-footer strong{color:#dce8ff;font:24px Cinzel,serif}.shop-product-footer strong small{color:#6f98e7;font:10px Arial}
.shop-buy,.shop-confirm,.shop-login-cta{display:inline-flex;align-items:center;justify-content:center;min-width:112px;min-height:44px;padding:0 17px;border:1px solid #4d83ee;background:linear-gradient(180deg,#316bd5,#17428f);box-shadow:0 7px 24px rgba(30,92,211,.18);color:#f4f7ff;font:700 10px Arial;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;cursor:pointer}.shop-buy:hover,.shop-confirm:hover,.shop-login-cta:hover{background:linear-gradient(180deg,#407ce8,#2053ac);box-shadow:0 8px 28px rgba(45,110,235,.27)}.shop-buy:disabled{opacity:.5;cursor:not-allowed}.shop-empty{padding:50px 20px;text-align:center;border:1px solid var(--border);color:#7e8ba6;font:13px Arial}
.shop-fairplay{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:20px;margin-top:22px;padding:23px;border:1px solid rgba(63,212,154,.25);background:linear-gradient(90deg,rgba(14,73,58,.16),rgba(3,11,25,.9))}.shop-fairplay-mark{display:grid;place-items:center;width:60px;height:60px;border:1px solid rgba(63,212,154,.38);color:#4bd7a2}.shop-fairplay-mark svg{width:30px;height:30px}.shop-fairplay h2{margin:0 0 7px;font:400 18px Cinzel}.shop-fairplay p{margin:0;max-width:750px;color:#8194a9;font:12px/1.6 Arial}.shop-fairplay>a{min-height:42px;display:flex;align-items:center;padding:0 15px;border:1px solid rgba(63,212,154,.28);color:#79d7b2;font:10px Arial;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.shop-history{margin-top:22px;border:1px solid var(--border);background:rgba(3,10,27,.86)}.shop-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:20px;border-bottom:1px solid rgba(75,122,222,.18)}.shop-section-head span{color:#5e83ce;font:8px Arial;letter-spacing:.18em}.shop-section-head h2{margin:5px 0 0;font:400 19px Cinzel}.shop-section-head small{color:#74829f;font:10px Arial}.shop-table-wrap{overflow-x:auto}.shop-history table{width:100%;border-collapse:collapse;min-width:650px}.shop-history th,.shop-history td{padding:13px 17px;border-bottom:1px solid rgba(75,122,222,.11);text-align:left;font:12px Arial}.shop-history th{color:#617aa9;font-size:9px;letter-spacing:.1em}.shop-history td{color:#aebbd3}.shop-status{display:inline-block;padding:5px 8px;border:1px solid;color:#e9c878;border-color:rgba(225,185,88,.34);background:rgba(126,95,24,.14);font-size:9px;text-transform:uppercase}.shop-status.completed{color:#72dbad;border-color:rgba(63,212,154,.35);background:rgba(35,128,92,.14)}.shop-status.cancelled,.shop-status.refunded{color:#e89aa6;border-color:rgba(227,123,138,.34);background:rgba(131,49,62,.14)}.shop-history-empty{padding:40px;text-align:center;color:#75829e;font:12px Arial}
.shop-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.shop-modal[hidden]{display:none}.shop-modal-backdrop{position:absolute;inset:0;background:rgba(0,3,10,.82);backdrop-filter:blur(7px)}.shop-modal-dialog{position:relative;width:min(470px,100%);padding:30px;border:1px solid rgba(80,137,255,.48);background:linear-gradient(145deg,#0a1736,#030a1b);box-shadow:0 30px 100px rgba(0,0,0,.58);color:#e9f0ff}.shop-modal-close{position:absolute;right:12px;top:10px;width:44px;height:44px;border:0;background:transparent;color:#8190ac;font:27px Arial;cursor:pointer}.shop-modal-dialog>span{color:#638cdf;font:8px Arial;letter-spacing:.2em}.shop-modal-dialog h2{margin:8px 36px 8px 0;font:400 25px/1.3 Cinzel}.shop-modal-dialog>p{margin:0 0 22px;color:#7f8ca7;font:12px/1.55 Arial}.shop-field{display:block;margin:0 0 14px}.shop-field[hidden]{display:none}.shop-field>span{display:block;margin-bottom:7px;color:#8194bd;font:10px Arial;letter-spacing:.08em;text-transform:uppercase}.shop-field select,.shop-field input{width:100%;height:46px;padding:0 13px;border:1px solid rgba(75,122,222,.34);border-radius:0;background:#040c20;color:#dbe6fc;font:13px Arial;outline:none}.shop-field select:focus,.shop-field input:focus{border-color:#4d89ff}.shop-modal-total{display:flex;align-items:center;justify-content:space-between;margin:20px 0;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.shop-modal-total span{color:#8290aa;font:11px Arial}.shop-modal-total strong{font:21px Cinzel;color:#d8e5ff}.shop-confirm,.shop-login-cta{width:100%;min-height:48px}.shop-modal-open{overflow:hidden}
.shop-admin{min-height:100vh;padding:35px;background:#020714;color:#eaf1ff;font-family:Arial,sans-serif}.shop-admin-wrap{width:min(1200px,100%);margin:auto}.shop-admin h1{font:400 30px Cinzel,serif}.shop-admin-nav{display:flex;gap:10px;margin-bottom:20px}.shop-admin-nav a{padding:10px 14px;border:1px solid var(--border);color:#9db9ee;text-decoration:none}.shop-admin-actions{display:flex;gap:7px;flex-wrap:wrap}.shop-admin-actions button{min-height:36px;padding:0 10px;border:1px solid #3f6fc8;background:#14366f;color:#edf3ff;cursor:pointer}.shop-admin-actions button.refund{border-color:#985664;background:#592c35}.shop-admin-message{padding:13px;margin-bottom:16px;border:1px solid rgba(63,212,154,.35);color:#86deb9;background:rgba(31,113,83,.15)}
@media(max-width:980px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-topup-grid{grid-template-columns:1fr 1fr}.shop-hero-inner{min-height:270px}.shop-fairplay{grid-template-columns:55px 1fr}.shop-fairplay>a{grid-column:2;justify-self:start}.shop-section-head{align-items:start;flex-direction:column}}
@media(max-width:700px){.shop-hero-inner{align-items:flex-start;flex-direction:column;padding-top:42px;padding-bottom:32px}.shop-balance-card{width:100%;flex-basis:auto}.shop-toolbar{align-items:stretch;flex-direction:column}.shop-tabs{overflow-x:auto}.shop-tabs button{flex:0 0 auto}.shop-search{width:100%}.shop-grid{grid-template-columns:1fr}.shop-topup-grid{grid-template-columns:1fr 1fr}.shop-product{min-height:220px}.shop-fairplay{grid-template-columns:1fr}.shop-fairplay-mark{width:50px;height:50px}.shop-fairplay>a{grid-column:1}.shop-section-head small{line-height:1.5}.shop-modal-dialog{padding:24px 20px}.shop-admin{padding:20px 12px}}
@media(max-width:420px){.shop-topup-grid{grid-template-columns:1fr}.shop-product{grid-template-columns:48px 1fr;padding:16px}.shop-product-icon{width:48px;height:48px}.shop-product-icon svg{width:25px;height:25px}.shop-product-footer strong{font-size:20px}.shop-buy{min-width:103px}.shop-tabs button{padding:0 14px}}
@media(prefers-reduced-motion:reduce){.shop-product,.shop-buy,.shop-confirm{transition:none}}