html,body,#root{min-height:100vh;margin:0;padding:0}a{color:inherit}:root{--bg:#f5f6f8;--surface:#fff;--ink:#191c22;--muted:#6b7280;--line:#e6e8eb;--brand:#2563eb;--brand-dark:#1d4ed8;--accent:#f97316;--danger:#ef4444;--ok:#16a34a;--warn:#d97706;--info:#2563eb;--radius:12px;--shadow:0 1px 2px #1018280d, 0 6px 20px #1018280f}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Thai,sans-serif;font-size:14.5px;line-height:1.5}img{display:block}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:8px;width:100%;padding:9px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);border-color:#0000}label{flex-direction:column;gap:5px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}label input,label select,label textarea{font-weight:400}a{color:inherit;text-decoration:none}code{background:#eef1f5;border-radius:5px;padding:1px 6px}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.page{width:100%;max-width:1200px;margin:0 auto;padding:22px 28px 64px}.page.narrow{max-width:520px}.center{justify-content:center;padding:60px 0;display:flex}.muted{color:var(--muted)}.error{color:var(--danger);white-space:pre-wrap;font-weight:600}.ok-text{color:var(--ok);font-weight:600}.err-text{color:var(--danger);font-weight:700}.link{color:var(--brand);font-weight:600}.link:hover{text-decoration:underline}.page-title{letter-spacing:-.02em;align-items:center;gap:9px;margin:4px 0 18px;font-size:22px;display:flex}.section-title{margin:30px 0 14px;font-size:18px}.btn{background:var(--brand);color:#fff;border:none;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:11px 20px;font-size:14px;font-weight:700;transition:background .15s,transform .1s;display:inline-flex}.btn:hover:not(:disabled){background:var(--brand-dark)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.wide{width:100%}.btn.btn-sm{border-radius:8px;padding:7px 14px;font-size:13px}.btn.btn-ghost{color:var(--brand);background:#eef2ff}.btn.btn-ghost:hover:not(:disabled){background:#e0e7ff}.btn.btn-outline{color:var(--brand);border:1.5px solid var(--brand);background:#fff}.btn.btn-outline:hover:not(:disabled){background:#eff6ff}.btn.btn-danger{color:var(--danger);background:#fee2e2}.btn.btn-danger:hover:not(:disabled){background:#fecaca}.iconbtn{color:var(--ink);background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;padding:8px;display:inline-flex;position:relative}.iconbtn:hover{background:#eef1f5}.iconbtn.danger{color:var(--danger)}.iconbtn.fav{border:1.5px solid var(--line)}.iconbtn.fav.on{color:var(--danger);border-color:var(--danger);background:#fef2f2}.header{z-index:50;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0}.header-main{align-items:center;gap:22px;max-width:1200px;margin:0 auto;padding:13px 28px;display:flex}.brand{letter-spacing:-.03em;white-space:nowrap;font-size:21px;font-weight:800}.brand-dot{color:var(--accent)}.searchbox{flex:1;display:flex;position:relative}.searchbox input{border-right:none;border-radius:10px 0 0 10px}.searchbtn{background:var(--brand);color:#fff;border:none;border-radius:0 10px 10px 0;align-items:center;padding:0 18px;display:flex}.sug{border:1px solid var(--line);box-shadow:var(--shadow);z-index:60;background:#fff;border-radius:10px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.sug button{text-align:left;width:100%;color:var(--ink);background:0 0;border:none;align-items:center;gap:9px;padding:10px 14px;display:flex}.sug button:hover{background:#f3f6fb}.header-actions{align-items:center;gap:10px;display:flex}.cart-count{background:var(--accent);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10.5px;font-weight:800;display:flex;position:absolute;top:1px;right:0}.authlinks{white-space:nowrap;align-items:center;gap:14px;font-weight:600;display:flex}.usermenu{position:relative}.userbtn{background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:5px 8px;font-weight:600;display:flex}.userbtn:hover{background:#eef1f5}.avatar{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:flex}.avatar.sm{width:24px;height:24px;font-size:12px}.avatar.lg{width:42px;height:42px;font-size:18px}.avatar.lg.img{-o-object-fit:cover;object-fit:cover;background:0 0}img.avatar{-o-object-fit:cover;object-fit:cover}.avatar.admin{background:#111827}.dropdown{border:1px solid var(--line);min-width:200px;box-shadow:var(--shadow);z-index:70;background:#fff;border-radius:12px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.dropdown a,.dropdown button{text-align:left;color:var(--ink);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-weight:500;display:flex}.dropdown a:hover,.dropdown button:hover{background:#f3f6fb}.header-cats{scrollbar-width:none;gap:4px;max-width:1200px;margin:0 auto;padding:0 22px 9px;display:flex;overflow-x:auto}.header-cats::-webkit-scrollbar{display:none}.catlink{color:#3f4754;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:6px 11px;font-size:13px;font-weight:600;display:flex}.catlink:hover{color:var(--brand);background:#eef2ff}.hero{color:#fff;background:linear-gradient(120deg,#1e3a8a,#2563eb 55%,#3b82f6);border-radius:18px;grid-template-columns:1.1fr .9fr;align-items:center;gap:34px;margin-bottom:26px;padding:42px 46px;display:grid;overflow:hidden}.hero-kicker{background:#ffffff29;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.02em;margin:14px 0 10px;font-size:34px;line-height:1.15}.hero p{opacity:.85;max-width:46ch;margin:0 0 20px}.hero-cta{gap:12px;display:flex}.hero .btn{color:var(--brand);background:#fff}.hero .btn:hover{background:#eef2ff}.hero .btn-ghost{color:#fff;background:#ffffff24}.hero-img{border-radius:14px;width:100%;box-shadow:0 18px 44px #00000047}.cat-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:34px;display:grid}.cat-tile{border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:9px;padding:18px 10px;font-size:13px;font-weight:600;transition:transform .14s,box-shadow .14s;display:flex}.cat-tile:hover{box-shadow:var(--shadow);color:var(--brand);transform:translateY(-3px)}.cat-ic{width:48px;height:48px;color:var(--brand);background:#eef2ff;border-radius:14px;justify-content:center;align-items:center;display:flex}.home-section{margin-bottom:36px}.section-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-head h2{align-items:center;gap:9px;margin:0;font-size:19px;display:flex}.ic-flame{color:var(--accent)}.ic-trend{color:var(--ok)}.ic-store{color:var(--brand)}.ic-new{color:#8b5cf6}.seeall{color:var(--brand);align-items:center;gap:4px;font-size:13.5px;font-weight:600;display:flex}.shop-strip{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.shop-card{text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;font-size:13px;transition:transform .14s,box-shadow .14s;display:flex}.shop-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.shop-card img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:62px;height:62px}.shop-card.lg{text-align:left;align-items:flex-start;padding:20px}.shop-card.lg img{width:54px;height:54px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.shop-meta{flex-wrap:wrap;align-items:center;gap:12px;font-size:12.5px;display:flex}.shop-meta.light{color:#ffffffe6}.shop-hero{background:linear-gradient(120deg,#0f172a,#334155) 50%/cover;border-radius:16px;margin-bottom:26px;overflow:hidden}.shop-hero-inner{color:#fff;background:linear-gradient(90deg,#020617d1,#02061773);align-items:center;gap:20px;padding:34px 38px;display:flex}.shop-hero img{-o-object-fit:cover;object-fit:cover;border:3px solid #ffffffb3;border-radius:50%;width:84px;height:84px}.shop-hero h1{margin:0 0 6px;font-size:26px}.shop-hero p{opacity:.85;margin:0 0 8px}.grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;transition:transform .14s,box-shadow .14s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.card-img-wrap{aspect-ratio:1;background:#eef0f3;position:relative}.card-img-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.badge{background:var(--accent);color:#fff;border-radius:6px;padding:3px 7px;font-size:11.5px;font-weight:800;position:absolute;top:9px;left:9px}.badge.oos{background:#475569;top:auto;bottom:9px}.card-body{flex-direction:column;flex:1;gap:5px;padding:11px 12px 12px;display:flex}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;margin:0;font-size:13.5px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.card-price{align-items:baseline;gap:7px;display:flex}.price{color:var(--accent);font-size:16.5px;font-weight:800}.price-old{color:var(--muted);font-size:12px;text-decoration:line-through}.card-meta{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.rating{color:#f59e0b;align-items:center;gap:3px;font-weight:700;display:inline-flex}.card-foot{justify-content:space-between;align-items:center;margin-top:auto;font-size:11.5px;display:flex}.card-vendor{color:var(--brand);font-weight:700}.card-loc{color:var(--muted);align-items:center;gap:3px;display:flex}.crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.crumbs a:hover{color:var(--brand)}.crumbs strong{color:var(--ink)}.browse-layout{grid-template-columns:220px 1fr;align-items:start;gap:24px;display:grid}.filters{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:16px;position:sticky;top:110px}.filters h4{align-items:center;gap:7px;margin:0 0 12px;font-size:14px;display:flex}.filter-group{border-top:1px solid var(--line);padding:12px 0}.filter-group h5{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 8px;font-size:12.5px}.filter-cat{border-radius:7px;align-items:center;gap:8px;padding:6px 8px;font-size:13.5px;display:flex}.filter-cat:hover{color:var(--brand);background:#eef2ff}.price-inputs{align-items:center;gap:7px;display:flex}.price-inputs input{padding:7px 9px;font-size:13px}.filter-radio{flex-direction:row;align-items:center;gap:8px;margin-bottom:2px;font-size:13.5px;font-weight:500;display:flex}.filter-radio input{width:auto}.browse-bar{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:9px 14px;display:flex}.sort-tabs{flex-wrap:wrap;gap:5px;display:flex}.sort-tabs button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.sort-tabs button:hover{color:var(--brand)}.sort-tabs button.on{color:var(--brand);background:#eef2ff}.pager{justify-content:center;align-items:center;gap:16px;margin-top:26px;font-weight:600;display:flex}.pager button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px;display:flex}.pager button:disabled{opacity:.4}.detail{grid-template-columns:1fr 1.1fr;gap:36px;margin-bottom:8px;display:grid}.gallery-hero{aspect-ratio:1;border:1px solid var(--line);background:#eef0f3;border-radius:14px;position:relative;overflow:hidden}.gallery-hero img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.thumbs{gap:9px;margin-top:11px;display:flex}.thumb{border:2px solid var(--line);background:0 0;border-radius:9px;width:64px;height:64px;padding:0;overflow:hidden}.thumb.active{border-color:var(--brand)}.thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.info h1{letter-spacing:-.02em;margin:0 0 10px;font-size:24px;line-height:1.25}.detail-meta{color:var(--muted);align-items:center;gap:16px;margin-bottom:14px;font-size:13.5px;display:flex}.detail-meta span{align-items:center;gap:4px;display:inline-flex}.detail-price{background:#fff7f0;border-radius:10px;align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;display:flex}.detail-price .price{font-size:28px}.chip-discount{background:var(--accent);color:#fff;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:800}.detail-desc{color:#374151;margin:0 0 16px}.stock-row{align-items:center;gap:18px;margin-bottom:16px;display:flex}.stock-ok,.stock-out{align-items:center;gap:6px;font-weight:600;display:inline-flex}.stock-ok{color:var(--ok)}.stock-out{color:var(--danger)}.qty{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;display:inline-flex;overflow:hidden}.qty button{background:0 0;border:none;padding:9px 11px;display:flex}.qty button:disabled{opacity:.35}.qty span{text-align:center;min-width:38px;font-weight:700}.buy-row{gap:10px;margin-bottom:16px;display:flex}.buy-row .btn{flex:1}.assurance{color:var(--muted);flex-wrap:wrap;gap:18px;margin-bottom:18px;font-size:12.5px;display:flex}.assurance span{align-items:center;gap:5px;display:inline-flex}.vendor-box{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:14px;padding:14px 16px;display:flex}.vendor-box:hover{box-shadow:var(--shadow)}.vendor-box img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:50px;height:50px}.vendor-box div{flex:1}.vendor-box strong{align-items:center;gap:5px;display:flex}.vendor-box p{margin:3px 0;font-size:12.5px}.reviews{margin-top:40px}.reviews h2,.related h2{margin-bottom:14px;font-size:19px}.review{border-top:1px solid var(--line);padding:14px 0}.review-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.review p{margin:0}.review-form{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-top:18px;padding:16px}.review-form h3{margin:0 0 10px;font-size:15px}.review-form textarea{margin:10px 0}.star-picker{gap:3px;display:flex}.star-picker button{color:#d1d5db;background:0 0;border:none;padding:2px}.star-picker button.on{color:#f59e0b}.related{margin-top:40px}.cart-layout{grid-template-columns:1fr 320px;align-items:start;gap:22px;display:grid}.cart-group{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:16px;overflow:hidden}.cart-group-head{border-bottom:1px solid var(--line);background:#fafbfc;align-items:center;gap:8px;padding:12px 16px;display:flex}.cart-group-head .muted{margin-left:auto;font-size:12.5px}.cart-line{border-bottom:1px solid #f1f3f5;grid-template-columns:64px 1fr auto auto auto;align-items:center;gap:14px;padding:13px 16px;display:grid}.cart-line:last-child{border-bottom:none}.cart-line img{-o-object-fit:cover;object-fit:cover;border-radius:9px;width:64px;height:64px}.cart-line-info{flex-direction:column;gap:3px;min-width:0;display:flex}.cart-line-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.cart-line-title:hover{color:var(--brand)}.cart-line-total{text-align:right;min-width:84px;color:var(--accent)}.summary{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:18px;position:sticky;top:110px}.summary.inline{max-width:380px;margin-top:18px;position:static}.summary h3{margin:0 0 12px;font-size:16px}.sumrow{justify-content:space-between;padding:5px 0;font-size:14px;display:flex}.sumrow.sm{color:var(--muted);font-size:12.5px}.sumrow.total{border-top:1px solid var(--line);margin-top:8px;padding-top:12px;font-size:17px;font-weight:800}.sumrow.total span:last-child{color:var(--accent)}.summary .btn{margin-top:12px}.checkout-main{flex-direction:column;gap:16px;display:flex}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:18px}.panel h3{align-items:center;gap:8px;margin:0 0 14px;font-size:15.5px;display:flex}.addr{border:1.5px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:row;align-items:flex-start;gap:12px;margin-bottom:9px;padding:12px 14px;font-weight:400;display:flex}.addr.on{border-color:var(--brand);background:#f7faff}.addr.static{cursor:default;align-items:center}.addr input[type=radio]{width:auto;margin-top:4px}.addr p{margin:2px 0 0}.addr .chip{margin-left:auto}.addr div{flex:1}.chip{color:var(--brand);white-space:nowrap;background:#eef2ff;border-radius:99px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.addr-form{margin-top:8px}.form-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.form-grid .span2{grid-column:span 2}.pay-methods{flex-direction:column;gap:9px;display:flex}.pay-method{border:1.5px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:row;align-items:center;gap:13px;padding:13px 15px;font-weight:400;display:flex}.pay-method.on{border-color:var(--brand);background:#f7faff}.pay-method input{width:auto}.pay-method svg{color:var(--brand)}.pay-method div{flex-direction:column;display:flex}.pay-panel,.pay-done{border:1px solid var(--line);background:#fff;border-radius:16px;padding:30px}.pay-done{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.pay-done .hero-cta{margin-top:14px}.ok-ic{color:var(--ok)}.pp-box{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.pp-qr-head{color:#fff;letter-spacing:.06em;background:#113566;border-radius:8px;padding:8px 22px;font-size:12.5px;font-weight:800}.pp-qr{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px}.card-box{flex-direction:column;display:flex}.auth-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:28px}.auth-card h1{align-items:center;gap:10px;margin:0 0 18px;font-size:21px;display:flex}.auth-card .btn{margin:6px 0 12px}.demo-creds{border:1px dashed var(--line);color:var(--muted);background:#f8fafc;border-radius:10px;flex-direction:column;gap:3px;padding:12px 14px;font-size:12.5px;display:flex}.auth-separator{text-align:center;color:var(--muted);align-items:center;margin:16px 0;font-size:13px;font-weight:500;display:flex}.auth-separator:before,.auth-separator:after{content:"";border-bottom:1px solid var(--line);flex:1}.auth-separator:not(:empty):before{margin-right:.75em}.auth-separator:not(:empty):after{margin-left:.75em}.google-btn-wrapper{justify-content:center;margin-bottom:18px;display:flex}.dash{grid-template-columns:230px 1fr;align-items:start;gap:24px;display:grid}.dash-nav{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:3px;padding:14px;display:flex;position:sticky;top:110px}.dash-user{border-bottom:1px solid var(--line);align-items:center;gap:11px;margin-bottom:8px;padding:6px 8px 14px;display:flex}.dash-user div{flex-direction:column;gap:3px;min-width:0;display:flex}.dash-user .muted{text-overflow:ellipsis;font-size:12px;overflow:hidden}.dash-nav a{color:#3f4754;border-radius:8px;align-items:center;gap:10px;padding:9px 11px;font-size:13.5px;font-weight:600;display:flex}.dash-nav a:hover{background:#f3f6fb}.dash-nav a.active{color:var(--brand);background:#eef2ff}.pending-note{color:#92400e;background:#fef3c7;border-radius:8px;padding:8px 10px;font-size:12px}.dash-main{min-width:0}.dash-title{margin:2px 0 16px;font-size:19px}.dash-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dash-head .dash-title{margin:0}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:13px;margin-bottom:20px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:13px;padding:16px;display:flex}.stat svg{color:var(--brand)}.stat.warn svg{color:var(--warn)}.stat div{flex-direction:column;display:flex}.stat strong{letter-spacing:-.02em;font-size:18px}.stat span{color:var(--muted);font-size:12px}.table{border-collapse:collapse;border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;overflow:hidden}.table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--line);background:#fafbfc;padding:11px 14px;font-size:12px}.table td{vertical-align:middle;border-bottom:1px solid #f1f3f5;padding:11px 14px}.table tr:last-child td{border-bottom:none}.cell-prod{align-items:center;gap:11px;display:flex}.cell-prod img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:44px;height:44px}.cell-prod div{flex-direction:column;display:flex}.cell-prod .muted{font-size:12px}.cell-actions{white-space:nowrap}.badge-status{color:#3f4754;text-transform:uppercase;letter-spacing:.03em;background:#eef1f5;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-block}.badge-status.ok{color:#166534;background:#dcfce7}.badge-status.warn{color:#92400e;background:#fef3c7}.badge-status.err{color:#991b1b;background:#fee2e2}.badge-status.info{color:#1e40af;background:#dbeafe}.order-list{flex-direction:column;gap:10px;display:flex}.order-row{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:1fr auto auto auto;align-items:center;gap:16px;padding:14px 18px;display:grid}.order-row:hover{box-shadow:var(--shadow)}.order-row div{flex-direction:column;display:flex}.order-detail .order-head{align-items:center;gap:12px;display:flex}.order-detail h3{margin:0}.shipment{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin:13px 0;padding:15px 17px}.shipment-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.shipment-head .btn{margin-left:auto}.order-item{border-top:1px solid #f1f3f5;align-items:center;gap:12px;padding:7px 0;font-size:13.5px;display:flex}.order-item span:nth-child(3){margin-left:auto;font-weight:600}.row-actions{gap:10px;margin-top:14px;display:flex}.addr-line{font-size:12.5px}.ship-form{flex-wrap:wrap;gap:9px;margin-top:10px;display:flex}.ship-form select,.ship-form input{flex:1;width:auto;min-width:140px}.pkg-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.pkg{border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:7px;padding:18px;display:flex}.pkg.on{border-color:var(--brand)}.pkg h3{margin:0;font-size:16px}.pkg-price{color:var(--brand);font-size:22px;font-weight:800}.pkg .chip{align-self:flex-start}.pkg .btn{margin-top:auto}.cat-tree{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:20px;display:grid}.cat-branch{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px}.cat-node{border-radius:7px;align-items:center;gap:8px;padding:6px 8px;font-size:13.5px;display:flex}.cat-node.top{border-bottom:1px solid var(--line);margin-bottom:5px;padding-bottom:9px;font-size:14.5px}.cat-node .muted{font-size:12px}.cat-node .iconbtn{margin-left:auto;padding:2px 8px}.uploader{margin-bottom:12px}.uploader-grid{flex-wrap:wrap;gap:10px;display:flex}.uploader-thumb{border:1px solid var(--line);border-radius:10px;width:86px;height:86px;position:relative;overflow:hidden}.uploader-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.uploader-thumb .chip.cover{padding:1px 7px;position:absolute;top:4px;left:4px}.uploader-del{color:#fff;background:#0f172ab8;border:none;border-radius:7px;padding:4px 6px;display:flex;position:absolute;bottom:4px;right:4px}.uploader-add{border:1.5px dashed var(--line);width:86px;height:86px;color:var(--muted);background:#fafbfc;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.uploader-add:hover{border-color:var(--brand);color:var(--brand)}.muted-label{color:var(--muted);font-size:12.5px;font-weight:500}.langbtn{border:1px solid var(--line);color:#3f4754;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.langbtn:hover{border-color:var(--brand);color:var(--brand)}.spinner{border:3.5px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:54px 20px;display:flex}.empty-icon{color:#cbd5e1}.empty h3{margin:0;font-size:18px}.footer{border-top:1px solid var(--line);background:#fff;margin-top:30px}.footer-perks{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;max-width:1200px;margin:0 auto;padding:26px 28px;display:grid}.footer-perks>div{align-items:center;gap:12px;display:flex}.footer-perks svg{color:var(--brand);flex-shrink:0}.footer-perks div div{flex-direction:column;display:flex}.footer-perks span{color:var(--muted);font-size:12.5px}.footer-bottom{border-top:1px solid var(--line);max-width:1200px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:14px;margin:0 auto;padding:16px 28px;font-size:13px;display:flex}.footer-bottom nav{gap:18px;display:flex}.footer-bottom a:hover{color:var(--brand)}@media (width<=980px){.hero{grid-template-columns:1fr;padding:30px}.hero-img{display:none}.browse-layout{grid-template-columns:1fr}.filters{position:static}.detail{grid-template-columns:1fr;gap:22px}.cart-layout{grid-template-columns:1fr}.summary{position:static}.dash{grid-template-columns:1fr}.dash-nav{flex-flow:wrap;position:static}.dash-user{border-bottom:none;width:100%;padding-bottom:6px}}@media (width<=640px){.page{padding:16px 14px 48px}.header-main{flex-wrap:wrap;gap:10px;padding:10px 14px}.searchbox{flex-basis:100%;order:3}.username{display:none}.cart-line{grid-template-columns:52px 1fr auto}.cart-line-total,.cart-line .iconbtn{grid-column:3}.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:span 1}}.ntf-dropdown{min-width:320px;max-width:360px;max-height:420px;overflow-y:auto}.ntf-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 12px 6px;display:flex}.ntf-markall{color:var(--brand);background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:3px 6px;font-size:12.5px;font-weight:600;display:inline-flex}.ntf-markall:hover{background:#eef2ff}.ntf-empty{color:var(--muted);text-align:center;padding:18px 14px;font-size:13.5px}.dropdown .ntf-item{border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:9px 12px;display:flex}.dropdown .ntf-item.unread{background:#eff6ff}.dropdown .ntf-item.unread:hover{background:#e0e7ff}.ntf-titleline{font-size:13.5px;font-weight:600}.ntf-item.unread .ntf-titleline:before{content:"";background:var(--accent);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.ntf-detail{color:var(--muted);font-size:12.5px}.ntf-time{color:var(--muted);font-size:11.5px}.timeline{margin:18px 0 6px;padding-left:4px}.timeline h4{align-items:center;gap:7px;margin:0 0 10px;font-size:14.5px;display:flex}.tl-item{gap:12px;display:flex;position:relative}.tl-marker{flex-direction:column;align-items:center;width:14px;display:flex}.tl-dot{background:var(--brand);border:2.5px solid #dbeafe;border-radius:50%;flex-shrink:0;width:11px;height:11px;margin-top:3px}.tl-item.cancelled .tl-dot{background:var(--danger);border-color:#fee2e2}.tl-line{background:var(--line);flex:1;width:2px;min-height:14px;margin:2px 0}.tl-item:last-child .tl-line{display:none}.tl-body{padding-bottom:14px}.tl-title{font-size:13.5px;font-weight:600}.tl-note{color:var(--muted);font-size:12.5px}.tl-time{color:var(--muted);font-size:11.5px}.audit-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:260px;font-size:11.5px;display:inline-block;overflow:hidden}.audit-pager{align-items:center;gap:12px;margin-top:14px;display:flex}.badge.flash{background:linear-gradient(90deg,#f97316,#ef4444);align-items:center;gap:3px;display:inline-flex}.flash-price{color:#ea580c}.flash-timer{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.flash-timer code{color:#fff;font-variant-numeric:tabular-nums;background:#b91c1c;border-radius:5px;padding:1px 6px;font-size:12.5px}.coupon-row{gap:8px;margin-top:8px;display:flex}.coupon-row input{text-transform:uppercase;flex:1}.coupon-ok{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:7px 10px;font-size:13px;display:flex}.sumrow.discount span:last-child{color:#16a34a;font-weight:700}.wallet-balance{color:#fff;background:linear-gradient(120deg,#0f172a,#1e3a5f);border-radius:14px;align-items:center;gap:14px;margin-bottom:18px;padding:18px 22px;display:flex}.wallet-balance strong{font-size:26px}.wallet-balance span{opacity:.75;font-size:13px;display:block}.amt-pos{color:#16a34a;font-weight:700}.bank-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;margin:12px 0;padding:14px 16px;font-size:14px}.bank-box div{justify-content:space-between;padding:3px 0;display:flex}.bank-box code{font-size:14.5px;font-weight:700}.slip-thumb{border:1px solid var(--line);border-radius:10px;max-width:240px;display:block}.slip-cell img{-o-object-fit:cover;object-fit:cover;cursor:zoom-in;border-radius:8px;width:72px;height:72px}.chart-panel{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:16px;padding:14px 16px}.chart-panel h3{justify-content:space-between;align-items:center;gap:6px;margin:0 0 8px;font-size:14px;display:flex}.chart-grid{grid-template-columns:1.6fr 1fr;gap:16px;display:grid}@media (width<=900px){.chart-grid{grid-template-columns:1fr}}.top-prod-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:7px 0;font-size:13.5px;display:flex}.top-prod-row:last-child{border-bottom:none}.top-prod-row img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:38px;height:38px}.top-prod-row .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.brand-chips{flex-wrap:wrap;gap:6px;display:flex}.chip-toggle{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:99px;padding:4px 11px;font-size:12.5px;font-weight:600}.chip-toggle.on{background:var(--brand);border-color:var(--brand);color:#fff}.brand-tag{align-items:center;gap:4px;display:inline-flex}.price-from{font-size:13px;font-weight:600}.variant-picker{margin:12px 0}.variant-picker h4{margin:0 0 8px;font-size:13.5px}.variant-options{flex-wrap:wrap;gap:8px;display:flex}.variant-btn{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 12px;font-size:13px;font-weight:600;display:flex}.variant-btn.on{border-color:var(--brand);color:var(--brand);background:#eef2ff}.variant-btn.oos{opacity:.45;cursor:not-allowed;text-decoration:line-through}.variant-chip{color:#475569;background:#f1f5f9}.chip.ok{color:#15803d;background:#dcfce7}.addon-picker-card{background:var(--bg-light);border:1px solid var(--line);border-radius:12px;margin:1.5rem 0;padding:1.25rem;box-shadow:0 1px 3px #00000005}.addon-picker-header{border-bottom:1px solid var(--line);margin-bottom:1rem;padding-bottom:.75rem}.addon-picker-header h4{color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.addon-picker-sub{color:var(--muted);margin-top:.15rem;font-size:.8rem;display:block}.addon-picker-sections{flex-direction:column;gap:1.25rem;display:flex}.addon-section-group{flex-direction:column;gap:.5rem;display:flex}.addon-group-title{color:var(--text-dark);letter-spacing:.02em;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;display:flex}.addon-group-title .req-star{color:#ef4444;font-weight:700}.addon-options-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;display:grid}.addon-tile{border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex;position:relative}.addon-tile:hover{background:var(--bg-light);border-color:#cbd5e1}.addon-tile.selected{border-color:var(--brand);background:#dc262608}.hidden-checkbox,.hidden-radio{opacity:0;width:0;height:0;margin:0;position:absolute}.addon-tile-check,.addon-tile-radio{justify-content:center;align-items:center;display:flex}.check-box{border:1px solid var(--line);background:#fff;border-radius:4px;width:16px;height:16px;transition:all .15s;display:inline-block;position:relative}.addon-tile.selected .check-box{background:var(--brand);border-color:var(--brand)}.addon-tile.selected .check-box:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.radio-dot{border:1px solid var(--line);background:#fff;border-radius:50%;width:16px;height:16px;transition:all .15s;display:inline-block;position:relative}.addon-tile.selected .radio-dot{border-color:var(--brand)}.addon-tile.selected .radio-dot:after{content:"";background:var(--brand);border-radius:50%;width:8px;height:8px;position:absolute;top:3px;left:3px}.addon-tile-content{flex-grow:1;align-items:center;gap:.35rem;display:flex}.addon-tile-name{color:var(--text);font-size:.85rem;font-weight:550}.addon-badge-req{color:var(--brand);text-transform:uppercase;background:#dc262614;border-radius:4px;padding:.1rem .35rem;font-size:.7rem;font-weight:600}.addon-tile-price{color:var(--text-dark);font-size:.85rem;font-weight:600}.addon-summary-box{border:1px dashed var(--line);background:#fff;border-radius:8px;flex-direction:column;gap:.15rem;margin-top:1.25rem;padding:.75rem 1rem;display:flex}.addon-summary-row{justify-content:space-between;align-items:center;display:flex}.addon-summary-row span{color:var(--muted);font-size:.85rem;font-weight:550}.addon-grand-total{color:var(--brand);font-size:1.15rem;font-weight:700}.addon-summary-breakdown{color:var(--muted);text-align:right;font-size:.75rem}.addon-lines{flex-direction:column;gap:1px;margin:2px 0;display:flex}.addon-line{color:#64748b;font-size:12px}.addon-row{grid-template-columns:1.6fr .9fr 1fr .6fr auto auto auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.addon-row .addon-flag{white-space:nowrap;align-items:center;gap:4px;font-size:12.5px;display:flex}@media (width<=700px){.addon-row{grid-template-columns:1fr 1fr}}.specs{margin-top:26px}.specs-table{max-width:640px}.specs-table th{text-align:left;color:#64748b;background:#f8fafc;width:220px;font-weight:600}.spec-row,.variant-row{align-items:center;gap:8px;margin-bottom:8px;display:grid}.spec-row{grid-template-columns:1fr 2fr auto}.variant-row{grid-template-columns:1fr 1.6fr 1fr .8fr auto}@media (width<=700px){.variant-row{grid-template-columns:1fr 1fr}}.review-photos{gap:8px;margin:8px 0;display:flex}.review-photos img{-o-object-fit:cover;object-fit:cover;border:1px solid var(--line);border-radius:8px;width:72px;height:72px}.vendor-reply{border-left:3px solid var(--brand);background:#f8fafc;border-radius:0 10px 10px 0;margin:8px 0 0;padding:9px 12px;font-size:13.5px}.vendor-reply strong{color:var(--brand);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.vendor-reply p{margin:4px 0 0}.qa{margin-top:26px}.qa h2{align-items:center;gap:8px;display:flex}.qa-item{border-bottom:1px solid var(--line);padding:12px 0}.qa-q{gap:10px;display:flex}.qa-q p{margin:0 0 3px}.qa-waiting{margin:6px 0 0 40px;font-style:italic}.qa-form{flex-direction:column;gap:8px;max-width:560px;margin-top:12px;display:flex}.qa-form textarea{width:100%}.track-panel{background:#f8fafc;border-radius:10px;margin:8px 0;padding:10px 14px}.tiny{font-size:12px}.profile-stack{flex-direction:column;gap:16px;display:flex}.loyalty-card .loyalty-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.tier-badge{align-items:center;gap:7px;font-size:17px;display:inline-flex}.tier-progress{margin:10px 0 4px}.tier-progress-bar{background:#eef0f3;border-radius:999px;height:8px;overflow:hidden}.tier-progress-fill{border-radius:999px;height:100%;transition:width .4s}.loyalty-stats{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.loyalty-stat{border:1px solid var(--line);color:inherit;border-radius:10px;align-items:center;gap:7px;padding:8px 14px;text-decoration:none;display:inline-flex}.loyalty-stat:hover{border-color:var(--brand)}.wallet-balance{align-items:baseline;gap:10px;margin:6px 0 14px;display:flex}.wallet-balance strong{color:var(--brand);font-size:30px}.topup-form h4{margin:0 0 8px}.topup-presets{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.amt-neg{color:var(--danger);font-weight:600}.points-row{align-items:center;gap:12px;display:flex}.points-row input[type=range]{flex:1}.points-num{width:90px}.pay-method.disabled{opacity:.55;cursor:not-allowed}.linklike{color:var(--brand);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12.5px;display:inline-flex}.linklike:hover{text-decoration:underline}.cart-line.saved{opacity:.85}.saved-group{border-top:2px dashed var(--line)}.hero-carousel{position:relative}.hero-dots{justify-content:center;gap:7px;display:flex;position:absolute;bottom:12px;left:0;right:0}.hero-dots .dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:9px;height:9px;padding:0}.hero-dots .dot.on{background:#fff}.promo-strip{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:18px 0;display:grid}.promo-card{border-radius:var(--radius);color:#fff;box-shadow:var(--shadow);background:linear-gradient(120deg,#f97316,#ef4444);flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;display:flex}.promo-card strong{font-size:17px}.promo-card span{opacity:.93;font-size:13px}.promo-card .btn{color:var(--accent);background:#fff;align-self:flex-start;margin-top:6px}.twofa-setup{flex-direction:column;gap:8px;max-width:420px;display:flex}.twofa-qr{border:1px solid var(--line);background:#fff;border-radius:10px;align-self:flex-start;width:200px;height:200px}.event-checks{flex-wrap:wrap;gap:6px 16px;margin:6px 0 10px;display:flex}.delivery-list{border-top:1px solid var(--line);margin-top:10px}.delivery-row{border-bottom:1px solid var(--line)}.delivery-head{cursor:pointer;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 4px;display:flex}.delivery-payload{color:#e2e8f0;background:#0f172a;border-radius:8px;margin:0 0 10px;padding:10px 12px;font-size:12px;overflow-x:auto}.err-ic,.err-text{color:var(--danger)}.new-key-box{border:1px dashed var(--ok);background:#f0fdf4;border-radius:10px;margin-bottom:12px;padding:12px 14px}.axis-card{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:10px 12px}.axis-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.axis-head input{flex:1}.value-chips{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.value-chip{color:var(--brand);background:#eef2ff;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:13px;font-weight:600;display:inline-flex}.value-chip button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.chip-input{max-width:220px}.value-detail{grid-template-columns:minmax(70px,120px) 130px 1fr;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:grid}.matrix-tools{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.base-price-input{max-width:150px}.table input[type=number]{max-width:110px}.table input:not([type=checkbox]){padding:4px 8px;font-size:13px}.variant-picker h5{color:#475569;margin:8px 0 5px;font-size:13px}.variant-btn img.value-swatch{-o-object-fit:cover;object-fit:cover;border-radius:6px;width:26px;height:26px}.variant-btn.row{flex-direction:row;align-items:center;gap:7px}.customize-trigger-panel{background:var(--bg-light);border:1px solid var(--line);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;margin:1.25rem 0;padding:.85rem 1.25rem;transition:all .2s;display:flex}.customize-trigger-panel:hover{background:#f8fafc;border-color:#cbd5e1}.customize-trigger-info{text-align:left;flex-direction:column;gap:.15rem;display:flex}.customize-trigger-info strong{color:var(--text-dark);font-size:.9rem}.customize-trigger-btn{font-weight:600}.addon-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:flex-end;align-items:stretch;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.addon-drawer{background:#fff;flex-direction:column;width:100%;max-width:480px;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;box-shadow:-4px 0 20px #0000001a}.addon-drawer-header{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.addon-drawer-header h3{color:var(--text-dark);margin:0;font-size:1.2rem;font-weight:700}.addon-drawer-body{flex-grow:1;padding:1.5rem;overflow-y:auto}.addon-drawer-footer{border-top:1px solid var(--line);background:#f8fafc;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.addon-drawer-summary{justify-content:space-between;align-items:center;display:flex}.addon-drawer-footer .btn{justify-content:center;width:100%;padding:.85rem;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=480px){.addon-drawer-overlay{align-items:flex-end}.addon-drawer{border-radius:20px 20px 0 0;max-height:80vh;animation:.3s cubic-bezier(.16,1,.3,1) slideInUp}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}