:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17131d;background:linear-gradient(135deg,#f7f5ff 0%,#eefcf6 48%,#fff8ef 100%);line-height:1.5;--ink:#17131d;--muted:#6f6878;--lime:#c8ff24;--purple:#7d4dff;--pink:#ff4fa3;--cyan:#22d3ee}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0%,#e5dcff 0,transparent 24%),radial-gradient(circle at 92% 8%,#d7fff0 0,transparent 25%),#f7f6fb}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;padding:14px 5%;background:rgba(18,15,24,.94);backdrop-filter:blur(16px);color:#fff;border-bottom:1px solid #3c3349}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;margin-right:auto}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--lime),#fff);color:#111;font-weight:900;box-shadow:0 5px 20px #c8ff2444}.brand small{display:block;font-size:9px;letter-spacing:2px;opacity:.65}nav{display:flex;gap:6px}.nav-btn,.cart-btn{border:1px solid transparent;background:transparent;color:#ddd;padding:10px 14px;border-radius:9px;cursor:pointer;font-weight:800}.nav-btn.active{background:linear-gradient(135deg,var(--purple),#9a71ff);color:#fff;box-shadow:0 7px 22px #7d4dff55}.nav-btn:hover,.cart-btn:hover{background:#2b2336;color:#fff}.cart-btn{border-color:#54495f}.cart-btn span{display:inline-grid;place-items:center;min-width:23px;height:23px;margin-left:5px;border-radius:99px;background:var(--lime);color:#111;font-size:12px}.view{max-width:1200px;margin:auto;padding:36px 5% 70px}.hidden{display:none!important}.hero{position:relative;isolation:isolate;min-height:470px;display:grid;grid-template-columns:1.45fr .85fr;gap:30px;align-items:center;padding:58px;border-radius:30px;background:linear-gradient(135deg,#17131d 0%,#25193a 52%,#15131b 100%);color:#fff;overflow:hidden;box-shadow:0 24px 70px #4a356f26}.hero:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,var(--lime) 0%,#c8ff2400 68%);top:-160px;right:150px;z-index:-1;opacity:.35}.hero:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--purple) 0%,#7d4dff00 70%);bottom:-190px;right:-30px;z-index:-1;opacity:.55}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:var(--lime);opacity:1}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.95;margin:12px 0 20px;max-width:760px;letter-spacing:-2px}.hero h1 span{display:block;background:linear-gradient(90deg,var(--lime),#fff,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p:not(.eyebrow){max-width:600px;color:#e9e4f1;font-size:18px}.hero-card{position:relative;aspect-ratio:1;max-width:330px;margin:auto;border:1px solid #ffffff2a;border-radius:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(145deg,#2a2138cc,#121017cc);box-shadow:inset 0 1px #ffffff18,0 18px 50px #00000045;letter-spacing:3px}.hero-card:after{content:"";position:absolute;inset:18px;border:1px dashed #c8ff2466;border-radius:20px}.hero-card .speed{font-size:138px;font-weight:1000;line-height:.75;background:linear-gradient(180deg,#fff,var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 35px #c8ff2450}.hero-card small{font-size:9px;opacity:.7;margin-top:10px;color:#ddd}.primary{display:inline-block;border:0;border-radius:11px;background:linear-gradient(135deg,var(--lime),#e2ff7a);color:#111;padding:13px 19px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 9px 26px #b8e92545}.secondary{display:inline-block;border:1px solid #3a3344;border-radius:11px;background:#fff;color:#19151f;padding:10px 14px;font-weight:800;cursor:pointer}.toolbar{display:grid;grid-template-columns:1fr 190px 160px;gap:12px;margin:32px 0 18px}.toolbar input,.toolbar select,.modal input,.modal textarea,.settings-grid input,.settings-grid select{width:100%;border:1px solid #d7d0e2;border-radius:11px;background:#ffffffd9;padding:12px;font:inherit;outline:none}.toolbar input:focus,.toolbar select:focus,.modal input:focus,.modal textarea:focus,.settings-grid input:focus,.settings-grid select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7d4dff1c}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#fff;border:1px solid #e1dceb;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #5f4f7c12;transition:transform .18s ease,box-shadow .18s ease}.product:hover{transform:translateY(-4px);box-shadow:0 18px 36px #5f4f7c1f}.product img{width:100%;aspect-ratio:1;object-fit:cover;background:#eee}.product .placeholder{aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(135deg,#ece5ff,#ddfff0);color:#5d4c82;font-size:42px;font-weight:900}.product-body{padding:15px}.product-body h3{margin:0 0 5px;font-size:17px}.muted{color:var(--muted);font-size:13px}.price{font-weight:950;margin:12px 0}.add{width:100%;border:0;background:linear-gradient(135deg,#1f1729,var(--purple));color:#fff;padding:11px;border-radius:9px;font-weight:900;cursor:pointer}.add:hover{box-shadow:0 8px 18px #7d4dff44}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.page-head h2{font-size:40px;margin:4px 0}.dashboard-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:10px;border:1px solid #ddd6e7;background:#ffffffcc;border-radius:14px}.dash-tab{border:1px solid #ddd4e8;background:#fff;border-radius:8px;padding:9px 12px;font-weight:750;cursor:pointer}.dash-tab.active,.dash-tab:hover{background:#1f1729;color:#fff;border-color:#1f1729}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stat,.panel{background:#ffffffdf;border:1px solid #e0d8e8;border-radius:16px;box-shadow:0 12px 30px #4b3d6510}.stat{padding:20px}.stat strong{display:block;font-size:28px}.stat span{font-size:12px;color:#777}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:12px;margin-bottom:5px}.panel-head h3{margin:0}.panel-head span{font-size:12px;color:#777}.admin-row,.order-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #eee}.admin-actions{display:flex;gap:6px}.admin-actions button{border:1px solid #ddd;background:#fff;border-radius:7px;padding:7px 9px;cursor:pointer}.settings-grid,.legal-grid,.marketing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:16px 0}.settings-grid label{font-size:13px;font-weight:750}.settings-grid label input,.settings-grid label select{display:block;margin-top:5px}.legal-grid div,.marketing-grid div{padding:16px;border:1px solid #e5e5df;border-radius:10px;background:#fafaf8}.legal-grid span{color:#777;font-size:13px}.checklist{display:grid;gap:12px;margin-top:16px}.checklist label{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #e5e5df;border-radius:10px;background:#fafaf8}.panel details{border-top:1px solid #eee;padding:13px 0}.panel details summary{cursor:pointer;font-weight:800}.modal{position:fixed;inset:0;background:#17131dbb;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;z-index:30}.modal-card{position:relative;width:min(540px,100%);max-height:90vh;overflow:auto;background:#f8f7fc;border-radius:18px;padding:26px;box-shadow:0 24px 80px #0005}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}.close + h2{padding-right:28px}.modal form{display:grid;gap:13px}.modal label{font-size:13px;font-weight:750}.modal label input,.modal label textarea{display:block;margin-top:5px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cart-total{display:flex;justify-content:space-between;border-top:1px solid #ddd;margin-top:15px;padding:15px 0}.full{width:100%;text-align:center}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(20px);background:#17131d;color:#fff;padding:11px 17px;border-radius:9px;opacity:0;pointer-events:none;transition:.2s;z-index:50;border:1px solid #4b3b60}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;padding:35px}.hero-card{max-width:220px}.dashboard-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.site-header{flex-wrap:wrap}.brand{width:100%}.site-header nav{order:3;width:100%}.site-header nav button{flex:1}.toolbar{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.view{padding-top:20px}.page-head{align-items:flex-start;gap:15px;flex-direction:column}.page-head h2{font-size:32px}.two,.settings-grid,.legal-grid,.marketing-grid{grid-template-columns:1fr}.dashboard-nav{overflow:auto;flex-wrap:nowrap}.dash-tab{white-space:nowrap}}


/* Public product detail */
.zq-product-detail{max-width:980px;width:min(94vw,980px)}
.zq-product-detail-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:28px;align-items:start}
.zq-product-detail-image{width:100%;max-height:520px;object-fit:contain;border-radius:16px;background:rgba(0,0,0,.04);min-height:280px}
.zq-product-detail h2{margin:.25rem 0 .5rem}
.zq-product-detail select{width:100%;margin:8px 0 16px;padding:12px;border-radius:10px}
.product[role="button"]{cursor:pointer}
@media(max-width:700px){.zq-product-detail-grid{grid-template-columns:1fr}.zq-product-detail-image{max-height:360px;min-height:200px}}

.product-variants-editor{display:grid;gap:10px;margin-top:4px}.variant-row{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(110px,1fr) minmax(90px,.7fr) minmax(80px,.6fr) auto;gap:8px;align-items:end;padding:12px;border:1px solid #ddd6e7;border-radius:12px;background:#fff}.variant-row label{font-size:11px!important}.variant-row input{width:100%;margin-top:4px}.variant-row .variant-active-wrap{display:flex;align-items:center;gap:6px;white-space:nowrap;height:42px}.variant-row .variant-active-wrap input{width:auto;margin:0}.variant-remove{border:1px solid #e0d8e8;background:#fff;border-radius:9px;padding:9px 11px;cursor:pointer;font-weight:800}.variant-remove:hover{border-color:#ff4fa3}@media(max-width:700px){.variant-row{grid-template-columns:1fr 1fr}.variant-row .variant-name{grid-column:1/-1}.variant-row .variant-remove{width:100%}}