*{box-sizing:border-box}:root{--bg:#090d15;--surface:#111824;--surface2:#172131;--line:#273246;--text:#f2f5fa;--muted:#8d9aaf;--red:#e83d59;--green:#47d6a0}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"DM Sans",Arial,sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-art{position:relative;overflow:hidden;padding:55px 9%;background:radial-gradient(ellipse at 65% 55%,#55182b,#101624 65%,#0a0e16)}.login-orb{position:absolute;width:420px;height:420px;border-radius:50%;background:#e83d5920;filter:blur(55px);right:-100px;top:20%}.login-brand,.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:16px;letter-spacing:.5px;position:relative}.login-brand>span:last-child>span,.brand>span:last-child>span{color:var(--red)}.login-brand small,.brand small{display:block;font-size:7px;color:#8491a6;letter-spacing:1.8px;margin-top:3px}.brand-mark{width:38px;height:38px;background:var(--red);display:grid;place-items:center;font-size:24px;clip-path:polygon(0 0,100% 0,100% 78%,78% 100%,0 100%)}.login-message{position:absolute;top:37%;max-width:510px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;color:#ff7186}.login-message h1{font-size:clamp(52px,7vw,90px);line-height:.9;letter-spacing:-4px;margin:20px 0;font-weight:900}.login-message em{font-style:normal;color:var(--red)}.login-message p{color:#aab5c7;line-height:1.8;max-width:390px}.login-bottom{position:absolute;bottom:40px;color:#8d9aaf;font-size:9px;letter-spacing:2px}.login-form-wrap{display:grid;place-items:center;padding:30px}.login-form{width:min(370px,100%)}.login-form h2{font-size:29px;margin:10px 0 7px}.login-form>p{color:var(--muted);margin:0 0 30px}.login-form label,.modal label,.settings-panel label{display:grid;gap:8px;color:#b9c3d2;font-size:11px;font-weight:700;margin-bottom:17px}.login-form input,.modal input,.modal select,.modal textarea,.settings-panel input,.list-tools input,.list-tools select{width:100%;background:#0c121d;border:1px solid var(--line);color:white;padding:13px 12px;outline:0;border-radius:4px}.login-form input:focus,.modal input:focus,.settings-panel input:focus{border-color:#a83b50}.btn{border:0;padding:13px 17px;display:inline-flex;justify-content:center;align-items:center;gap:15px;font-weight:800;font-size:11px;border-radius:4px}.primary{background:var(--red);color:white}.primary:hover{background:#fa526c}.secondary{background:#202b3c;color:#dce4f0;border:1px solid var(--line)}.full{width:100%;margin-top:7px}.login-help{display:block;color:var(--muted);font-size:10px;line-height:1.7;margin-top:22px}.error{color:#ff8292;font-size:11px;margin-top:12px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#0d131e;border-right:1px solid var(--line);padding:25px 16px;display:flex;flex-direction:column;z-index:10}.sidebar .brand{padding:0 8px 35px}.side-label{font-size:9px;letter-spacing:1.8px;color:#647187;font-weight:800;padding:0 10px 13px}.side-link{border:0;background:none;color:#98a5b8;text-align:left;padding:13px 12px;border-radius:5px;margin:2px 0;font-size:11px;font-weight:700}.side-link span{display:inline-block;width:25px;color:#8492a8;font-size:15px}.side-link.active,.side-link:hover{background:#291824;color:#fff}.side-link.active span{color:#ff637b}.sidebar-bottom{margin-top:auto}.admin-chip{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:18px 6px}.avatar,.top-avatar{width:32px;height:32px;background:#7b263d;color:white;display:grid;place-items:center;border-radius:50%;font-weight:900}.admin-chip div{display:grid;gap:3px}.admin-chip b{font-size:11px}.admin-chip small{font-size:9px;color:var(--muted)}.logout{width:100%;text-align:left;padding:11px;background:#182231;color:#c0c9d7;border:0;border-radius:4px;font-size:11px}.main{margin-left:240px;min-height:100vh}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;background:#0c121c}.crumb{font-size:9px;letter-spacing:1.3px;color:#66748a;font-weight:800}.topbar b{font-size:11px}.top-right{display:flex;align-items:center;gap:9px;font-size:10px;color:#a7b3c5}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.top-avatar{width:29px;height:29px;margin-left:10px}.mobile-menu{display:none;background:none;border:0;color:white}.page{display:none;padding:34px 35px}.page.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.page-heading h1{font-size:25px;margin:8px 0 5px}.page-heading p{color:var(--muted);font-size:11px;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:6px}.stat-card{padding:19px;position:relative;display:grid;gap:9px}.stat-card>span{color:#a6b1c2;font-size:10px}.stat-card>b{font-size:27px}.stat-card>small{font-size:9px;color:var(--muted)}.stat-card>i{position:absolute;right:18px;top:17px;font-style:normal;color:#ff657b;font-size:18px}.stat-card>i.green{color:var(--green)}.content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.panel{padding:19px;margin-bottom:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel-head h3,.security-panel h3{font-size:13px;margin:0 0 5px}.panel-head p,.security-panel p{font-size:10px;color:var(--muted);margin:0}.text-btn{background:none;border:0;color:#ff7186;font-size:10px}.quick-action{width:100%;display:flex;align-items:center;gap:12px;padding:14px 0;background:none;border:0;border-top:1px solid var(--line);color:white;text-align:left}.quick-action>span{width:34px;height:34px;display:grid;place-items:center;background:#2a1a28;color:#ff7186;border-radius:5px;font-size:17px}.quick-action div{display:grid;gap:4px;flex:1}.quick-action b{font-size:10px}.quick-action small{font-size:9px;color:var(--muted)}.quick-action i{font-style:normal;color:#78869b}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:560px}th{text-align:left;color:#78869a;font-size:9px;letter-spacing:.7px;font-weight:800;padding:11px 9px;border-bottom:1px solid var(--line)}td{padding:13px 9px;border-bottom:1px solid #222d3d;color:#d5dce7;font-size:10px}td small{display:block;color:var(--muted);margin-top:4px}.badge{display:inline-block;padding:5px 8px;border-radius:3px;font-size:9px;background:#18372f;color:#6ee0b0}.badge.sold,.badge.cancel{background:#3a202b;color:#ff8292}.badge.pending{background:#3a3120;color:#f2c66c}.badge.process{background:#1c2f4b;color:#86b9ff}.row-actions{display:flex;gap:6px}.mini-btn{border:1px solid var(--line);background:#192333;color:#c7d1df;padding:6px 8px;font-size:9px;border-radius:3px}.mini-btn.danger{color:#ff8292}.list-tools{display:flex;gap:10px;margin-bottom:16px}.list-tools input{max-width:310px}.list-tools select{width:auto}.notice{padding:13px 15px;background:#18253a;border:1px solid #2a4266;color:#9fb9de;border-radius:5px;font-size:10px;margin-bottom:15px;line-height:1.6}.settings-panel{max-width:650px}.settings-panel form{max-width:440px}.settings-panel .btn{margin-top:5px}.muted-note{font-size:10px;color:var(--muted);line-height:1.7}.security-panel{max-width:650px}.modal-backdrop{position:fixed;inset:0;background:#03060bd9;z-index:50;display:none;place-items:center;padding:20px}.modal-backdrop.open{display:grid}.modal{width:min(540px,100%);max-height:90vh;overflow:auto;background:#111a28;border:1px solid #344258;border-radius:8px;padding:23px;box-shadow:0 25px 80px #000b}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.modal-head h2{font-size:20px;margin:7px 0 0}.modal-close{border:0;background:none;color:#aab6c8;font-size:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:10px}.toast{position:fixed;bottom:20px;right:24px;background:#202d40;color:white;padding:13px 17px;border:1px solid #43536b;border-radius:5px;font-size:11px;opacity:0;transform:translateY(10px);transition:.2s;z-index:80}.toast.show{opacity:1;transform:translateY(0)}[hidden]{display:none!important}
@media(max-width:1000px){.stat-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}
@media(max-width:700px){.login-screen{grid-template-columns:1fr}.login-art{min-height:300px;padding:28px 25px}.login-message{position:relative;top:auto;margin-top:55px}.login-message h1{font-size:48px}.login-bottom{bottom:15px}.login-form-wrap{padding:45px 25px}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.topbar{padding:0 17px}.mobile-menu{display:block}.page{padding:25px 16px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:21px}.page-heading p{max-width:250px;line-height:1.6}.page-heading>.btn{padding:11px;font-size:9px}.stat-grid{gap:9px}.stat-card{padding:14px}.stat-card>b{font-size:23px}.list-tools{flex-wrap:wrap}.list-tools input{max-width:none;flex-basis:100%}.form-row{grid-template-columns:1fr}.top-right{font-size:0}.top-right .top-avatar{font-size:12px}.panel{padding:13px}}


/* Public storefront */
.storefront{min-height:100vh;background:radial-gradient(ellipse at 78% 9%,#251625 0,transparent 32%),#090d15}
.store-header{height:78px;padding:0 max(5vw,22px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222d3d;background:#0b111b}
.store-header nav{display:flex;gap:30px}.store-header nav a,.store-footer>a:last-child{color:#aab5c6;text-decoration:none;font-size:11px}.store-header nav a:hover,.store-footer>a:last-child:hover{color:#ff7186}
.store-hero{min-height:440px;padding:65px max(8vw,25px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;overflow:hidden;background:linear-gradient(115deg,#111824 0%,#171421 58%,#261323 100%)}
.hero-copy h1{font-size:clamp(42px,6vw,72px);line-height:.99;letter-spacing:-3px;margin:17px 0}.hero-copy h1 em{font-style:normal;color:#ef4965}.hero-copy p{color:#aab5c7;line-height:1.8;max-width:460px;font-size:12px;margin-bottom:25px}.hero-tags{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px;color:#8794a9;font-size:8px;letter-spacing:1.5px;font-weight:800}
.hero-art{min-height:280px;display:grid;place-items:center;position:relative}.hero-glow{position:absolute;width:290px;height:290px;border-radius:50%;background:#e83d5940;filter:blur(70px)}.hero-card{position:relative;width:min(310px,90%);height:270px;border:1px solid #6d3b50;border-radius:12px;background:linear-gradient(145deg,#301b2e,#101b2b 75%);box-shadow:0 30px 80px #0008;padding:24px;transform:rotate(4deg);display:flex;flex-direction:column;justify-content:space-between}.hero-card-label{font-size:8px;letter-spacing:2px;color:#d7a2b0}.hero-game-symbol{font-size:105px;font-weight:1000;line-height:.8;color:#f04b67;text-shadow:0 8px 40px #f04b6770}.hero-card>b{font-size:27px;line-height:.95;letter-spacing:-1px}.hero-card>small{font-size:8px;letter-spacing:1.3px;color:#aeb9c9}
.catalog-section{padding:65px max(8vw,25px) 75px}.catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:23px}.catalog-heading h2,.how-order h2{font-size:27px;margin:8px 0}.catalog-heading p,.how-order p{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.ready-counter{color:#67dcae;background:#15352d;border:1px solid #285c4e;padding:9px 12px;border-radius:4px;font-size:10px;white-space:nowrap}
.catalog-tools{display:flex;gap:10px;margin-bottom:20px}.catalog-tools input,.catalog-tools select{background:#101824;border:1px solid #2a3547;color:#e8edf5;border-radius:4px;padding:12px;outline:0}.catalog-tools input{width:min(340px,100%)}.catalog-tools select{min-width:160px}
.public-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.public-product-card{background:#111a27;border:1px solid #293548;border-radius:7px;overflow:hidden;transition:transform .2s,border-color .2s}.public-product-card:hover{transform:translateY(-4px);border-color:#9d3d54}.public-product-image{height:170px;background:linear-gradient(135deg,#282033,#142638);position:relative;display:grid;place-items:center;overflow:hidden}.public-product-image>img{width:100%;height:100%;object-fit:cover}.ready-pill{position:absolute;top:12px;left:12px;background:#123a30;color:#77e4b8;padding:6px 9px;border-radius:3px;font-size:8px;font-weight:900;letter-spacing:1px}.ready-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#63e0ad;margin-right:5px}.product-placeholder{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#a5b2c5}.product-placeholder span{font-size:9px;letter-spacing:2px}.product-placeholder b{font-size:70px;color:#e84965;text-shadow:0 5px 30px #e8496560}.public-product-info{padding:17px}.game-label{color:#ff8295;font-size:8px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.public-product-info h3{font-size:14px;margin:8px 0}.public-product-info p{height:30px;color:#8997ab;font-size:9px;line-height:1.6;margin:0 0 15px;overflow:hidden}.public-product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #273246;padding-top:13px}.public-product-bottom>b{font-size:14px}.public-product-bottom .btn{font-size:9px;padding:10px}.catalog-empty,.catalog-loading{grid-column:1/-1;padding:35px;text-align:center;border:1px dashed #344157;border-radius:6px;color:#98a6ba;font-size:11px;line-height:1.8}
.how-order{padding:48px max(8vw,25px);background:#101824;display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}.order-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.order-steps>div{background:#172334;border:1px solid #2c3a50;padding:17px;border-radius:5px;display:grid;gap:17px}.order-steps b{font-size:20px;color:#f05a73}.order-steps span{font-size:10px;color:#d5deeb;line-height:1.5}.store-footer{min-height:90px;padding:22px max(5vw,22px);display:flex;align-items:center;justify-content:space-between;gap:15px}.store-footer>span{color:#78869a;font-size:9px}
.admin-login-backdrop{position:fixed;inset:0;z-index:100;visibility:hidden;pointer-events:none}.admin-login-backdrop.open{visibility:visible;pointer-events:auto}.login-scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:#02050bd9;opacity:0;transition:opacity .25s}.admin-login-backdrop.open .login-scrim{opacity:1}.admin-login-drawer{position:absolute;right:0;top:0;height:100%;width:min(430px,100%);background:#101824;border-left:1px solid #354258;padding:85px 38px 30px;transform:translateX(105%);transition:transform .3s ease;box-shadow:-20px 0 70px #0008}.admin-login-backdrop.open .admin-login-drawer{transform:translateX(0)}.drawer-close{position:absolute;top:22px;right:25px;border:0;background:none;color:#aab6c8;font-size:29px}.admin-login-drawer h2{font-size:30px;margin:12px 0 8px}.admin-login-drawer>p{font-size:11px;line-height:1.7;color:#94a2b6;margin-bottom:35px}.admin-login-drawer .login-form{width:100%}.admin-login-drawer .login-help{line-height:1.8}
@media(max-width:900px){.public-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-hero{padding-left:6vw;padding-right:6vw}}
@media(max-width:650px){.store-header{height:68px;padding:0 16px}.store-header nav{display:none}.store-header>.btn{font-size:9px;padding:10px}.store-hero{grid-template-columns:1fr;padding:45px 23px 25px;gap:8px}.hero-art{min-height:210px}.hero-card{height:190px;width:230px;padding:17px}.hero-game-symbol{font-size:65px}.hero-card>b{font-size:20px}.hero-tags{gap:10px;font-size:7px}.catalog-section{padding:42px 17px 50px}.catalog-heading{align-items:flex-start;flex-direction:column}.catalog-heading h2{font-size:23px}.catalog-tools{flex-direction:column}.catalog-tools input,.catalog-tools select{width:100%}.public-product-grid{grid-template-columns:1fr 1fr;gap:9px}.public-product-image{height:125px}.public-product-info{padding:11px}.public-product-info h3{font-size:11px;min-height:27px}.public-product-info p{font-size:8px}.public-product-bottom{align-items:flex-start;flex-direction:column}.public-product-bottom>b{font-size:12px}.public-product-bottom .btn{width:100%;justify-content:center}.how-order{grid-template-columns:1fr;padding:35px 20px;gap:20px}.order-steps{gap:6px}.order-steps>div{padding:11px}.order-steps span{font-size:8px}.store-footer{flex-wrap:wrap;padding:20px}.store-footer>span{order:3;width:100%}.admin-login-drawer{padding:75px 25px 25px}}


/* FadStore visual refresh */
:root{--bg:#080d18;--surface:#111b2b;--surface2:#17253a;--line:#263750;--red:#ff4d6d;--green:#42d6a0}
body{background:#080d18;font-family:Inter,"Segoe UI",Arial,sans-serif}
.storefront{background:radial-gradient(ellipse at 80% 0%,#202c50 0,transparent 35%),#080d18}
.store-header{height:82px;background:#0b1220ef;backdrop-filter:blur(14px);border-bottom-color:#26354c}
.brand-mark{border-radius:10px;clip-path:none;box-shadow:0 8px 24px #ff4d6d44}
.store-hero{min-height:490px;background:radial-gradient(ellipse at 78% 50%,#233d67 0,transparent 32%),linear-gradient(115deg,#111c30,#12182a 62%,#25182d);padding-top:76px;padding-bottom:76px}
.hero-copy h1{letter-spacing:-3.5px}
.hero-copy h1 em{background:linear-gradient(90deg,#ff5876,#ff9b70);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-card{border-radius:18px;background:linear-gradient(145deg,#293b62,#171d32 75%);border-color:#50668f;box-shadow:0 35px 90px #0009}
.hero-game-symbol{color:#ff6680}
.hero-tags{gap:10px}
.game-brand{display:inline-flex;align-items:center;gap:8px;border:1px solid #35445e;background:#17243a;padding:9px 12px;border-radius:999px;color:#c7d4e8;letter-spacing:.8px}
.game-brand b{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;color:white;font-size:10px;letter-spacing:-.5px}
.ff-brand b{background:linear-gradient(135deg,#f6a13a,#e34d35);font-style:italic}
.ml-brand b{background:linear-gradient(135deg,#4fc7ff,#7557e8)}
.roblox-brand b{background:#f1f4fa;color:#141b28;font-size:18px}
.catalog-section{padding-top:75px;padding-bottom:85px}
.catalog-heading h2,.how-order h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.8px}
.ready-counter{border-radius:999px;padding:10px 15px}
.catalog-tools input,.catalog-tools select{border-radius:9px;background:#101b2c;border-color:#30415b;padding:14px}
.public-product-grid{gap:20px}
.public-product-card{border-radius:13px;background:linear-gradient(160deg,#142137,#101827);border-color:#2b3c57;box-shadow:0 12px 35px #0002}
.public-product-card:hover{transform:translateY(-5px);border-color:#657fa9;box-shadow:0 18px 42px #0005}
.public-product-image{height:205px;background:radial-gradient(circle at 50% 40%,#34496e,#172338 72%)}
.public-product-image>img{display:block;object-fit:cover}
.public-product-image.image-failed:after{content:"FADSTORE";font-size:22px;font-weight:900;letter-spacing:5px;color:#8298bc}
.product-placeholder b{font-size:64px;color:#ff647e}
.public-product-info{padding:19px}
.game-label{display:inline-block;padding:5px 8px;border-radius:5px;background:#27344d;color:#a9c6f7}
.public-product-info h3{font-size:15px}
.public-product-info p{height:34px;font-size:10px}
.public-product-bottom{align-items:flex-start;flex-direction:column;gap:12px}
.public-product-bottom>b{font-size:17px}
.product-contact-actions{display:flex;width:100%;gap:8px}
.contact-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;padding:10px 8px;border-radius:8px;text-decoration:none;font-size:10px;font-weight:800;transition:transform .18s,filter .18s}
.contact-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}
.contact-btn svg{width:16px;height:16px;fill:currentColor}
.wa-btn{background:#0d754e;color:#fff}
.tg-btn{background:#147caf;color:#fff}
.how-order{background:linear-gradient(110deg,#111d31,#101827);border-top:1px solid #263750;border-bottom:1px solid #263750}
.order-steps>div{border-radius:10px;background:#17263c}
.store-footer{min-height:105px}
.footer-social{display:flex;gap:9px}
.social-link{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:8px;text-decoration:none;font-size:10px;font-weight:800}
.telegram-link{background:#123c57;color:#8bd7ff}
.whatsapp-link{background:#123f32;color:#7be4b3}
.social-icon{font-size:15px}
.preview-store-btn{padding:9px 12px;font-size:9px;white-space:nowrap}
.top-right{gap:10px}
@media(max-width:900px){.store-hero{padding-left:6vw;padding-right:6vw}.public-product-grid{gap:13px}}
@media(max-width:650px){.game-brand{font-size:7px;padding:7px 8px}.game-brand b{width:21px;height:21px}.store-hero{padding:45px 23px 25px}.public-product-image{height:135px}.public-product-info{padding:12px}.product-contact-actions{flex-direction:column}.contact-btn{width:100%}.preview-store-btn{font-size:8px;padding:8px}.top-right{gap:5px}}


/* FadStore premium storefront redesign */
.storefront{background:#080d18;color:#f6f8fc;overflow:hidden}
.store-header{max-width:none;padding:0 max(6vw,24px);height:86px;background:rgba(8,13,24,.9);border-bottom:1px solid rgba(148,171,208,.15);box-shadow:0 8px 35px #0002}
.store-header nav{gap:34px}
.store-header nav a{font-size:12px;color:#b7c4d8;transition:color .2s}
.store-header nav a:hover{color:#fff}
.store-header .btn{border-radius:9px;padding:12px 18px}
.brand{font-size:17px;letter-spacing:1px}
.brand-mark{width:42px;height:42px;border-radius:12px;clip-path:none;background:linear-gradient(145deg,#ff637c,#a52c67);box-shadow:0 7px 22px #ff416b3d}
.store-hero{position:relative;isolation:isolate;min-height:590px;padding:85px max(8vw,28px) 76px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:55px;background:radial-gradient(ellipse at 75% 40%,#293d68 0,transparent 34%),radial-gradient(ellipse at 8% 0%,#34213c 0,transparent 34%),linear-gradient(120deg,#0b1322,#101a2d 58%,#17172b)}
.store-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,black,transparent 85%)}
.hero-copy{max-width:650px}
.hero-copy .eyebrow{display:flex;align-items:center;gap:10px;color:#ff9bad;font-size:10px;letter-spacing:2.4px}
.eyebrow-line{width:28px;height:2px;background:#ff6c87;display:inline-block}
.hero-copy h1{font-size:clamp(48px,6vw,78px);line-height:1.04;letter-spacing:-3.7px;margin:23px 0 20px;font-weight:900;color:#f7f9ff}
.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#ff7a91,#ffbd77);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-copy>p{font-size:15px;line-height:1.9;color:#b5c2d6;max-width:540px;margin:0 0 27px}
.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.hero-actions .btn{border-radius:10px;padding:15px 22px;box-shadow:0 10px 30px #ff4e7030}
.hero-trust{font-size:10px;color:#9eacc2}
.hero-tags{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:34px}
.game-brand{display:flex;align-items:center;justify-content:center;width:130px;height:48px;padding:7px 10px;border:1px solid #7184a333;background:#ffffff08;border-radius:9px;backdrop-filter:blur(8px)}
.game-brand img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.hero-art{position:relative;min-height:390px;display:grid;place-items:center}
.hero-art-orbit{position:absolute;border:1px solid #93b5ed24;border-radius:50%;transform:rotate(-20deg)}
.orbit-one{width:440px;height:280px}
.orbit-two{width:360px;height:350px;transform:rotate(35deg)}
.hero-feature-card{position:relative;width:min(100%,440px);padding:34px;border:1px solid #a8c2f044;border-radius:24px;background:linear-gradient(145deg,#253c61eF,#141d32f2 75%);box-shadow:0 35px 90px #0008,inset 0 1px #ffffff20;transform:rotate(2deg)}
.feature-kicker{font-size:9px;letter-spacing:2px;color:#a9c3eb;font-weight:800}
.feature-logos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}
.feature-logos>div{height:76px;padding:12px;border:1px solid #a4bbdf2b;background:#ffffff0b;border-radius:12px;display:grid;place-items:center}
.feature-logos>div:last-child{grid-column:1/-1}
.feature-logos img{max-width:100%;max-height:100%;object-fit:contain}
.feature-divider{height:1px;background:linear-gradient(90deg,transparent,#91a9cc66,transparent);margin:24px 0}
.hero-feature-card>b{font-size:28px;line-height:1.2;letter-spacing:-.8px}
.hero-feature-card>b em{font-style:normal;color:#ff879a}
.hero-feature-card>small{display:block;margin-top:18px;color:#91a4c2;font-size:8px;letter-spacing:2px}
.floating-tag{position:absolute;right:0;bottom:28px;background:#f4f7ff;color:#1b2b46;padding:12px 17px;border-radius:9px;font-size:9px;font-weight:900;letter-spacing:1px;box-shadow:0 12px 35px #0005}
.catalog-section{max-width:1440px;margin:auto;padding:92px max(7vw,24px) 100px}
.catalog-heading{align-items:end;margin-bottom:30px}
.catalog-heading .eyebrow{color:#ff8ca0}
.catalog-heading h2{font-size:clamp(30px,4vw,42px);letter-spacing:-1.5px;margin:10px 0}
.catalog-heading p{color:#9cabc1;font-size:13px}
.ready-counter{border:1px solid #4bce9a44;background:#14372e;color:#79e4b5;border-radius:999px;padding:11px 16px;font-weight:800;font-size:10px}
.catalog-tools{display:flex;gap:12px;margin-bottom:24px}
.catalog-tools input,.catalog-tools select{border:1px solid #2a3a54;background:#101a2b;color:#edf2fa;border-radius:10px;padding:15px 16px;outline:none}
.catalog-tools input:focus,.catalog-tools select:focus{border-color:#7c9ac8;box-shadow:0 0 0 3px #6b8fca20}
.catalog-tools input{flex:1}
.public-product-grid{gap:20px}
.public-product-card{overflow:hidden;border:1px solid #293a55;border-radius:16px;background:linear-gradient(160deg,#17263c,#101827);box-shadow:0 14px 38px #0003;transition:transform .22s,border-color .22s,box-shadow .22s}
.public-product-card:hover{transform:translateY(-6px);border-color:#647fa8;box-shadow:0 22px 50px #0006}
.public-product-image{height:210px;background:radial-gradient(ellipse at center,#31496c,#172338 72%);position:relative;display:grid;place-items:center;overflow:hidden}
.public-product-image:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff09,transparent 45%,#0002)}
.public-product-image .product-photo{width:100%;height:100%;object-fit:cover;display:block;position:relative}
.product-logo-fallback{width:100%;height:100%;display:grid;place-items:center;padding:28px;position:relative}
.product-logo-fallback img{width:90%;max-height:100px;object-fit:contain;filter:drop-shadow(0 8px 15px #0005)}
.public-product-image.image-failed{background:radial-gradient(ellipse at center,#31496c,#172338 72%)}
.ready-pill{position:absolute;top:13px;right:13px;z-index:2;border:1px solid #5be1ac55;background:#123b30;color:#8af0c5;padding:7px 10px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:1px}
.public-product-info{padding:20px}
.game-label{display:inline-flex;align-items:center;gap:7px;border:1px solid #50688b55;background:#233550;color:#d3e2f8;padding:6px 9px;border-radius:6px;font-size:9px;font-weight:800}
.game-label img{width:32px;height:15px;object-fit:contain}
.public-product-info h3{font-size:16px;margin:13px 0 8px;color:#f4f7fc}
.public-product-info p{font-size:11px;color:#9eacc1;line-height:1.6;min-height:36px}
.public-product-bottom{display:flex;flex-direction:column;align-items:stretch;gap:13px;border-top:1px solid #ffffff12;padding-top:14px;margin-top:15px}
.public-product-bottom>b{font-size:18px;color:#fff}
.product-contact-actions{display:flex;gap:9px;width:100%}
.contact-btn{min-height:42px;border-radius:9px;font-size:10px;letter-spacing:.2px}
.contact-btn svg{width:17px;height:17px}
.wa-btn{background:#087b53;color:#fff}
.tg-btn{background:#147caf;color:#fff}
.how-order{padding:60px max(7vw,24px);background:linear-gradient(115deg,#121f33,#111a2b);border-top:1px solid #293c59;border-bottom:1px solid #293c59}
.how-order .eyebrow{color:#ff91a4}
.how-order h2{font-size:34px;letter-spacing:-1px}
.how-order p{max-width:440px;color:#a8b7cc;line-height:1.8}
.order-steps>div{background:#1b2b42;border:1px solid #ffffff10;border-radius:12px;padding:19px}
.order-steps b{color:#ff8499}
.store-footer{padding:30px max(7vw,24px);background:#080e19;border-top:1px solid #25344a}
.social-link{border-radius:9px;padding:11px 15px}
.admin-image-preview{width:100%;height:145px;border:1px dashed #40516b;border-radius:9px;background:#0c1524;display:grid;place-items:center;overflow:hidden;color:#8292a9;font-size:10px;text-align:center;padding:12px}
.admin-image-preview img{width:100%;height:100%;object-fit:contain}
.admin-image-preview .preview-error{color:#ff9aa9;line-height:1.7}
.image-url-help{display:block;color:#8998ae;font-size:9px;font-weight:400;line-height:1.6;margin-top:-3px}
.game-brand-row .game-brand{height:48px}
.preview-store-btn{border-radius:8px}
@media(max-width:900px){
 .store-hero{grid-template-columns:1fr;gap:30px;padding:65px 7vw}
 .hero-copy{max-width:760px}
 .hero-art{min-height:350px}
 .hero-feature-card{max-width:400px}
 .catalog-section{padding-top:70px}
}
@media(max-width:650px){
 .store-header{height:72px;padding:0 18px}
 .store-header nav{display:none}
 .store-header .brand{font-size:14px}
 .store-header .brand-mark{width:36px;height:36px}
 .store-header .btn{padding:10px 11px;font-size:9px}
 .store-hero{padding:52px 22px 35px;min-height:auto;gap:10px}
 .hero-copy h1{font-size:47px;letter-spacing:-2.6px}
 .hero-copy>p{font-size:12px;line-height:1.8}
 .hero-actions{gap:12px}
 .hero-trust{font-size:9px}
 .hero-tags{gap:7px;margin-top:24px}
 .game-brand{width:calc(33.33% - 5px);height:38px;padding:5px}
 .hero-art{min-height:300px}
 .orbit-one{width:310px;height:220px}
 .orbit-two{width:260px;height:280px}
 .hero-feature-card{padding:23px;border-radius:17px;width:92%}
 .feature-logos{margin:18px 0;gap:8px}
 .feature-logos>div{height:60px;padding:8px}
 .hero-feature-card>b{font-size:22px}
 .floating-tag{right:0;bottom:3px;padding:9px 11px;font-size:8px}
 .catalog-section{padding:58px 17px 65px}
 .catalog-heading{align-items:flex-start;gap:14px;flex-direction:column}
 .catalog-heading h2{font-size:29px}
 .catalog-tools{flex-direction:column}
 .catalog-tools input,.catalog-tools select{width:100%}
 .public-product-grid{grid-template-columns:1fr 1fr;gap:11px}
 .public-product-image{height:132px}
 .public-product-info{padding:12px}
 .public-product-info h3{font-size:12px;line-height:1.4}
 .public-product-info p{font-size:9px;min-height:38px}
 .public-product-bottom>b{font-size:14px}
 .product-contact-actions{flex-direction:column;gap:7px}
 .contact-btn{width:100%;min-height:36px}
 .how-order{padding:42px 19px}
 .how-order h2{font-size:29px}
 .order-steps{gap:8px}
 .order-steps>div{padding:12px}
 .store-footer{gap:16px;padding:24px 18px}
 .store-footer>span{order:3;width:100%}
 .footer-social{flex-wrap:wrap}
}

/* FadStore refinement: clearer hierarchy, authentic game wordmarks and touch-friendly media */
.game-brand,.feature-logos>div{background:#0e1726;border-color:#34445e}
.game-brand img{max-width:94%;max-height:90%;object-fit:contain}
.feature-logos{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-logos>div,.feature-logos>div:last-child{grid-column:auto;height:74px;padding:9px}
.feature-logos img{max-width:100%;max-height:100%;object-fit:contain}
.image-viewer{position:relative;width:100%;height:100%;display:block;padding:0;border:0;background:transparent;cursor:zoom-in;overflow:hidden}
.image-viewer .product-photo{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.image-viewer:hover .product-photo{transform:scale(1.055)}
.zoom-hint{position:absolute;right:10px;bottom:10px;padding:7px 10px;border:1px solid #ffffff35;border-radius:7px;background:#07101dcc;color:#fff;font-size:10px;font-weight:800;opacity:0;transform:translateY(4px);transition:.2s}
.image-viewer:hover .zoom-hint,.image-viewer:focus-visible .zoom-hint{opacity:1;transform:none}
.image-lightbox{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:55px 20px 25px;background:rgba(3,7,14,.94);backdrop-filter:blur(12px)}
.image-lightbox.open{display:flex}
.image-lightbox>img{display:block;max-width:min(94vw,1200px);max-height:78vh;object-fit:contain;border-radius:12px;box-shadow:0 25px 90px #000a}
.lightbox-close{position:absolute;top:18px;right:22px;width:44px;height:44px;border:1px solid #ffffff35;border-radius:50%;background:#ffffff12;color:#fff;font-size:28px;cursor:pointer}
.lightbox-caption{color:#d8e2f2;font-size:13px;font-weight:700}
.admin-image-preview{height:190px}
.admin-image-preview img{object-fit:contain;background:#0b1220}
#p-image-file{width:100%;padding:12px;border:1px dashed #526784;border-radius:10px;background:#111d30;color:#dce6f5}
#p-image-file::file-selector-button{margin-right:12px;padding:9px 13px;border:0;border-radius:7px;background:#f06a87;color:#fff;font-weight:800;cursor:pointer}
.public-product-image .product-photo{cursor:zoom-in}
@media(max-width:650px){.feature-logos>div,.feature-logos>div:last-child{height:54px}.image-lightbox{padding:55px 12px 20px}.image-lightbox>img{max-width:96vw;max-height:78vh}.zoom-hint{opacity:1;transform:none}}

/* Ensure monochrome official wordmarks remain legible on the dark storefront */
.game-brand img[src*="wildflamestudio"],
.feature-logos img[src*="wildflamestudio"],
.game-brand img[src*="wikimedia.org"],
.feature-logos img[src*="wikimedia.org"]{filter:brightness(0) invert(1) drop-shadow(0 2px 5px #0008)}


/* Tampilan produk yang sudah terjual */
.public-product-card.is-sold{border-color:#8f3042;background:linear-gradient(160deg,#251923,#121827)}
.public-product-card.is-sold .public-product-image:after{content:"";position:absolute;inset:0;background:rgba(35,5,13,.32);pointer-events:none}
.sold-overlay{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);padding:12px 24px;border:2px solid #fff;border-radius:8px;background:#d7193f;color:#fff;font-size:clamp(17px,2vw,25px);font-weight:1000;letter-spacing:3px;text-shadow:0 2px 8px #650014;box-shadow:0 8px 28px #0008;pointer-events:none}
.sold-note{display:block;width:100%;padding:10px 12px;border:1px solid #ef526b55;border-radius:8px;background:#491724;color:#ff8295;text-align:center;font-size:10px;font-weight:900;letter-spacing:.8px}


/* Tata letak storefront yang lebih ringkas dan katalog empat kolom */
.store-hero{grid-template-columns:minmax(0,1fr);min-height:390px;padding:76px max(8vw,28px);background:radial-gradient(ellipse at 78% 45%,#243b60 0,transparent 35%),radial-gradient(ellipse at 12% 0%,#30203b 0,transparent 32%),linear-gradient(120deg,#0b1322,#101a2d 62%,#17172b)}
.hero-copy{max-width:920px;margin:0 auto;text-align:center}
.hero-copy .eyebrow,.hero-actions{justify-content:center}
.hero-copy h1{max-width:850px;margin:22px auto;font-size:clamp(44px,5.8vw,72px);line-height:1.08}
.hero-copy>p{max-width:650px;margin:0 auto 26px}
.hero-trust{display:inline-flex;align-items:center;min-height:46px;padding:0 16px;border:1px solid #647b9b44;border-radius:9px;background:#ffffff08}
.hero-art,.hero-tags{display:none!important}
.catalog-section{padding-top:72px}
.public-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px}
.public-product-card{min-width:0;display:flex;flex-direction:column}
.public-product-image{height:190px;flex:none}
.public-product-info{display:flex;flex:1;flex-direction:column;min-width:0}
.public-product-info h3.product-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;min-height:2.7em;max-height:2.7em;line-height:1.35;margin:12px 0 3px}
.public-product-info h3.product-name.name-expanded{-webkit-line-clamp:unset;max-height:none;display:block}
.name-toggle{align-self:flex-start;margin:2px 0 9px;padding:0;border:0;background:transparent;color:#ff91a5;font-size:10px;font-weight:800;cursor:pointer}
.name-toggle:hover{text-decoration:underline}
.public-product-info>p{flex:1;min-height:36px;height:auto;max-height:42px;overflow:hidden}
.public-product-bottom{margin-top:auto}
@media(max-width:1100px){.public-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.public-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.store-hero{min-height:340px;padding:60px 6vw}.public-product-image{height:165px}}
@media(max-width:650px){.store-hero{min-height:320px;padding:48px 20px}.hero-copy h1{font-size:clamp(38px,10vw,48px);letter-spacing:-2px}.hero-copy>p{font-size:12px}.catalog-section{padding:48px 15px 60px}.public-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-product-image{height:125px}.public-product-info{padding:11px}.public-product-info h3.product-name{font-size:11px;min-height:2.7em;max-height:2.7em}.name-toggle{font-size:9px}.public-product-info>p{font-size:8px;min-height:34px}.public-product-bottom{gap:9px}.public-product-bottom>b{font-size:13px}}


/* FadStore — compact premium horizontal catalog and refreshed visual identity */
.storefront{
 color:#eef3ff;
 background:
  radial-gradient(ellipse at 8% 12%,rgba(85,55,130,.18),transparent 30%),
  radial-gradient(ellipse at 92% 32%,rgba(28,119,135,.13),transparent 28%),
  #080d18;
}
.store-header{background:rgba(7,12,22,.82);backdrop-filter:blur(18px);border-bottom-color:#ffffff12}
.store-hero{
 min-height:0!important;
 padding:68px 24px 62px!important;
 background:
  radial-gradient(ellipse at 50% 0%,rgba(105,76,164,.28),transparent 48%),
  radial-gradient(ellipse at 85% 80%,rgba(27,130,142,.16),transparent 34%),
  linear-gradient(135deg,#0c1425 0%,#111a2c 52%,#111326 100%)!important;
}
.store-hero:after{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background-image:radial-gradient(rgba(174,194,235,.35) .7px,transparent .7px);
 background-size:23px 23px;opacity:.16;
 mask-image:linear-gradient(180deg,#000,transparent 95%);
}
.hero-copy{max-width:790px}
.hero-copy .eyebrow{font-size:9px;letter-spacing:2.1px;color:#c3a6ff}
.eyebrow-line{background:#a78bfa}
.hero-copy h1{
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
 font-size:clamp(34px,4.5vw,57px)!important;
 line-height:1.13!important;letter-spacing:-2.1px!important;
 font-weight:780!important;margin:18px auto 15px!important;
}
.hero-copy h1 em{background:linear-gradient(90deg,#b49aff,#72d9d0);background-clip:text;-webkit-background-clip:text}
.hero-copy>p{font-size:13px;line-height:1.75;max-width:590px;color:#aebbd0;margin-bottom:22px}
.hero-actions .btn{padding:12px 18px;font-size:11px;border-radius:9px}
.hero-trust{min-height:40px;font-size:9px}
.catalog-section{padding:54px max(6vw,22px) 76px!important;max-width:1500px}
.catalog-heading{margin-bottom:20px}
.catalog-heading .eyebrow{font-size:9px;letter-spacing:1.8px;color:#b69cff}
.catalog-heading h2{font-size:clamp(24px,3vw,32px)!important;letter-spacing:-.9px;margin:7px 0}
.catalog-heading p{font-size:11px;line-height:1.6}
.ready-counter{font-size:9px;padding:9px 13px}
.catalog-tools{margin-bottom:15px;gap:9px}
.catalog-tools input,.catalog-tools select{padding:11px 13px;font-size:11px;border-radius:9px}
.catalog-slider-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.slider-hint{display:flex;align-items:center;gap:8px;color:#aebbd0;font-size:10px}
.slider-hint-icon{display:grid;place-items:center;width:24px;height:24px;border:1px solid #7588a844;border-radius:7px;color:#c4b5fd;background:#ffffff08;font-size:14px}
.slider-controls{display:flex;align-items:center;gap:8px;color:#93a3bb;font-size:9px}
.slider-controls button{width:30px;height:30px;border:1px solid #52627e66;border-radius:8px;background:#17243a;color:#edf3ff;font-size:15px;cursor:pointer;transition:.2s}
.slider-controls button:hover:not(:disabled){background:#7055b5;border-color:#a78bfa}
.slider-controls button:disabled{opacity:.35;cursor:not-allowed}
.public-product-grid{
 display:flex!important;flex-wrap:nowrap!important;align-items:stretch;gap:13px!important;
 overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;
 overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#62518d #111a2b;
 padding:2px 2px 13px; -webkit-overflow-scrolling:touch;
}
.public-product-grid::-webkit-scrollbar{height:5px}
.public-product-grid::-webkit-scrollbar-track{background:#111a2b;border-radius:9px}
.public-product-grid::-webkit-scrollbar-thumb{background:#62518d;border-radius:9px}
.public-product-card{
 flex:0 0 calc((100% - 39px)/4)!important;min-width:0;scroll-snap-align:start;
 border-radius:12px;background:linear-gradient(150deg,#17243a,#101827);
 border-color:#293954;box-shadow:0 8px 24px #0003;
}
.public-product-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0005}
.public-product-image{height:132px!important;flex:none;background:radial-gradient(ellipse at center,#344567,#172338 76%)}
.public-product-info{padding:13px!important}
.game-label{font-size:8px;padding:4px 7px;gap:5px}
.game-label img{width:25px;height:13px}
.public-product-info h3.product-name{
 font-size:12px!important;line-height:1.35!important;letter-spacing:-.15px;
 min-height:2.7em;max-height:2.7em;margin:9px 0 2px;
}
.name-toggle{font-size:9px;margin:2px 0 6px}
.public-product-info>p{
 font-size:9px!important;line-height:1.45;min-height:27px!important;max-height:27px!important;
 margin:4px 0 0;overflow:hidden;
}
.public-product-bottom{gap:9px!important;padding-top:10px;margin-top:10px}
.public-product-bottom>b{font-size:14px!important}
.product-contact-actions{gap:6px}
.contact-btn{min-height:34px;padding:8px 6px;font-size:9px;border-radius:7px}
.contact-btn svg{width:14px;height:14px}
.sold-note{padding:8px;font-size:9px}
.sold-overlay{font-size:17px;padding:8px 16px}
.how-order{padding:45px max(6vw,22px);background:linear-gradient(120deg,#111b2e,#111326)}
.how-order h2{font-size:27px;letter-spacing:-.7px}
.how-order p{font-size:11px}
.order-steps>div{padding:14px}
.store-footer{padding:23px max(6vw,22px)}
@media(max-width:1050px){.public-product-card{flex-basis:calc((100% - 26px)/3)!important}}
@media(max-width:760px){
 .store-hero{padding:49px 20px 43px!important}
 .hero-copy h1{font-size:clamp(32px,7vw,43px)!important;letter-spacing:-1.5px!important}
 .catalog-section{padding:42px 16px 55px!important}
 .public-product-card{flex-basis:calc((100% - 12px)/2)!important}
 .public-product-image{height:120px!important}
 .catalog-slider-bar{align-items:flex-start}
 .slider-hint{font-size:9px}
 .slider-controls{gap:5px}
}
@media(max-width:430px){
 .public-product-card{flex-basis:78%!important}
 .public-product-image{height:145px!important}
 .catalog-slider-bar{gap:6px}
 .slider-controls span{max-width:75px;text-align:center}
 .hero-copy h1{font-size:34px!important}
}

.login-text-link{display:block;margin:13px auto 0;padding:5px 0;border:0;background:none;color:#f17b8d;font-size:11px;cursor:pointer}.login-text-link:hover{color:#fff;text-decoration:underline}.login-form[hidden]{display:none}


/* =========================================================
   FADSTORE — OBSIDIAN / ATELIER PREMIUM DESIGN SYSTEM
   Visual-only refresh. Existing IDs, layouts and app logic stay intact.
   ========================================================= */
:root{
  color-scheme:dark;
  --bg:#101113;
  --surface:#191a1c;
  --surface2:#222326;
  --line:#343437;
  --text:#f4f0e9;
  --muted:#aaa49a;
  --red:#c68a55;
  --green:#91b69a;
  --copper:#c68a55;
  --cream:#f4f0e9;
}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{
  background:#101113;color:var(--cream);
  font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,-apple-system,sans-serif;
  letter-spacing:.005em;-webkit-font-smoothing:antialiased;
}
button,input,select,textarea{font-family:inherit}
::selection{background:#c68a55;color:#151311}
:focus-visible{outline:2px solid #d7a477;outline-offset:3px}
.storefront{
  overflow:hidden;position:relative;isolation:isolate;
  background:
    radial-gradient(ellipse at 50% -15%,rgba(198,138,85,.12),transparent 42%),
    #101113;
}
.store-header{
  position:sticky;top:0;z-index:30;height:78px;
  padding:0 clamp(22px,7vw,112px);
  background:rgba(16,17,19,.86);backdrop-filter:blur(22px);
  border-bottom:1px solid rgba(244,240,233,.09);
}
.brand{gap:12px;color:#f4f0e9;text-decoration:none;font-size:15px;letter-spacing:1.15px}
.brand>span:last-child>span{color:#c68a55}
.brand small{color:#8e8981;font-size:7px;letter-spacing:2.15px}
.brand-mark{
  width:40px;height:40px;border-radius:12px;clip-path:none;
  display:grid;place-items:center;background:linear-gradient(145deg,#e0b184,#a86d3f);
  color:#171310;font-size:22px;box-shadow:0 7px 24px #c68a552b;
}
.store-header nav{gap:34px}
.store-header nav a{
  color:#aaa49a;font-size:11px;font-weight:650;letter-spacing:.025em;
  text-decoration:none;transition:color .2s;
}
.store-header nav a:hover{color:#e0b184}
.btn{
  min-height:43px;padding:12px 18px;border-radius:9px;
  font-size:10px;font-weight:800;letter-spacing:.035em;
  transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;
}
.btn:hover{transform:translateY(-1px)}
.primary{
  color:#18130f;background:linear-gradient(135deg,#e0b184,#b87948);
  box-shadow:0 8px 24px #c68a5522;
}
.primary:hover{background:linear-gradient(135deg,#edc49b,#c68a55);box-shadow:0 10px 30px #c68a5533}
.secondary{background:#222326;border:1px solid #3a3937;color:#e9e2d8}
.secondary:hover{background:#2b2a28;border-color:#8f6b4d}
.store-hero{
  position:relative;isolation:isolate;min-height:440px!important;
  padding:clamp(68px,9vw,116px) 24px clamp(65px,8vw,100px)!important;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(198,138,85,.17),transparent 48%),
    radial-gradient(ellipse at 8% 90%,rgba(255,255,255,.035),transparent 32%),
    linear-gradient(135deg,#171819 0%,#141516 54%,#1b1917 100%)!important;
}
.store-hero:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,black,transparent 85%);
}
.store-hero:after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  width:500px;height:500px;left:50%;top:-360px;transform:translateX(-50%);
  border:1px solid rgba(224,177,132,.16);border-radius:50%;
  box-shadow:0 0 0 55px rgba(224,177,132,.025),0 0 0 110px rgba(224,177,132,.02);
}
.hero-copy{max-width:850px}
.hero-copy .eyebrow,.catalog-heading .eyebrow{color:#d6a77d;letter-spacing:2.5px;font-size:9px}
.eyebrow-line{background:#c68a55}
.hero-copy h1{
  max-width:820px!important;margin:24px auto 19px!important;
  color:#f4f0e9;font-size:clamp(43px,6.1vw,76px)!important;
  line-height:1.02!important;letter-spacing:-3.8px!important;font-weight:760!important;
}
.hero-copy h1 em{
  color:transparent;background:linear-gradient(100deg,#e8c5a0 5%,#c68a55 55%,#f1d9bd 100%);
  background-clip:text;-webkit-background-clip:text;
}
.hero-copy>p{max-width:590px;color:#aaa69e;font-size:13px;line-height:1.9;margin:0 auto 28px}
.hero-actions{gap:17px}
.hero-actions .btn{min-height:48px;padding:0 22px;border-radius:10px}
.hero-trust{
  min-height:42px;padding:0 14px;border:1px solid #ffffff17;border-radius:9px;
  background:#ffffff06;color:#b9b1a7;font-size:9px;
}
.catalog-section{
  max-width:1440px;margin:0 auto;
  padding:68px clamp(20px,6vw,88px) 82px!important;
}
.catalog-heading{margin-bottom:24px}
.catalog-heading h2,.how-order h2{
  color:#f4f0e9;font-size:clamp(27px,3.2vw,36px)!important;
  letter-spacing:-1.25px;margin:9px 0 7px;
}
.catalog-heading p,.how-order p{color:#a49f97;font-size:11px;line-height:1.8}
.ready-counter{
  color:#c6d8c7;background:#1d2921;border:1px solid #405443;
  border-radius:999px;padding:10px 15px;font-size:9px;font-weight:750;
}
.catalog-tools{gap:10px;margin-bottom:17px}
.catalog-tools input,.catalog-tools select{
  min-height:44px;background:#1a1b1d;border:1px solid #38383a;
  border-radius:10px;color:#f1ece4;padding:0 15px;font-size:11px;
  transition:border-color .2s,box-shadow .2s;
}
.catalog-tools input{max-width:380px}
.catalog-tools input::placeholder{color:#77736d}
.catalog-tools input:focus,.catalog-tools select:focus{
  border-color:#bd895d;box-shadow:0 0 0 3px #c68a5518;outline:0;
}
.catalog-slider-bar{margin:0 0 13px}
.slider-hint{color:#99938a;font-size:10px}
.slider-hint-icon{border-color:#51463b;background:#c68a550c;color:#d8aa81}
.slider-controls{color:#aaa49a}
.slider-controls button{
  width:34px;height:34px;border:1px solid #45413c;border-radius:9px;
  background:#222220;color:#e8dfd4;transition:.2s;
}
.slider-controls button:hover:not(:disabled){background:#c68a55;border-color:#c68a55;color:#171310}
.public-product-grid{
  gap:15px!important;padding:3px 3px 16px;
  scrollbar-color:#8c6547 #242321;
}
.public-product-grid::-webkit-scrollbar-track{background:#242321}
.public-product-grid::-webkit-scrollbar-thumb{background:#8c6547}
.public-product-card{
  position:relative;overflow:hidden;flex:0 0 calc((100% - 45px)/4)!important;
  border:1px solid #383735;border-radius:15px;
  background:linear-gradient(155deg,#222220 0%,#191a1b 70%);
  box-shadow:0 12px 34px #0003;
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.public-product-card:before{
  content:"";position:absolute;inset:0 0 auto;height:1px;z-index:2;
  background:linear-gradient(90deg,transparent,#e0b18470,transparent);opacity:.65;
}
.public-product-card:hover{
  transform:translateY(-5px);border-color:#8b684b;
  box-shadow:0 20px 42px #0006,0 0 0 1px #c68a5510;
}
.public-product-image{
  height:145px!important;background:radial-gradient(ellipse at center,#45403a,#252422 75%);
}
.public-product-image:after{pointer-events:none}
.public-product-image .product-photo{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s}
.public-product-card:hover .product-photo{transform:scale(1.055);filter:saturate(1.08)}
.product-logo-fallback{display:grid;place-items:center;width:100%;height:100%;padding:26px;background:radial-gradient(circle,#51463a,#242321 72%)}
.product-logo-fallback img{max-width:75%;max-height:75%;object-fit:contain;filter:drop-shadow(0 8px 14px #0008)}
.ready-pill{
  top:11px;left:11px;padding:6px 9px;border-radius:6px;
  background:#202d23eF;border:1px solid #6a8d6b55;color:#b7d6b7;
  font-size:8px;letter-spacing:1.1px;backdrop-filter:blur(10px);
}
.ready-pill i{background:#9fc49e;box-shadow:0 0 10px #9fc49e88}
.game-label{
  display:inline-flex;align-items:center;gap:6px;
  color:#d6a77d;background:#c68a5510;border:1px solid #c68a552b;
  padding:5px 8px;border-radius:6px;font-size:8px;letter-spacing:1px;
}
.game-label img{width:23px;height:13px;object-fit:contain}
.public-product-info{padding:14px!important}
.public-product-info h3.product-name{
  color:#f3eee6;font-size:12px!important;font-weight:750;
  letter-spacing:-.2px;line-height:1.45!important;margin:10px 0 3px;
}
.public-product-info>p{
  color:#99948c;font-size:9px!important;line-height:1.55;
  min-height:28px!important;max-height:28px!important;
}
.name-toggle{color:#d5a77d;font-size:9px}
.public-product-bottom{
  border-top:1px solid #393632;padding-top:11px!important;margin-top:11px!important;
}
.public-product-bottom>b{color:#e6bd96;font-size:14px!important;letter-spacing:-.25px}
.product-contact-actions{gap:7px}
.contact-btn{
  min-height:35px;padding:8px 7px;border-radius:8px;
  border:1px solid #45413b;background:#292825;color:#eee7dc;
  font-size:9px;font-weight:750;transition:.2s;
}
.contact-btn:hover{transform:translateY(-1px);border-color:#b9865c;background:#373027}
.wa-btn{color:#c6d8c7}
.tg-btn{color:#c4d3e6}
.sold-overlay{
  border-radius:7px;border-color:#f1e8dc;background:#7e302b;
  font-size:15px;letter-spacing:2px;box-shadow:0 8px 28px #0008;
}
.public-product-card.is-sold{background:linear-gradient(155deg,#29201e,#191a1b);border-color:#75433e}
.sold-note{background:#382522;border-color:#75433e;color:#e2a49a;border-radius:8px}
.catalog-empty,.catalog-loading{
  border:1px dashed #51473d;border-radius:14px;color:#aaa49a;background:#ffffff04;
}
.how-order{
  position:relative;grid-template-columns:1fr 1.15fr;gap:50px;
  padding:60px clamp(22px,7vw,100px);
  background:linear-gradient(115deg,#1c1c1b,#171819 62%,#211d19);
  border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;
}
.how-order h2{margin-top:10px}
.order-steps>div{
  min-height:110px;padding:18px;border-radius:12px;
  border:1px solid #45403a;background:linear-gradient(145deg,#292825,#20201f);
  transition:transform .2s,border-color .2s;
}
.order-steps>div:hover{transform:translateY(-3px);border-color:#a77b56}
.order-steps b{color:#d6a77d;font-size:23px;letter-spacing:-1px}
.order-steps span{color:#d2cbc1;font-size:10px;line-height:1.6}
.store-footer{
  min-height:112px;gap:20px;padding:26px clamp(22px,7vw,100px);
  background:#111213;border-top:1px solid #ffffff0c;
}
.store-footer>span{color:#77736d;font-size:9px}
.footer-social{display:flex;gap:9px}
.social-link{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:9px;border:1px solid #393735;background:#1d1e1e;color:#d8d0c5;text-decoration:none;font-size:10px;transition:.2s}
.social-link:hover{border-color:#9b704d;color:#e8bd96;background:#292521}
.admin-login-drawer{
  background:linear-gradient(155deg,#22211f,#151617 68%);
  border-left:1px solid #51463b;box-shadow:-25px 0 90px #0009;
}
.admin-login-drawer .eyebrow{color:#d6a77d}
.admin-login-drawer h2{color:#f4f0e9;letter-spacing:-1px}
.admin-login-drawer>p{color:#aaa49a}
.admin-login-drawer .login-form label{color:#d2c9bd}
.admin-login-drawer input{
  background:#171819;border:1px solid #45413b;border-radius:9px;
  color:#f4f0e9;padding:14px;
}
.admin-login-drawer input:focus{border-color:#c68a55;box-shadow:0 0 0 3px #c68a5518}
.login-text-link{color:#d6a77d}
.login-help{color:#969087}
.drawer-close{color:#c9c0b5}
.image-lightbox{background:rgba(9,9,9,.96)}
.image-lightbox>img{border:1px solid #6a5745}
.toast{background:#262522;border-color:#75614d;border-radius:10px;color:#f4f0e9}
@media(max-width:1050px){
 .public-product-card{flex-basis:calc((100% - 30px)/3)!important}
 .catalog-section{padding-left:30px!important;padding-right:30px!important}
}
@media(max-width:760px){
 .store-header{height:70px;padding:0 18px}
 .store-header .brand{font-size:13px}
 .store-header .brand-mark{width:36px;height:36px}
 .store-header>.btn{min-height:38px;padding:9px 12px}
 .store-hero{min-height:0!important;padding:66px 20px 58px!important}
 .hero-copy h1{font-size:clamp(39px,9vw,56px)!important;letter-spacing:-2.5px!important}
 .hero-copy>p{font-size:12px;line-height:1.8}
 .hero-actions{flex-wrap:wrap}
 .catalog-section{padding:48px 17px 58px!important}
 .catalog-heading{gap:12px}
 .catalog-heading h2{font-size:28px!important}
 .public-product-card{flex-basis:calc((100% - 12px)/2)!important;border-radius:12px}
 .public-product-image{height:125px!important}
 .public-product-info{padding:11px!important}
 .public-product-info h3.product-name{font-size:11px!important}
 .public-product-bottom>b{font-size:13px!important}
 .how-order{grid-template-columns:1fr;gap:20px;padding:42px 19px}
 .order-steps>div{min-height:94px;padding:13px}
 .store-footer{padding:23px 18px}
}
@media(max-width:430px){
 .public-product-card{flex-basis:82%!important}
 .public-product-image{height:155px!important}
 .catalog-slider-bar{align-items:center}
 .slider-controls span{max-width:100px}
 .hero-copy h1{font-size:38px!important;letter-spacing:-2px!important}
 .hero-trust{font-size:8px}
 .store-footer .brand{width:100%}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Admin console: matching premium visual language */
.app-shell{background:#111213;color:#f1ede6}
.sidebar{
 background:#171819;border-right:1px solid #343332;
 box-shadow:8px 0 35px #0002;
}
.sidebar .brand{padding-bottom:38px}
.side-label{color:#817b72}
.side-link{color:#aaa49a;border-radius:9px;padding:13px 12px;transition:.2s}
.side-link span{color:#a18b76}
.side-link.active,.side-link:hover{background:#30271f;color:#f4f0e9}
.side-link.active span{color:#dfb58f}
.admin-chip{border-color:#383633}
.avatar,.top-avatar{background:linear-gradient(145deg,#e0b184,#a86d3f);color:#171310}
.logout{background:#242321;border:1px solid #3c3934;border-radius:9px;color:#d5cec3}
.logout:hover{border-color:#9b704d}
.main{background:#111213}
.topbar{
 position:sticky;top:0;z-index:8;height:70px;
 background:rgba(20,21,22,.9);backdrop-filter:blur(18px);
 border-bottom:1px solid #343332;
}
.crumb{color:#8f887f}
.topbar b{color:#f0eae1}
.top-right{color:#aaa49a}
.status-dot{background:#91b69a;box-shadow:0 0 10px #91b69a66}
.page{padding:clamp(22px,3vw,40px)}
.page-heading h1{color:#f4f0e9;font-size:28px;letter-spacing:-1px}
.page-heading p{color:#a49e94;font-size:11px;line-height:1.7}
.page-heading .eyebrow{color:#d6a77d}
.stat-card,.panel{
 background:linear-gradient(145deg,#202120,#191a1a);
 border:1px solid #393936;border-radius:13px;
 box-shadow:0 10px 28px #0002;
}
.stat-card{padding:21px;gap:10px;overflow:hidden}
.stat-card:after{content:"";position:absolute;right:-35px;bottom:-55px;width:120px;height:120px;border:1px solid #c68a5520;border-radius:50%;box-shadow:0 0 0 18px #c68a5508,0 0 0 36px #c68a5505}
.stat-card>span{color:#b7b0a6;font-size:10px}
.stat-card>b{font-size:30px;letter-spacing:-1px;color:#f4f0e9}
.stat-card>small{color:#928c83}
.stat-card>i{color:#d6a77d;z-index:1}
.stat-card>i.green{color:#91b69a}
.panel{padding:21px}
.panel-head h3,.security-panel h3{color:#f0eae1;font-size:14px}
.panel-head p,.security-panel p{color:#a49e94;line-height:1.7}
.text-btn{color:#d6a77d}
.quick-action{border-color:#393735}
.quick-action>span{background:#3a2c20;color:#dfb58f;border-radius:9px}
.quick-action b{color:#eee8df}
.quick-action small{color:#99938a}
.quick-action i{color:#c68a55}
th{color:#9d968b;border-color:#3b3935}
td{color:#e1dbd1;border-color:#302f2c}
td small{color:#99938a}
.badge{border-radius:999px;background:#26362a;color:#b7d6b7}
.badge.sold,.badge.cancel{background:#3b2724;color:#e4a59b}
.badge.pending{background:#3b3324;color:#e8c58d}
.badge.process{background:#29333b;color:#b6c9d9}
.mini-btn{background:#292825;border:1px solid #45413b;color:#e0d9ce;border-radius:7px}
.mini-btn:hover{border-color:#a77b56}
.mini-btn.danger{color:#e2a49a}
.list-tools input,.list-tools select,.settings-panel input{
 background:#171819;border:1px solid #45413b;color:#f4f0e9;border-radius:9px;
}
.list-tools input:focus,.list-tools select:focus,.settings-panel input:focus{
 border-color:#c68a55;box-shadow:0 0 0 3px #c68a5518;outline:0;
}
.notice{background:#28251f;border:1px solid #65523d;color:#d6bc9e;border-radius:10px}
.settings-panel label,.modal label{color:#c8c0b5}
.muted-note{color:#99938a}
.modal{
 background:linear-gradient(155deg,#252523,#191a1a);
 border:1px solid #50483f;border-radius:15px;
 box-shadow:0 30px 100px #000b;
}
.modal-head h2{color:#f4f0e9;letter-spacing:-.6px}
.modal input,.modal select,.modal textarea{
 background:#171819;border:1px solid #45413b;border-radius:9px;color:#f4f0e9;
}
.modal input:focus,.modal select:focus,.modal textarea:focus{
 border-color:#c68a55;box-shadow:0 0 0 3px #c68a5518;outline:0;
}
.modal-close{color:#c9c0b5}
.admin-image-preview{background:#171819;border-color:#62503e;border-radius:10px}
#p-image-file{background:#1c1c1b;border-color:#65523d;color:#e7dfd4;border-radius:10px}
#p-image-file::file-selector-button{background:#c68a55;color:#171310;border-radius:7px}
@media(max-width:700px){
 .sidebar{background:#171819;box-shadow:15px 0 50px #0009}
 .topbar{height:62px}
 .page{padding:22px 14px}
 .page-heading h1{font-size:23px}
 .stat-grid{gap:10px}
 .stat-card{padding:15px}
 .stat-card>b{font-size:25px}
 .panel{padding:14px}
 .list-tools input,.list-tools select{min-height:42px}
}


/* FADSTORE — MIDNIGHT GAMING COLOR REFRESH */
:root{
  color-scheme:dark;
  --bg:#0b1020;
  --surface:#121a2e;
  --surface-2:#18233b;
  --line:#293653;
  --text:#f4f7ff;
  --muted:#a4b0c7;
  --accent:#8b5cf6;
  --accent-2:#38bdf8;
}
body,.app-shell,.main{background:#0b1020!important;color:#f4f7ff}
.store-header{background:rgba(11,16,32,.92)!important;border-bottom:1px solid #293653!important}
.store-hero{
  background:
    radial-gradient(ellipse at 14% 15%,#5835a52b,transparent 38%),
    radial-gradient(ellipse at 88% 28%,#0ea5e92a,transparent 35%),
    linear-gradient(145deg,#0b1020 0%,#111a31 58%,#10172a 100%)!important;
}
.store-hero:before{
  background-image:linear-gradient(#9bb5ff0a 1px,transparent 1px),linear-gradient(90deg,#9bb5ff0a 1px,transparent 1px)!important;
}
.store-hero:after{border-color:#8b5cf633!important;box-shadow:0 0 0 55px #8b5cf60b,0 0 0 110px #38bdf80a!important}
.hero-copy .eyebrow,.catalog-heading .eyebrow,.page-heading .eyebrow,.admin-login-drawer .eyebrow{color:#a78bfa!important}
.eyebrow-line{background:#8b5cf6!important}
.hero-copy h1,.catalog-heading h2,.how-order h2,.page-heading h1{color:#f4f7ff!important}
.hero-copy h1 em{
  background:linear-gradient(100deg,#c4b5fd 0%,#8b5cf6 48%,#67e8f9 100%)!important;
  background-clip:text!important;-webkit-background-clip:text!important;
}
.hero-copy>p,.catalog-heading p,.how-order p,.page-heading p{color:#aab6ce!important}
.btn.primary,.hero-actions .btn.primary,#p-image-file::file-selector-button{
  background:linear-gradient(110deg,#7c3aed,#4f46e5 55%,#0284c7)!important;
  border-color:transparent!important;color:white!important;
  box-shadow:0 8px 24px #4f46e533!important;
}
.btn.primary:hover,.hero-actions .btn.primary:hover{filter:brightness(1.12);transform:translateY(-2px)}
.hero-trust{background:#ffffff08!important;border-color:#7183aa35!important;color:#c4cde0!important}
.catalog-section{background:#0b1020!important}
.ready-counter{background:#102c25!important;border-color:#23664e!important;color:#8ce4b4!important}
.catalog-tools input,.catalog-tools select,.list-tools input,.list-tools select,.settings-panel input{
  background:#111a2e!important;border-color:#30415f!important;color:#f4f7ff!important;
}
.catalog-tools input:focus,.catalog-tools select:focus,.list-tools input:focus,.list-tools select:focus,.settings-panel input:focus{
  border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf626!important;
}
.slider-hint{color:#aab6ce!important}
.slider-hint-icon{border-color:#6650a0!important;background:#8b5cf61c!important;color:#c4b5fd!important}
.slider-controls button{background:#17223a!important;border-color:#354568!important;color:#dce7ff!important}
.slider-controls button:hover:not(:disabled){background:#7045d5!important;border-color:#8b5cf6!important;color:white!important}
.public-products,.public-product-grid{scrollbar-color:#7050c9 #17223a!important}
.public-product-grid::-webkit-scrollbar-track{background:#17223a!important}
.public-product-grid::-webkit-scrollbar-thumb{background:#7050c9!important}
.public-product-card{
  background:linear-gradient(155deg,#19243c 0%,#111a2d 75%)!important;
  border-color:#2c3b59!important;box-shadow:0 14px 34px #03081780!important;
}
.public-product-card:before{background:linear-gradient(90deg,transparent,#a78bfa99,#38bdf866,transparent)!important}
.public-product-card:hover{border-color:#8b5cf6!important;box-shadow:0 20px 42px #020617aa,0 0 0 1px #8b5cf626!important}
.public-product-image{background:radial-gradient(ellipse at center,#34466b,#17223a 75%)!important}
.product-logo-fallback{background:radial-gradient(circle,#34466b,#17223a 72%)!important}
.ready-pill{background:#103528ef!important;border-color:#2a8b66aa!important;color:#a5f3c8!important}
.ready-pill i{background:#4ade80!important;box-shadow:0 0 10px #4ade8088!important}
.game-label{color:#c4b5fd!important;background:#8b5cf61b!important;border-color:#8b5cf64d!important}
.public-product-info h3.product-name{color:#f4f7ff!important}
.public-product-info>p,.name-toggle{color:#aab6ce!important}
.public-product-bottom{border-color:#30415f!important}
.public-product-bottom>b{color:#c4b5fd!important}
.contact-btn{background:#17223a!important;border-color:#354568!important;color:#eaf1ff!important}
.contact-btn:hover{border-color:#8b5cf6!important;background:#202d4a!important}
.contact-btn svg{width:15px;height:15px;vertical-align:-3px;fill:currentColor}
.contact-btn.wa-btn{color:#25d366!important;border-color:#25d36655!important;background:#25d36612!important}
.contact-btn.wa-btn:hover{background:#25d36622!important;border-color:#25d366!important}
.contact-btn.tg-btn{color:#38bdf8!important;border-color:#229ed955!important;background:#229ed912!important}
.contact-btn.tg-btn:hover{background:#229ed922!important;border-color:#229ed9!important}
.sold-overlay{background:#8b303d!important;border-color:#ffb4c0!important;color:white!important}
.public-product-card.is-sold{background:linear-gradient(155deg,#302033,#151b2b)!important;border-color:#75405c!important}
.sold-note{background:#3a2033!important;border-color:#75405c!important;color:#ffb4c0!important}
.catalog-empty,.catalog-loading{border-color:#405174!important;color:#aab6ce!important;background:#ffffff05!important}
.how-order{
  background:linear-gradient(115deg,#121c33,#17213a 62%,#171b36)!important;
  border-color:#293653!important;
}
.order-steps>div{background:linear-gradient(145deg,#202d49,#17223a)!important;border-color:#354568!important}
.order-steps>div:hover{border-color:#8b5cf6!important}
.order-steps b{color:#a78bfa!important}
.order-steps span{color:#d5def0!important}
.store-footer{background:#090e1b!important;border-color:#293653!important}
.store-footer>span{color:#8592aa!important}
.social-link{background:#131e33!important;border-color:#30415f!important;color:#e5edff!important}
.social-link.telegram-link{color:#38bdf8!important;border-color:#229ed955!important}
.social-link.whatsapp-link{color:#25d366!important;border-color:#25d36655!important}
.social-link.telegram-link:hover{background:#229ed91c!important;border-color:#229ed9!important}
.social-link.whatsapp-link:hover{background:#25d3661c!important;border-color:#25d366!important}
.social-link .social-icon{font-weight:900}
.admin-login-drawer{background:linear-gradient(155deg,#19243c,#0d1425 72%)!important;border-color:#354568!important}
.admin-login-drawer h2,.modal-head h2{color:#f4f7ff!important}
.admin-login-drawer>p,.login-help{color:#aab6ce!important}
.admin-login-drawer input,.modal input,.modal select,.modal textarea{
  background:#10192c!important;border-color:#354568!important;color:#f4f7ff!important;
}
.admin-login-drawer input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{
  border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf626!important;
}
.login-text-link,.text-btn{color:#a78bfa!important}
.toast{background:#1b2944!important;border-color:#52658d!important;color:#f4f7ff!important}
.sidebar{background:#10192c!important;border-color:#293653!important}
.side-label{color:#8592aa!important}
.side-link{color:#aab6ce!important}
.side-link span{color:#9b8be8!important}
.side-link.active,.side-link:hover{background:#29234a!important;color:#fff!important}
.side-link.active span{color:#c4b5fd!important}
.admin-chip{border-color:#354568!important}
.avatar,.top-avatar{background:linear-gradient(145deg,#a78bfa,#38bdf8)!important;color:#0b1020!important}
.logout,.mini-btn{background:#17223a!important;border-color:#354568!important;color:#dce7ff!important}
.logout:hover,.mini-btn:hover{border-color:#8b5cf6!important}
.main{background:#0b1020!important}
.topbar{background:rgba(11,16,32,.92)!important;border-color:#293653!important}
.crumb,.top-right{color:#aab6ce!important}
.stat-card,.panel{
  background:linear-gradient(145deg,#19243c,#111a2d)!important;
  border-color:#2c3b59!important;box-shadow:0 10px 28px #02061755!important;
}
.stat-card>span,.panel-head p,.security-panel p{color:#aab6ce!important}
.stat-card>b,.panel-head h3,.security-panel h3{color:#f4f7ff!important}
.stat-card>i{color:#a78bfa!important}
.stat-card>i.green{color:#4ade80!important}
.quick-action{border-color:#354568!important}
.quick-action>span{background:#29234a!important;color:#c4b5fd!important}
.quick-action b{color:#f4f7ff!important}
.quick-action small,td small,.muted-note{color:#aab6ce!important}
th{color:#9aa9c4!important;border-color:#30415f!important}
td{color:#e5edff!important;border-color:#263653!important}
.badge{background:#103528!important;color:#8ce4b4!important}
.badge.sold,.badge.cancel{background:#3a2033!important;color:#ffb4c0!important}
.badge.pending{background:#3a2d18!important;color:#fbd38d!important}
.badge.process{background:#142f48!important;color:#9bdcff!important}
.notice{background:#29234a!important;border-color:#6552a3!important;color:#ddd2ff!important}
.settings-panel label,.modal label{color:#d5def0!important}
.modal{background:linear-gradient(155deg,#1b2944,#10192c)!important;border-color:#405174!important}
.modal-close{color:#dce7ff!important}
.admin-image-preview{background:#10192c!important;border-color:#405174!important}
#p-image-file{background:#17223a!important;border-color:#405174!important;color:#e5edff!important}
@media(max-width:760px){
 .store-hero{background:radial-gradient(ellipse at 10% 10%,#5835a52b,transparent 42%),radial-gradient(ellipse at 90% 25%,#0ea5e92a,transparent 40%),linear-gradient(145deg,#0b1020,#111a31)!important}
}


/* FINAL MIDNIGHT GAMING POLISH — remove legacy gold/yellow accents */
:root{
  --bg:#0b1020!important;
  --surface:#121a2e!important;
  --surface2:#18233b!important;
  --line:#293653!important;
  --text:#f4f7ff!important;
  --muted:#a4b0c7!important;
  --red:#8b5cf6!important;
  --green:#4ade80!important;
}
.brand>span:last-child>span{color:#a78bfa!important}
.brand-mark,.avatar,.top-avatar{
  background:linear-gradient(135deg,#8b5cf6,#2563eb)!important;
  color:#fff!important;box-shadow:0 8px 24px #8b5cf633!important;
}
.store-header nav a:hover,.store-footer>a:last-child:hover{color:#c4b5fd!important}
.btn.primary,.primary,#p-image-file::file-selector-button{
  color:#fff!important;
  background:linear-gradient(110deg,#7c3aed,#4f46e5 55%,#0284c7)!important;
  border-color:transparent!important;
  box-shadow:0 8px 24px #4f46e533!important;
}
.btn.primary:hover,.primary:hover{filter:brightness(1.12)!important}
.secondary{background:#17223a!important;border-color:#354568!important;color:#eaf1ff!important}
.secondary:hover{border-color:#8b5cf6!important}
.hero-copy .eyebrow,.catalog-heading .eyebrow,.page-heading .eyebrow,
.admin-login-drawer .eyebrow,.how-order .eyebrow{color:#a78bfa!important}
.eyebrow-line{background:#8b5cf6!important}
.hero-copy h1 em,.public-product-bottom>b,.text-btn,.login-text-link{color:#c4b5fd!important}
.hero-copy h1 em{
  background:linear-gradient(100deg,#c4b5fd,#8b5cf6 55%,#67e8f9)!important;
  background-clip:text!important;-webkit-background-clip:text!important;
}
.catalog-tools input:focus,.catalog-tools select:focus,.list-tools input:focus,
.list-tools select:focus,.settings-panel input:focus,
.admin-login-drawer input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{
  border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf626!important;
}
.slider-hint-icon{border-color:#6650a0!important;background:#8b5cf61c!important;color:#c4b5fd!important}
.slider-controls button:hover:not(:disabled){background:#7045d5!important;border-color:#8b5cf6!important;color:#fff!important}
.public-product-card:hover{border-color:#8b5cf6!important}
.public-product-card:before{background:linear-gradient(90deg,transparent,#a78bfa99,#38bdf866,transparent)!important}
.game-label{color:#c4b5fd!important;background:#8b5cf61b!important;border-color:#8b5cf64d!important}
.name-toggle{color:#a78bfa!important}
.order-steps b,.quick-action i,.stat-card>i{color:#a78bfa!important}
.order-steps>div:hover,.mini-btn:hover{border-color:#8b5cf6!important}
.badge.pending{background:#29234a!important;color:#d8ccff!important}
.notice{background:#201d3b!important;border-color:#574a91!important;color:#ddd2ff!important}
.toast{border-color:#52658d!important}
#p-image-file{border-color:#405174!important}
#p-image-file::file-selector-button{color:#fff!important}
@media(max-width:760px){
 .store-hero{
   background:
    radial-gradient(ellipse at 82% 12%,#5835a52b,transparent 42%),
    radial-gradient(ellipse at 10% 80%,#0ea5e91c,transparent 42%),
    linear-gradient(145deg,#0b1020,#111a31)!important;
 }
}


/* FADSTORE HERO ART — anime cyberpunk background */
.store-hero{
  position:relative;
  isolation:isolate;
  min-height:520px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(7,11,25,.98) 0%,rgba(7,11,25,.88) 38%,rgba(7,11,25,.34) 72%,rgba(7,11,25,.18) 100%),
    url('/fadstore-hero.webp') center right/cover no-repeat!important;
}
.store-hero .hero-copy{position:relative;z-index:2;max-width:660px}
.store-hero:before{z-index:0}
.store-hero:after{z-index:0}
@media(max-width:760px){
  .store-hero{
    min-height:540px;
    background:
      linear-gradient(90deg,rgba(7,11,25,.96),rgba(7,11,25,.78)),
      url('/fadstore-hero.webp') 63% center/cover no-repeat!important;
  }
  .store-hero .hero-copy{max-width:100%}
}


/* HERO TYPOGRAPHY REFINEMENT — balanced, compact and premium */
.store-hero{
  min-height:350px!important;
  padding:48px 24px 44px!important;
}
.hero-copy{
  max-width:760px!important;
  width:100%;
  margin:0 auto!important;
  text-align:center!important;
}
.hero-copy .eyebrow,
.hero-actions{justify-content:center!important}
.hero-copy .eyebrow{
  font-size:9px!important;
  letter-spacing:2px!important;
  margin-bottom:4px;
}
.hero-copy h1{
  max-width:720px!important;
  margin:15px auto 13px!important;
  font-size:clamp(30px,3.5vw,44px)!important;
  line-height:1.14!important;
  letter-spacing:-1.55px!important;
  font-weight:760!important;
}
.hero-copy h1 em{
  display:inline-block;
  font-style:normal!important;
}
.hero-copy>p{
  max-width:570px!important;
  margin:0 auto 19px!important;
  font-size:12px!important;
  line-height:1.75!important;
}
.hero-actions{gap:13px!important}
.hero-actions .btn{padding:11px 17px!important;font-size:10px!important}
.hero-trust{font-size:9px!important;min-height:36px!important;padding:0 12px!important}
@media(max-width:760px){
  .store-hero{min-height:320px!important;padding:42px 20px 36px!important}
  .hero-copy h1{
    max-width:520px!important;
    font-size:clamp(27px,7.2vw,36px)!important;
    line-height:1.16!important;
    letter-spacing:-1.2px!important;
    margin:13px auto 12px!important;
  }
  .hero-copy>p{font-size:11px!important;line-height:1.7!important;max-width:460px!important}
  .hero-actions{gap:10px!important}
  .hero-actions .btn{padding:10px 14px!important;font-size:10px!important}
  .hero-trust{font-size:8px!important;min-height:33px!important}
}
@media(max-width:390px){
  .store-hero{padding-left:16px!important;padding-right:16px!important}
  .hero-copy h1{font-size:27px!important}
  .hero-copy>p{font-size:10px!important}
}

/* Mobile Legends logo fallback */
.game-logo-fallback{display:inline-grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:7px;background:linear-gradient(145deg,#4fc7ff,#7557e8);color:#fff;font-size:10px;font-weight:1000;letter-spacing:-.5px;box-shadow:0 3px 10px #4c79d755}
.game-logo-fallback.large{width:84px;height:84px;border-radius:20px;font-size:34px;box-shadow:0 12px 32px #4c79d755}