:root{--footer-bg:#ffffffd9}.siteFooter{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(900px 500px at 10% 0,#2563eb1a,#0000 60%),radial-gradient(900px 500px at 90% 0,#7c3aed14,#0000 60%),linear-gradient(#ffffffb3,#ffffffeb);width:100%}.footerWrap{max-width:1280px;margin:0 auto;padding:22px clamp(16px,4vw,40px)}.footerGrid{grid-template-columns:1.25fr 1fr 1fr 1fr;align-items:start;gap:14px;display:grid}@media (max-width:980px){.footerGrid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.footerGrid{grid-template-columns:1fr}}.footerCard{background:var(--footer-bg);border:1px solid var(--border);border-radius:18px;padding:14px;box-shadow:0 14px 40px #0f172a14}.footerBrandRow{align-items:center;gap:12px;display:flex}.footerLogo{background:linear-gradient(135deg,#2563ebf2,#7c3aedd9);border-radius:16px;width:46px;height:46px;box-shadow:0 16px 50px #0f172a24}.footerName{letter-spacing:.2px;font-size:18px;font-weight:1000}.footerTag{color:var(--muted);margin-top:6px;font-weight:800;line-height:1.55}.footerTitle{color:#0f172aa6;text-transform:uppercase;letter-spacing:.75px;margin-bottom:10px;font-size:12px;font-weight:1000}.footerLinks{gap:8px;display:grid}.footerLink{color:#0f172ae0;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:10px;font-weight:900;text-decoration:none;display:flex}.footerLink:hover{background:#2563eb14;border-color:#2563eb26}.footerLinkIcon{opacity:.9;width:18px;height:18px}.footerContact{gap:10px;margin-top:12px;display:grid}.footerContactRow{color:#0f172ad1;align-items:flex-start;gap:10px;font-weight:850;line-height:1.45;display:flex}.footerContactRow a{color:inherit;text-decoration:none}.footerContactRow a:hover{text-decoration:underline}.footerBadges{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.footerBadge{color:#0f172ac7;background:#ffffffb3;border:1px solid #0f172a1f;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-weight:900;display:inline-flex}.footerBadgeDot{background:var(--mint);border-radius:999px;width:8px;height:8px}.footerBottom{color:#0f172a9e;border-top:1px solid #0f172a1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:14px;font-weight:850;display:flex}.mobileBarSpacer{height:78px;display:none}.mobileBar{z-index:3000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172a8c;border:1px solid #ffffff40;border-radius:22px;padding:10px;display:none;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 22px 70px #02061759}@media (max-width:760px){.mobileBar,.mobileBarSpacer{display:block}}.mobileBarGrid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.mobileBarItem{color:#ffffffdb;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 6px;font-weight:900;text-decoration:none;display:flex;position:relative}.mobileBarItem:hover{background:#ffffff14;border-color:#ffffff24}.mobileBarItem.active{color:#fff;background:linear-gradient(135deg,#2563eb4d,#7c3aed38);border-color:#ffffff2e}.mobileBarIcon{width:20px;height:20px}.mobileBarText{opacity:.95;font-size:11px}.mobileBarBadge{color:#fff;background:#ef4444f2;border:1px solid #ffffff40;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:1000;display:flex;position:absolute;top:8px;right:12px}:root{--bg:#f6f8ff;--bg2:#eef2ff;--card:#fff;--card2:#fff;--text:#0f172a;--muted:#0f172a9e;--border:#0f172a1a;--shadow:0 16px 50px #0f172a1a;--shadow2:0 22px 70px #0f172a24;--radius:18px;--radius2:22px;--brand:#2563eb;--brand2:#7c3aed;--mint:#22c55e;--danger:#ef4444}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:radial-gradient(1200px 700px at 10% 0%, #2563eb2e, transparent 55%), radial-gradient(1000px 700px at 90% 10%, #7c3aed24, transparent 55%), radial-gradient(900px 650px at 50% 95%, #22c55e1a, transparent 55%), linear-gradient(180deg, #fff, var(--bg));margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.modalOverlay{z-index:9999;background:#020617b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modalBox{background:#0f172a59;border:1px solid #ffffff2e;border-radius:18px;width:min(1100px,100%);overflow:hidden}.modalTop{background:#00000059;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.modalImgWrap{background:#00000059;place-items:center;height:min(72vh,720px);display:grid}.modalImgWrap img{object-fit:contain;width:100%;height:100%}.appShell{width:100%;min-height:calc(100vh - 64px);display:flex}.sideInner{padding:14px}.sideTitle{margin-bottom:12px;font-size:16px;font-weight:1000}.sideSection{border:1px solid var(--border);background:#ffffffe6;border-radius:16px;margin-bottom:12px;padding:12px;box-shadow:0 10px 30px #0f172a0f}.sideLabel{color:#0f172aa6;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:12px;font-weight:900}.sideLink{color:var(--text);border:1px solid #0000;border-radius:12px;padding:10px;font-weight:900;text-decoration:none;display:block}.sideLink:hover{background:#2563eb14;border-color:#2563eb24}.sideLink.active{background:linear-gradient(135deg,#2563eb24,#7c3aed1a);border-color:#2563eb2e}.sideInfo{color:#0f172ab3;font-weight:800;line-height:1.7}.sideFooter{margin-top:10px}.sideTip{color:#0f172a9e;background:#22c55e14;border:1px solid #22c55e2e;border-radius:16px;padding:10px 12px;font-weight:800}.mainArea{flex:1;min-width:0}.navWrap{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#ffffffb3;position:sticky;top:0}.navGlow{background:linear-gradient(90deg, var(--brand), var(--brand2), var(--mint), var(--brand));background-size:300% 100%;height:3px;animation:7s linear infinite glow}@keyframes glow{0%{background-position:0 0}to{background-position:300% 0}}.navBar{justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px clamp(14px,3vw,26px);display:flex}.navLeft{align-items:center;gap:10px;display:flex}.navIconBtn{border:1px solid var(--border);cursor:pointer;background:#ffffffe6;border-radius:14px;width:44px;height:44px;font-size:18px;font-weight:900;box-shadow:0 10px 26px #0f172a14}.brand{color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;font-size:16px;font-weight:1000;display:flex}.brandLogo{background:linear-gradient(135deg, var(--brand), var(--brand2));color:#fff;border-radius:14px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 12px 30px #2563eb2e}.brandText{letter-spacing:.2px}.navLinks,.navRight{align-items:center;gap:10px;display:flex}.navBtn{border:1px solid var(--border);color:var(--text);background:#ffffffe6;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-weight:900;text-decoration:none;display:inline-flex}.navBtn:hover{background:#2563eb0f;border-color:#2563eb2e}.navBtn.primary{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand2));border-color:#0000}.navBtn.ghost{background:#ffffffbf}.navPill{background:#2563eb1f;border:1px solid #2563eb2e;border-radius:999px;place-items:center;min-width:26px;height:22px;padding:0 8px;font-size:12px;display:grid}.userChip{border:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;background:#ffffffe6;border-radius:14px;max-width:160px;padding:10px 12px;font-weight:900;overflow:hidden}@media (max-width:900px){.navLinks{display:none}.side{z-index:999;position:fixed;top:64px;left:0;box-shadow:0 30px 90px #0f172a33}}.page{width:100%}.hero{width:100%;padding:18px clamp(14px,3vw,28px) 0}.heroGlass{border:1px solid var(--border);max-width:1280px;box-shadow:var(--shadow);background:#ffffffc7;border-radius:26px;grid-template-columns:1.1fr .9fr;gap:0;margin:0 auto;display:grid;overflow:hidden}.heroLeft{padding:22px}.heroRight{padding:22px;position:relative}.heroOrbs .orb{filter:blur(18px);opacity:.65;border-radius:999px;position:absolute}.heroOrbs .o1{background:#2563eb59;width:220px;height:220px;top:20px;left:-40px}.heroOrbs .o2{background:#7c3aed47;width:240px;height:240px;top:60px;right:-60px}.heroOrbs .o3{background:#22c55e38;width:260px;height:260px;bottom:-90px;left:40px}.heroPreview{z-index:2;border:1px solid var(--border);background:#fffffff2;border-radius:22px;padding:16px;position:relative;box-shadow:0 16px 50px #0f172a14}.previewTitle{font-size:18px;font-weight:1000}.previewHint{color:var(--muted);margin-top:6px;font-weight:800}.heroBadge{color:#0f172ac7;background:#2563eb14;border:1px solid #2563eb2e;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex}.heroTitle{letter-spacing:-.8px;margin:12px 0 8px;font-size:44px;line-height:1.05}.gradText{background:linear-gradient(90deg, var(--brand), var(--brand2), var(--mint));color:#0000;-webkit-background-clip:text;background-clip:text}.heroSub{color:var(--muted);margin:0 0 14px;font-weight:800}.heroControls{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.searchBox{border:1px solid var(--border);background:#fffffff2;border-radius:16px;flex:320px;align-items:center;gap:10px;padding:12px;display:flex}.searchBox input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-weight:800}.searchIcon{opacity:.65}.filterBox{border:1px solid var(--border);background:#fffffff2;border-radius:16px;flex:0 0 260px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.filterLabel{color:#0f172ac7;font-weight:900}.filterBox select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:12px;padding:8px 10px;font-weight:900}.heroMeta{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.metaCard{border:1px solid var(--border);background:#fffffff2;border-radius:16px;flex:160px;padding:12px}.metaNum{font-size:18px;font-weight:1000}.metaText{color:var(--muted);margin-top:4px;font-weight:800}@media (max-width:980px){.heroGlass{grid-template-columns:1fr}.heroTitle{font-size:34px}}.pillRow{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.catPill{border:1px solid var(--border);color:#0f172ad1;cursor:pointer;background:#fffffff2;border-radius:999px;padding:10px 12px;font-weight:1000}.catPill:hover{background:#2563eb0f;border-color:#2563eb2e}.catPill.active{background:linear-gradient(135deg, var(--brand), var(--brand2));color:#fff;border-color:#0000}.miniGrid{grid-template-columns:1fr;gap:10px;margin-top:12px;display:grid}.miniCard{border:1px solid var(--border);color:inherit;background:#fffffff5;border-radius:16px;align-items:center;gap:10px;padding:10px;text-decoration:none;display:flex}.miniCard:hover{border-color:#2563eb38;box-shadow:0 16px 40px #0f172a14}.miniCard img{object-fit:cover;border:1px solid var(--border);background:#0f172a08;border-radius:14px;width:58px;height:46px}.miniInfo{flex:1;min-width:0}.miniName{white-space:nowrap;text-overflow:ellipsis;font-weight:1000;overflow:hidden}.miniPrice{color:#0f172ab3;margin-top:2px;font-size:12px;font-weight:900}.miniGo{color:#2563ebf2;font-weight:1000}.shopHeader{justify-content:space-between;align-items:flex-end;gap:14px;margin:14px 0 12px;display:flex}.shopTitle{letter-spacing:-.3px;margin:0;font-size:30px}.shopSub{color:var(--muted);margin:6px 0 0;font-weight:800}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.pCard{border:1px solid var(--border);box-shadow:var(--shadow);background:#fffffff2;border-radius:20px;transition:transform .18s,box-shadow .18s;overflow:hidden}.pCard:hover{box-shadow:var(--shadow2);transform:translateY(-4px)}.pImg{aspect-ratio:4/3;background:#0f172a08;display:block;position:relative;overflow:hidden}.pImg img{object-fit:cover;width:100%;height:100%;transition:transform .18s;display:block;transform:scale(1)}.pCard:hover .pImg img{transform:scale(1.06)}.noImg{color:#0f172a8c;place-items:center;height:100%;font-weight:1000;display:grid}.ribbon{color:#fff;background:linear-gradient(135deg,#2563ebf2,#7c3aedf2);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:1000;position:absolute;top:12px;left:12px;box-shadow:0 14px 40px #2563eb38}.pBody{padding:12px 12px 14px}.pTitleRow{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pTitle{font-weight:1000;line-height:1.15}.pPrice{text-align:right;white-space:nowrap}.old{color:#0f172a73;margin-right:6px;font-size:12px;font-weight:900;text-decoration:line-through}.now{color:#0f172aeb;font-weight:1000}.pDesc{color:#0f172aa6;min-height:34px;margin:8px 0 6px;font-size:13px;line-height:1.35}.starsRow{margin-top:6px}.stars{gap:2px;display:flex}.star{opacity:.35;font-size:14px}.star.full{opacity:1;color:#f59e0b}.star.half{opacity:.75;color:#f59e0b}.star.empty{opacity:.25}.starsMeta{color:#0f172ac7;font-weight:900}.pActions{gap:10px;margin-top:12px;display:flex}.btn{border:1px solid var(--border);cursor:pointer;color:var(--text);background:#fffffff2;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-weight:1000;text-decoration:none;display:inline-flex}.btn:hover{background:#2563eb0f;border-color:#2563eb2e}.btn.primary{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand2));border-color:#0000}.btn.primary:hover{filter:brightness(1.03)}.btn.full{width:100%}.btn:disabled{opacity:.65;cursor:not-allowed}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffeb;border-radius:22px;overflow:hidden}.pad{padding:14px}.divider{background:#0f172a1a;height:1px;margin:14px 0}.checkoutGrid{grid-template-columns:1.05fr .95fr;gap:16px;display:grid}@media (max-width:980px){.checkoutGrid{grid-template-columns:1fr}}.checkoutHead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.checkoutTitle{font-size:16px;font-weight:1000}.checkoutList{flex-direction:column;gap:12px;display:flex}.checkoutRow{border-bottom:1px solid #0f172a14;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.checkoutLeft{align-items:center;gap:12px;min-width:0;display:flex}.checkoutThumb{background:#0f172a08;border:1px solid #0f172a1a;border-radius:14px;place-items:center;width:64px;height:52px;display:grid;overflow:hidden}.checkoutThumb img{object-fit:cover;width:100%;height:100%;display:block}.thumbNoImg{color:#0f172a8c;font-size:12px;font-weight:900}.checkoutInfo{min-width:0}.checkoutName{white-space:nowrap;text-overflow:ellipsis;font-weight:1000;overflow:hidden}.qtyRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.qtyBtn{width:34px;height:34px;color:var(--text);cursor:pointer;background:#fffffff2;border:1px solid #0f172a1f;border-radius:12px;font-weight:1000}.linkBtn{color:#2563ebf2;cursor:pointer;background:0 0;border:0;font-weight:900;text-decoration:underline}.formGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.formGrid .wide{grid-column:1/-1}@media (max-width:600px){.formGrid{grid-template-columns:1fr}.formGrid .wide{grid-column:auto}}.input2{width:100%;color:var(--text);background:#fffffff2;border:1px solid #0f172a1f;border-radius:14px;outline:none;padding:12px;font-weight:800}.input2::placeholder{color:#0f172a66}.sumRow{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.sumRow.big{padding-top:10px;font-size:18px;font-weight:1000}.sumStrong{font-weight:1000}.alert{background:#ffffffeb;border:1px solid #0f172a1f;border-radius:14px;margin-top:12px;padding:12px;font-weight:900}.alert.danger{color:#b91c1c;background:#ef44440f;border-color:#ef444438}.alert.success{color:#047857;background:#22c55e0f;border-color:#22c55e38}.empty{color:#0f172a9e;margin-top:10px;font-weight:800}.cartFab{z-index:1100;color:var(--text);cursor:pointer;background:#ffffffeb;border:1px solid #0f172a1f;border-radius:18px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 18px 60px #0f172a29}.cartFab:disabled{opacity:.55;cursor:not-allowed}.cartFabIcon{font-size:18px}.cartFabMeta{flex-direction:column;align-items:flex-start;display:flex}.cartFabCount{font-weight:1000}.cartFabTotal{color:#0f172a9e;font-size:12px;font-weight:900}.drawerOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1200;background:#0f172a59;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#ffffffeb;border-left:1px solid #0f172a1f;flex-direction:column;width:min(420px,92vw);height:100%;display:flex;box-shadow:0 30px 90px #0f172a38}.drawerHead{border-bottom:1px solid #0f172a14;justify-content:space-between;align-items:center;padding:14px;display:flex}.drawerTitle{font-size:16px;font-weight:1000}.iconBtn{width:40px;height:40px;color:var(--text);cursor:pointer;background:#fffffff2;border:1px solid #0f172a1f;border-radius:14px;font-size:18px;font-weight:1000}.drawerBody{flex:1;padding:12px 14px;overflow:auto}.drawerItem{border-bottom:1px solid #0f172a14;gap:10px;padding:10px 0;display:flex}.drawerImgWrap{background:#0f172a08;border:1px solid #0f172a1a;border-radius:14px;place-items:center;width:58px;height:46px;display:grid;overflow:hidden}.drawerImg{object-fit:cover;width:100%;height:100%;display:block}.drawerNoImg{color:#0f172a8c;font-size:12px;font-weight:900}.drawerInfo{flex:1;min-width:0}.drawerName{white-space:nowrap;text-overflow:ellipsis;font-weight:1000;overflow:hidden}.drawerQty{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.drawerFoot{border-top:1px solid #0f172a14;flex-direction:column;gap:10px;padding:14px;display:flex}.drawerSum{justify-content:space-between;align-items:center;display:flex}.sumVal{font-weight:1000}.crumbs{align-items:center;gap:10px;margin-bottom:12px;display:flex}.crumb{color:#2563ebf2;font-weight:900;text-decoration:none}.crumbSep{opacity:.55}.crumbNow{color:#0f172ad9;font-weight:1000}.pdGrid{grid-template-columns:1.2fr .8fr;align-items:start;gap:16px;display:grid}@media (max-width:980px){.pdGrid{grid-template-columns:1fr}}.pdGallery{overflow:hidden}.pdGalleryInner{gap:12px;padding:14px;display:flex}.pdThumbs{flex-direction:column;gap:10px;width:86px;display:flex}@media (max-width:980px){.pdGalleryInner{flex-direction:column}.pdThumbs{flex-direction:row;width:100%;padding-bottom:6px;overflow:auto}}.pdThumb{cursor:pointer;background:#fffffff2;border:1px solid #0f172a1f;border-radius:16px;flex:none;width:86px;height:68px;padding:0;overflow:hidden}.pdThumb img{object-fit:cover;width:100%;height:100%;display:block}.pdThumb.active{border-color:#2563eb73;box-shadow:0 12px 32px #2563eb24}.pdMore{color:#0f172aa6;text-align:center;background:#ffffffe6;border:1px dashed #0f172a2e;border-radius:16px;padding:10px;font-weight:1000}.pdMain{cursor:zoom-in;background:#0f172a05;border:1px solid #0f172a1f;border-radius:22px;flex:1;place-items:center;min-height:420px;display:grid;position:relative;overflow:hidden}@media (max-width:980px){.pdMain{min-height:320px}}.pdMainImg{object-fit:contain;width:100%;height:100%;padding:18px;display:block}.pdNoImg{color:#0f172a8c;place-items:center;width:100%;height:100%;font-weight:1000;display:grid}.pdZoomHint{color:#0f172a9e;background:#ffffffe6;border:1px solid #0f172a1a;border-radius:999px;padding:8px 10px;font-weight:900;position:absolute;bottom:12px;left:12px}.pdBadge{color:#fff;background:linear-gradient(135deg,#2563ebf2,#7c3aedf2);border-radius:999px;padding:8px 10px;font-weight:1000;position:absolute;top:12px;left:12px;box-shadow:0 16px 50px #2563eb38}.pdNav{cursor:pointer;background:#ffffffe6;border:1px solid #0f172a1f;border-radius:16px;width:44px;height:44px;font-size:22px;font-weight:1000;position:absolute;top:50%;transform:translateY(-50%)}.pdNav.left{left:10px}.pdNav.right{right:10px}.pdBuy{height:fit-content;position:sticky;top:86px}@media (max-width:980px){.pdBuy{position:static}}.pdTitle{letter-spacing:-.4px;margin:12px 0 6px;font-size:32px;line-height:1.1}.pdRating{margin-top:6px}.pdPrice{background:#fffffff2;border:1px solid #0f172a1a;border-radius:18px;margin-top:14px;padding:12px}.pdPriceMain{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.pdNow{letter-spacing:-.4px;font-size:34px;font-weight:1000}.pdOff{color:#047857;background:#22c55e1a;border:1px solid #22c55e2e;border-radius:999px;padding:6px 10px;font-weight:1000}.pdPriceMeta{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.pdWas{color:#0f172a8c;font-weight:900;text-decoration:line-through}.pdSave{color:#0f172ab3;font-weight:900}.pdDesc{color:#0f172ab3;margin-top:12px;font-weight:800;line-height:1.6}.pdActions{flex-direction:column;gap:10px;display:flex}.pdRowBtns{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:520px){.pdRowBtns{grid-template-columns:1fr}}.pdNote{color:#0f172a99;background:#2563eb0f;border:1px solid #2563eb1f;border-radius:16px;margin-top:10px;padding:10px 12px;font-weight:800}.invGrid{grid-template-columns:1fr;gap:16px;display:grid}.invTop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.invStrong{font-weight:1000}.invTotal{letter-spacing:-.3px;margin-top:6px;font-size:28px;font-weight:1000}.invItems{flex-direction:column;gap:10px;display:flex}.invItem{border-bottom:1px solid #0f172a14;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.invItemLeft{align-items:center;gap:12px;min-width:0;display:flex}.invThumb{background:#0f172a08;border:1px solid #0f172a1a;border-radius:14px;width:64px;height:52px;overflow:hidden}.invThumb img{object-fit:cover;width:100%;height:100%;display:block}.contentWrap{max-width:1280px;margin:0 auto;padding:20px clamp(16px,4vw,40px) 42px}.ordersGrid{gap:12px;display:grid}.orderTop{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.orderId{font-size:16px;font-weight:1000}.orderTotal{margin-top:8px;font-size:18px;font-weight:1000}.orderItems{gap:6px;display:grid}.orderActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.pageHead{margin-bottom:12px}.pageTitle{letter-spacing:-.3px;margin:0;font-size:30px}.pageSub{color:#0f172a99;margin:6px 0 0;font-weight:700}.trackGrid{grid-template-columns:1.05fr .95fr;align-items:start;gap:16px;display:grid}@media (max-width:980px){.trackGrid{grid-template-columns:1fr}}.trackTopRight{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.statusPill{background:#fffffff2;border:1px solid #0f172a1a;border-radius:999px;padding:8px 12px;font-weight:1000}.statusPill.confirmed{color:#1d4ed8;background:#2563eb14;border-color:#2563eb2e}.statusPill.packed{color:#6d28d9;background:#7c3aed14;border-color:#7c3aed2e}.statusPill.shipped{color:#b45309;background:#f59e0b1a;border-color:#f59e0b38}.statusPill.delivered{color:#047857;background:#22c55e1a;border-color:#22c55e38}.statusPill.cancelled{color:#b91c1c;background:#ef44441a;border-color:#ef444438}.trackBar{padding:8px 0 2px;position:relative}.trackBarLine{background:#0f172a1a;border-radius:999px;height:6px}.trackBarFill{background:linear-gradient(90deg,#2563ebf2,#7c3aedf2);border-radius:999px;height:6px;position:absolute;top:8px;left:0}.trackSteps{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;display:grid}@media (max-width:980px){.trackSteps{grid-template-columns:1fr 1fr}}.trackDot{background:#0f172a2e;border-radius:999px;flex:none;width:14px;height:14px;margin-top:3px}.trackStep.done .trackDot{background:linear-gradient(135deg,#2563ebf2,#7c3aedf2);box-shadow:0 10px 22px #2563eb2e}.trackCards{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:520px){.trackCards{grid-template-columns:1fr}}.trackCard{background:#fffffff2;border:1px solid #0f172a1a;border-radius:18px;padding:12px}.trackCardTitle{margin-bottom:8px;font-weight:1000}.trackItems{flex-direction:column;gap:10px;display:flex}.trackItem{border-bottom:1px solid #0f172a14;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.trackItemLeft{align-items:center;gap:12px;min-width:0;display:flex}.trackThumb{background:#0f172a08;border:1px solid #0f172a1a;border-radius:14px;width:64px;height:52px;overflow:hidden}.trackThumb img{object-fit:cover;width:100%;height:100%;display:block}.thumbNoImg{color:#0f172a8c;place-items:center;height:100%;font-weight:900;display:grid}.trackTop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.trackId{letter-spacing:.3px;font-size:18px;font-weight:1000}.trackBtns{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.trackLine{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (max-width:900px){.trackLine{grid-template-columns:1fr}}.trackStep{opacity:.55;align-items:flex-start;gap:10px;display:flex}.trackStep.done{opacity:1}.trackStepText{min-width:0}.trackStepLabel{font-weight:1000}.deliveryBox{background:#ffffffbf;border:1px solid #0f172a1a;border-radius:14px;margin:10px 0 6px;padding:12px}.radioRow{cursor:pointer;background:#fff;border:1px solid #0f172a14;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:10px;display:flex}.radioRow input{transform:scale(1.05)}.oldPrice{color:#0f172a73;margin-left:8px;font-weight:800;text-decoration:line-through}.side{z-index:1200;background:#fff;border-right:1px solid #0f172a1a;width:280px;height:calc(100vh - 72px);transition:transform .2s;position:fixed;top:72px;left:0;transform:translate(-110%)}.side.open{transform:translate(0)}.mainArea{padding-top:14px}.filtersRow{grid-template-columns:1.2fr 1.6fr .8fr;gap:12px;margin-top:12px;display:grid}@media (max-width:980px){.filtersRow{grid-template-columns:1fr}}.fItem{border:1px solid var(--border);background:#ffffffdb;border-radius:16px;padding:12px;box-shadow:0 10px 30px #0f172a0f}.fLabel{color:#0f172a9e;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:12px;font-weight:1000;display:block}.fItem select{border:1px solid var(--border);background:#ffffffeb;border-radius:14px;outline:none;width:100%;padding:10px 12px;font-weight:900}.fCheck{justify-content:center;align-items:center;display:flex}.checkRow{color:#0f172ac7;align-items:center;gap:10px;font-weight:950;display:flex}.rangeWrap{gap:10px;display:grid}.rangeNums{color:#0f172ab3;justify-content:space-between;font-weight:1000;display:flex}.rangeWrap input[type=range]{width:100%}.searchBox{position:relative}.sugBox{border:1px solid var(--border);z-index:2000;background:#fffffffa;border-radius:16px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 22px 70px #0f172a24}.sugItem{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:12px;display:flex}.sugItem:hover,.sugItem.active{background:#2563eb14}.sugType{color:#0f172abf;background:#2563eb14;border:1px solid #2563eb29;border-radius:999px;flex:none;padding:6px 10px;font-size:11px;font-weight:1000}.sugLabel{color:#0f172ae0;text-overflow:ellipsis;white-space:nowrap;font-weight:950;overflow:hidden}.pBadges{z-index:2;flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:10px;left:10px}.badge{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #ffffff38;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:1000}.badge.discount{background:#7c3aedbf}.badge.low{background:#f59e0bd9}.badge.out{background:#ef4444d9}.pCard.out{opacity:.92}.pMetaRow{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.metaPill{color:#0f172ab8;background:#ffffffc7;border:1px solid #0f172a1a;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-weight:900;display:inline-flex}.hl{background:#22c55e2e;border:1px solid #22c55e33;border-radius:8px;padding:0 4px}.catHead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.catSort{align-items:center;gap:10px;display:flex}.catSort select{border:1px solid var(--border);background:#ffffffe6;border-radius:12px;padding:10px 12px;font-weight:900}.catLayout{grid-template-columns:320px 1fr;align-items:start;gap:14px;display:grid}@media (max-width:980px){.catLayout{grid-template-columns:1fr}}.filterSide{gap:12px;display:grid;position:sticky;top:88px}@media (max-width:980px){.filterSide{position:static}}.filterCard{border:1px solid var(--border);background:#ffffffdb;border-radius:16px;padding:12px;box-shadow:0 10px 30px #0f172a0f}.filterTitle{color:#0f172a9e;text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;font-size:12px;font-weight:1000}.filterList{gap:6px;max-height:240px;padding-right:6px;display:grid;overflow:auto}.filterLink{color:#0f172ad1;border:1px solid #0000;border-radius:12px;padding:10px;font-weight:900;text-decoration:none}.filterLink:hover{background:#2563eb14;border-color:#2563eb1f}.filterLink.active{background:#2563eb1f;border-color:#2563eb38}.catCount{color:#0f172ab3;margin-bottom:10px;font-weight:900}.homeSections{padding-top:8px;padding-bottom:18px}.secHead{justify-content:space-between;align-items:flex-end;gap:10px;margin:10px 0 12px;display:flex}.secTitle{margin:0;font-size:20px;font-weight:1100}.secSub{color:#0f172a9e;margin-top:4px;font-weight:800}.catBlocks{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.catBlock{border:1px solid var(--border);color:#0f172adb;background:#ffffffdb;border-radius:18px;padding:14px;text-decoration:none;box-shadow:0 10px 30px #0f172a0f}.catBlock:hover{background:#2563eb0f;border-color:#2563eb29}.catBlockTitle{font-size:16px;font-weight:1100}.catBlockHint{color:#2563ebd9;margin-top:8px;font-weight:900}.offerBox{background:radial-gradient(700px 400px at 10% 20%,#7c3aed2e,#0000 60%),radial-gradient(700px 400px at 90% 20%,#2563eb29,#0000 60%),#ffffffe0;border:1px solid #7c3aed40;border-radius:22px;padding:18px;box-shadow:0 18px 60px #0f172a1a}.offerTitle{font-size:18px;font-weight:1100}.offerText{color:#0f172ab3;margin-top:8px;font-weight:850;line-height:1.7}.offerActions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.reviewGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.reviewCard{border:1px solid var(--border);background:#ffffffdb;border-radius:18px;padding:14px;box-shadow:0 10px 30px #0f172a0f}.reviewName{font-weight:1100}.reviewText{color:#0f172ab8;margin-top:8px;font-weight:850;line-height:1.7}.reviewStars{margin-top:10px;font-weight:1100}