:root{--cyan: #45c7e8;--violet: #a96ae6;--magenta: #e79bef;--glow: linear-gradient(120deg, #45c7e8, #a96ae6 55%, #e79bef);--ink: #0a0817;--ink-2: #0d0b1f;--surface: #131129;--surface-2: #1c1a3a;--line: #2a2750;--text: #eceaf8;--muted: #9a95be;--shadow: 0 24px 60px -28px rgba(0, 0, 0, .85);--header-bg: rgba(10, 8, 23, .82);--scrim: rgba(5, 4, 12, .6);--chip-bg: rgba(10, 8, 23, .6);--oos-bg: rgba(10, 8, 23, .7);--device-line: rgba(236, 234, 248, .25);--ph-a: #16142f;--ph-b: #191636;--row-line: rgba(42, 39, 80, .5)}[data-theme=light]{--ink: #eeebf8;--ink-2: #e4e0f2;--surface: #fbfafe;--surface-2: #efecf9;--line: #d9d3ec;--text: #191636;--muted: #6c6791;--shadow: 0 24px 50px -30px rgba(25, 22, 54, .3);--header-bg: rgba(248, 247, 253, .82);--scrim: rgba(25, 22, 54, .32);--chip-bg: rgba(255, 255, 255, .72);--oos-bg: rgba(238, 235, 248, .78);--device-line: rgba(25, 22, 54, .16);--ph-a: #e8e4f4;--ph-b: #f1eefa;--row-line: rgba(217, 211, 236, .8)}*{box-sizing:border-box;margin:0;padding:0}*,*:before,*:after{transition:background-color .42s ease,border-color .42s ease,color .42s ease,fill .42s ease,stroke .42s ease}html{scroll-behavior:smooth}body{font-family:Space Grotesk,system-ui,sans-serif;color:var(--text);background:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{display:block;max-width:100%}.mono{font-family:Chakra Petch;letter-spacing:.02em}::selection{background:#a96ae666}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;border-radius:12px;padding:12px 20px;transition:transform .18s,box-shadow .25s,background .25s,border-color .25s}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--glow);color:#0a0817;box-shadow:0 10px 28px -12px #45c7e8b3}.btn-primary:hover{box-shadow:0 14px 34px -10px #a96ae6cc}.btn-ghost{border:1px solid var(--line);background:#ffffff05;color:var(--text)}.btn-ghost:hover{border-color:var(--violet);background:#a96ae614}.btn-sm{padding:8px 14px;font-size:13px;border-radius:10px}header{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--header-bg);border-bottom:1px solid var(--line)}.nav{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:28px;padding:14px 24px}.brand{display:flex;align-items:center;gap:12px}.brand svg{filter:drop-shadow(0 4px 12px rgba(69,199,232,.35))}.brand .wm{display:flex;flex-direction:column;line-height:1}.brand .wm b{font-family:Chakra Petch;font-weight:700;font-size:20px;letter-spacing:1.5px;background:var(--glow);-webkit-background-clip:text;background-clip:text;color:transparent}.brand .wm span{font-family:Chakra Petch;font-size:9px;letter-spacing:4px;color:var(--muted)}.nav-links{display:flex;gap:6px;margin-left:18px}.nav-links a{font-size:14px;font-weight:500;color:var(--muted);padding:8px 14px;border-radius:9px;transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--text);background:#a96ae61a}.nav-spacer{flex:1}.icon-btn{position:relative;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:.2s;background:#ffffff05}.icon-btn:hover{border-color:var(--cyan);background:#45c7e814}.icon-btn svg{width:20px;height:20px;stroke:var(--text)}.badge{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--glow);color:#0a0817;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px -2px #e79bef99;transform:scale(0);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.badge.show{transform:scale(1)}.theme-toggle svg{position:absolute;transition:opacity .3s,transform .4s}.ic-sun{opacity:0;transform:rotate(-90deg) scale(.6)}.ic-moon,[data-theme=light] .ic-sun{opacity:1;transform:rotate(0) scale(1)}[data-theme=light] .ic-moon{opacity:0;transform:rotate(90deg) scale(.6)}.acct{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border:1px solid var(--line);border-radius:999px;background:#ffffff05;transition:.2s}.acct:hover{border-color:var(--cyan);background:#45c7e814}.acct-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover}.acct-initial{display:grid;place-items:center;background:var(--glow);color:#0a0817;font-weight:700;font-size:14px}.acct-name{font-size:14px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-login-note{font-size:12.5px;color:var(--muted);text-align:center}.hero{max-width:1240px;margin:0 auto;padding:80px 24px 40px;position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.hero:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:100vw;top:-40px;bottom:0;background:radial-gradient(700px 400px at 18% 20%,rgba(169,106,230,.22),transparent 60%),radial-gradient(560px 360px at 90% 80%,rgba(69,199,232,.16),transparent 60%);z-index:-1}.hero .tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);border:1px solid rgba(69,199,232,.3);padding:7px 14px;border-radius:999px;background:#45c7e80f;margin-bottom:22px}.hero h1{font-family:Chakra Petch;font-weight:700;font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:-.5px;margin-bottom:18px}.hero h1 em{font-style:normal;background:var(--glow);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:17px;max-width:480px;margin-bottom:30px}.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.hero .stats{display:flex;gap:30px;margin-top:40px}.hero .stats div b{font-family:Chakra Petch;font-size:26px;display:block;background:var(--glow);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .stats div span{font-size:12px;color:var(--muted)}.hero-art{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.hero-art .ring{position:absolute;border-radius:50%;border:1px solid var(--line)}.hero-art .ring.r1{top:6%;right:6%;bottom:6%;left:6%}.hero-art .ring.r2{top:20%;right:20%;bottom:20%;left:20%;border-color:#a96ae64d}.hero-art .ring.r3{top:34%;right:34%;bottom:34%;left:34%;border-color:#45c7e840}.hero-art svg{width:54%;height:54%;filter:drop-shadow(0 10px 40px rgba(169,106,230,.5))}.spin{animation:spin 40s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spin{animation:none}}.section{max-width:1240px;margin:0 auto;padding:40px 24px 80px}#products{padding-bottom:28px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.section-head h2{font-family:Chakra Petch;font-weight:600;font-size:30px;letter-spacing:-.3px}.section-head p{color:var(--muted);font-size:14px;margin-top:4px}.filters{display:flex;gap:8px;flex-wrap:wrap}.chip{font-size:13px;font-weight:500;color:var(--muted);border:1px solid var(--line);padding:8px 14px;border-radius:999px;transition:.2s}.chip:hover{border-color:var(--violet);color:var(--text)}.chip.active{background:var(--glow);color:#0a0817;border-color:transparent;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s,background-color .42s ease}.card:hover{transform:translateY(-5px);border-color:#a96ae680;box-shadow:var(--shadow)}.card .ph{position:relative;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,var(--ph-a),var(--ph-a) 10px,var(--ph-b) 10px,var(--ph-b) 20px);border-bottom:1px solid var(--line)}.card .ph .device{width:46%;height:78%;border-radius:16px;border:1.5px solid rgba(69,199,232,.4);background:linear-gradient(160deg,#45c7e814,#a96ae614);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.card .ph .device img{width:100%;height:100%;object-fit:cover}.card .ph .device:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:26%;height:5px;border-radius:3px;background:var(--device-line);z-index:1}.card .ph .device.has-img:before{display:none}.card .ph .lbl{position:absolute;bottom:8px;left:8px;font-family:Chakra Petch;font-size:9px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;background:var(--chip-bg);padding:3px 7px;border-radius:6px}.card .ph .brandtag{position:absolute;top:10px;left:10px;font-family:Chakra Petch;font-size:10px;letter-spacing:.1em;color:var(--cyan);text-transform:uppercase}.card .ph .oos{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--oos-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:Chakra Petch;font-size:13px;letter-spacing:.1em;color:var(--magenta);text-transform:uppercase}.card-body{padding:18px;display:flex;flex-direction:column;gap:12px;flex:1}.card-body h3{font-size:17px;font-weight:600}.specs{display:flex;gap:8px;flex-wrap:wrap}.spec{font-size:11.5px;color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:4px 9px;display:flex;gap:5px;align-items:center}.spec b{color:var(--text);font-weight:600}.card .pricerow{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:10px}.price{font-family:Chakra Petch;font-weight:700;font-size:22px}.stocknote{font-size:11px;color:var(--muted)}.stocknote.low{color:var(--magenta)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s;z-index:50}.overlay.show{opacity:1;pointer-events:auto}.cart{position:fixed;top:0;right:0;height:100%;width:420px;max-width:92vw;background:var(--surface);border-left:1px solid var(--line);z-index:60;transform:translate(105%);transition:transform .38s cubic-bezier(.4,0,.1,1);display:flex;flex-direction:column;box-shadow:-30px 0 80px -30px #000000e6}.cart.show{transform:translate(0)}.cart-head{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 18px;border-bottom:1px solid var(--line)}.cart-head h3{font-family:Chakra Petch;font-size:18px;letter-spacing:.04em}.cart-items{flex:1;overflow-y:auto;padding:16px 22px;display:flex;flex-direction:column;gap:14px}.cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted);text-align:center;padding:40px}.cart-empty svg{width:54px;height:54px;stroke:var(--line)}.ci{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px;background:#ffffff04}.ci .thumb{width:54px;height:54px;border-radius:10px;flex-shrink:0;background:repeating-linear-gradient(135deg,var(--ph-a),var(--ph-a) 6px,var(--ph-b) 6px,var(--ph-b) 12px);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}.ci .thumb i{width:40%;height:62%;border-radius:5px;border:1px solid rgba(69,199,232,.45)}.ci .thumb img{width:100%;height:100%;object-fit:cover}.ci .info{flex:1;min-width:0}.ci .info h4{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci .info span{font-size:12px;color:var(--muted)}.qty{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:9px;overflow:hidden}.qty button{width:28px;height:28px;font-size:16px;color:var(--muted);transition:.15s}.qty button:hover{color:var(--text);background:#a96ae626}.qty span{min-width:26px;text-align:center;font-size:13px;font-weight:600}.ci .rm{color:var(--muted);font-size:18px;line-height:1;padding:4px;transition:.15s}.ci .rm:hover{color:var(--magenta)}.cart-foot{border-top:1px solid var(--line);padding:20px 22px;display:flex;flex-direction:column;gap:14px}.subtotal{display:flex;justify-content:space-between;align-items:baseline}.subtotal span{color:var(--muted);font-size:14px}.subtotal b{font-family:Chakra Petch;font-size:26px}.cart-foot .btn{justify-content:center;width:100%;font-size:15px;padding:14px}.admin-fab{position:fixed;bottom:26px;right:26px;z-index:45;display:inline-flex;align-items:center;gap:9px;padding:13px 20px;border-radius:14px;background:var(--surface-2);border:1px solid var(--violet);color:var(--text);font-weight:600;font-size:14px;box-shadow:0 16px 40px -16px #a96ae6b3;transition:.2s}.admin-fab:hover{transform:translateY(-2px);box-shadow:0 22px 48px -16px #a96ae6e6}.admin-fab svg{width:18px;height:18px;stroke:var(--cyan)}.admin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:var(--ink);overflow-y:auto}.admin-bar{position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--header-bg);border-bottom:1px solid var(--line)}.admin-bar .inner{max-width:1240px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:16px}.admin-bar .pill{font-family:Chakra Petch;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);border:1px solid rgba(69,199,232,.3);padding:6px 12px;border-radius:999px}.admin-bar h2{font-family:Chakra Petch;font-size:18px;letter-spacing:.02em}.admin-body{max-width:1240px;margin:0 auto;padding:30px 24px 100px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:34px}.statcard{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;position:relative;overflow:hidden}.statcard:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(169,106,230,.18),transparent 70%)}.statcard .k{font-size:12px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.statcard .k svg{width:16px;height:16px;stroke:var(--cyan)}.statcard .v{font-family:Chakra Petch;font-size:40px;font-weight:700;margin-top:10px;line-height:1}.statcard.alert .v{color:var(--magenta)}.statcard.alert .k svg{stroke:var(--magenta)}.statcard .sub{font-size:12px;color:var(--muted);margin-top:6px}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.table-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);gap:14px;flex-wrap:wrap}.table-head h3{font-family:Chakra Petch;font-size:17px}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:13px 16px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:12px 16px;border-bottom:1px solid var(--row-line);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr.editing{background:#a96ae60f}.tbl .tthumb{width:44px;height:44px;border-radius:9px;background:repeating-linear-gradient(135deg,var(--ph-a),var(--ph-a) 6px,var(--ph-b) 6px,var(--ph-b) 12px);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}.tbl .tthumb i{width:42%;height:64%;border-radius:4px;border:1px solid rgba(69,199,232,.45)}.tbl .tthumb img{width:100%;height:100%;object-fit:cover}.tbl .pname{font-weight:600}.tbl .pbrand{font-size:12px;color:var(--muted)}.tbl .pprice{font-family:Chakra Petch;font-weight:600}.stock-edit{display:flex;align-items:center;gap:8px}.stock-edit input{width:64px;background:var(--ink);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:7px 9px;font-family:Chakra Petch;font-size:14px;text-align:center;transition:.15s}.stock-edit input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #45c7e826}.status{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px}.status.on{color:var(--cyan);background:#45c7e81a;border:1px solid rgba(69,199,232,.3)}.status.off{color:var(--muted);background:#9a95be14;border:1px solid var(--line)}.status .dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.lowtag{font-size:10px;color:var(--magenta);font-weight:700;letter-spacing:.06em;margin-left:6px}.row-actions{display:flex;gap:8px;justify-content:flex-end}.iconaction{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:.18s}.iconaction svg{width:16px;height:16px;stroke:var(--muted)}.iconaction:hover{border-color:var(--violet)}.iconaction:hover svg{stroke:var(--text)}.iconaction.del:hover{border-color:var(--magenta)}.iconaction.del:hover svg{stroke:var(--magenta)}.switch{position:relative;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);transition:.25s}.slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;top:3px;border-radius:50%;background:var(--muted);transition:.25s}.switch input:checked+.slider{background:var(--glow);border-color:transparent}.switch input:checked+.slider:before{transform:translate(20px);background:#0a0817}.form-row{background:#45c7e80a}.pform{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;padding:8px 4px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.field input,.field select{background:var(--ink);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px 12px;font-family:inherit;font-size:14px;transition:.15s;width:100%}.field input:focus,.field select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #45c7e826}.field.toggle-field{flex-direction:row;align-items:center;gap:12px;justify-content:flex-start}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding:16px 4px 6px;grid-column:1 / -1;border-top:1px solid var(--line);margin-top:4px}.empty-cell{padding:40px;text-align:center;color:var(--muted)}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,120%);background:var(--surface-2);border:1px solid var(--violet);color:var(--text);padding:13px 22px;border-radius:12px;font-size:14px;font-weight:500;z-index:90;box-shadow:var(--shadow);transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:10px}.toast.show{transform:translate(-50%)}.toast svg{width:18px;height:18px;stroke:var(--cyan)}footer{border-top:1px solid var(--line);padding:30px 24px;text-align:center;color:var(--muted);font-size:13px}.loading{text-align:center;padding:60px;color:var(--muted);grid-column:1 / -1}.login-wrap{max-width:1240px;margin:0 auto;padding:80px 24px;display:flex;justify-content:center}.login-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:36px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow)}.login-logo{display:flex;justify-content:center}.login-logo svg{filter:drop-shadow(0 8px 24px rgba(69,199,232,.4))}.login-card h3{font-family:Chakra Petch;font-size:22px;text-align:center}.login-sub{color:var(--muted);font-size:14px;text-align:center;margin-bottom:6px}.login-error{background:#e79bef1a;border:1px solid rgba(231,155,239,.35);color:var(--magenta);font-size:13px;padding:10px 14px;border-radius:10px;text-align:center}.login-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--line)}.google-btn{justify-content:center;width:100%;background:#fff;color:#1f1f1f;border-color:var(--line)}.google-btn:hover{background:#f3f3f3;border-color:var(--line)}.orders-greet{color:var(--muted);margin-bottom:24px;font-size:15px}.order-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:16px}.order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.order-id{display:block;font-family:Chakra Petch;font-weight:600;font-size:15px}.order-date{font-size:12px;color:var(--muted)}.order-status{font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;text-transform:capitalize;color:var(--cyan);background:#45c7e81a;border:1px solid rgba(69,199,232,.3);white-space:nowrap}.order-items{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.order-items li{display:flex;justify-content:space-between;gap:12px;font-size:14px}.order-items small{color:var(--muted)}.order-line-price{font-family:Chakra Petch;font-weight:600;white-space:nowrap}.order-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:14px;border-top:1px solid var(--line)}.order-total b{font-family:Chakra Petch;font-size:22px}.about-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:40px;display:grid;grid-template-columns:auto auto;gap:30px;align-items:center;width:fit-content;max-width:100%;margin-inline:auto}.about-logo{display:grid;place-items:center}.about-logo svg{filter:drop-shadow(0 8px 28px rgba(69,199,232,.4))}@media (max-width: 560px){.about-card{grid-template-columns:1fr;text-align:center}.about-logo{justify-self:center}}@media (max-width: 860px){.hero{grid-template-columns:1fr;padding-top:50px}.hero-art{max-width:340px;margin:0 auto;order:-1}.nav-links,.tbl .hide-sm{display:none}}@media (max-width: 560px){.nav{gap:14px}.hero .stats{gap:18px}.cart{width:100%}.table-wrap{overflow-x:auto}.tbl{min-width:640px}}