:root{--bg:#f1ece3;--surface:#fff;--ink:#262320;--espresso:#2e2823;--muted:#897f70;--line:#e6ddcf;--kraft:#c49a6c;--kraft-soft:#ede2d0;--amber:#e0991a;--amber-d:#9c6a08;--amber-soft:#fbf1dc;--green:#2e8b57;--r:14px;--maxw:1080px;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;padding-bottom:84px;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 14px}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.ph{background:var(--kraft-soft);color:var(--kraft);place-items:center;display:grid}.ph svg{opacity:.7;width:48%;height:48%}.bnav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);height:64px;padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:content-box;background:#fffffff7;display:flex;position:fixed;bottom:0;left:0;right:0}.bnav a{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10.5px;text-decoration:none;display:flex}.bnav a svg{width:22px;height:22px}.bnav a.active{color:var(--amber-d)}@media (width>=769px){.bnav{display:none}}.topbar{z-index:30;background:var(--espresso);color:#fff;position:sticky;top:0}.topbar .wrap{align-items:center;gap:12px;height:54px;display:flex}.topbar .back{color:#fff;border-radius:10px;place-items:center;width:38px;height:38px;margin-left:-6px;display:grid}.topbar .back:hover{background:#ffffff1f}.topbar .back svg{width:22px;height:22px}.topbar h1{font-size:17px;font-weight:700}.topbar .step{color:#c7bcac;margin-left:auto;font-size:12px}.grid{grid-template-columns:1fr;gap:14px;padding-top:14px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:15px}.card h2{align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.card h2 svg{width:18px;height:18px;color:var(--amber-d)}.card h2 .edit{color:var(--amber-d);align-items:center;gap:3px;margin-left:auto;font-size:12.5px;font-weight:700;display:inline-flex}.alert{background:var(--amber-soft);color:var(--amber-d);border:1px solid #ecd9a8;border-radius:10px;margin-top:14px;padding:10px 13px;font-size:12.5px}.alert.err{color:#9b3b3b;background:#f7e7e7;border-color:#e6c4c4}.alert.ok{color:#1f6e44;background:#e7f2ea;border-color:#bfe0cb}.field{margin-bottom:10px}.field label{color:var(--muted);margin-bottom:4px;font-size:11.5px;font-weight:700;display:block}.field input,.field textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:13.5px}.field input:focus,.field textarea:focus{border-color:var(--amber)}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.store{border-bottom:1px dashed var(--line);align-items:center;gap:9px;margin-bottom:12px;padding-bottom:12px;font-size:13px;font-weight:700;display:flex}.store .badge{background:var(--ink);border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.store .badge svg{width:14px;height:14px;color:var(--amber)}.store small{color:var(--muted);margin-left:auto;font-size:11.5px;font-weight:400}.item{border-bottom:1px solid var(--line);gap:12px;padding:11px 0;display:flex}.item:last-of-type{border-bottom:none}.item .ph{border-radius:10px;flex-shrink:0;width:62px;height:62px}.item-info{flex:1;min-width:0}.item-info .nm{margin-bottom:3px;font-size:13px;line-height:1.35}.item-info .vr{color:var(--muted);background:var(--bg);border-radius:6px;margin-bottom:6px;padding:2px 8px;font-size:11.5px;display:inline-block}.item-bot{justify-content:space-between;align-items:center;gap:10px;display:flex}.item-bot .pr{font-size:13.5px;font-weight:700}.item-bot .qty{color:var(--muted);font-size:12.5px;font-weight:600}.stepper{border:1px solid var(--line);background:var(--surface);border-radius:9px;align-items:center;display:inline-flex;overflow:hidden}.stepper button{width:32px;height:32px;color:var(--ink);font-size:16px;font-weight:700}.stepper input{text-align:center;width:46px;height:32px;color:var(--ink);background:0 0;border:none;outline:none;font-family:inherit;font-size:14px;font-weight:700}.linkremove{color:#9b3b3b;font-size:11.5px;font-weight:700}.opt{border:1.5px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;transition:border-color .15s,background .15s;display:flex}.opt:last-child{margin-bottom:0}.opt.sel{border-color:var(--amber);background:var(--amber-soft)}.opt input{opacity:0;pointer-events:none;position:absolute}.opt .radio{border:2px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;transition:all .15s;display:grid}.opt.sel .radio{border-color:var(--amber)}.opt.sel .radio:after{content:"";background:var(--amber);border-radius:50%;width:10px;height:10px}.opt .oi{background:var(--kraft-soft);width:34px;height:34px;color:var(--amber-d);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.opt .oi svg{width:19px;height:19px}.opt .ot{flex:1;min-width:0}.opt .ot .t{font-size:13px;font-weight:700}.opt .ot .s{color:var(--muted);margin-top:1px;font-size:11.5px}.opt .op{text-align:right;white-space:nowrap;font-size:13.5px;font-weight:700}.opt .op small{color:var(--green);font-size:10.5px;font-weight:400;display:block}.weight{color:var(--muted);background:var(--bg);border-radius:9px;align-items:center;gap:7px;margin-bottom:12px;padding:8px 11px;font-size:11.5px;display:flex}.weight svg{width:15px;height:15px;color:var(--kraft)}.finpay{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:11px;font-weight:400;display:inline-flex}.finpay b{color:var(--amber-d);font-weight:700}.paygroup{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:14px 0 8px;font-size:11px;font-weight:700}.paygroup:first-of-type{margin-top:0}.banks{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.banks span{color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:700}.sum h2{margin-bottom:14px}.srow{color:var(--muted);justify-content:space-between;margin-bottom:9px;font-size:13px;display:flex}.srow b{color:var(--ink);font-weight:600}.srow.disc b{color:var(--green)}.stotal{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:4px;padding-top:13px;display:flex}.stotal .l{font-size:14px;font-weight:700}.stotal .v{color:var(--ink);font-size:19px;font-weight:800}.paybtn{background:var(--ink);color:#fff;border-radius:12px;width:100%;margin-top:16px;padding:14px;font-size:15px;font-weight:700;transition:transform .15s;display:none}.paybtn:hover{transform:translateY(-2px)}.btn{background:var(--amber);color:#2a1d00;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;display:inline-flex}.btn.dark{background:var(--ink);color:#fff}.btn.block{width:100%}.empty{text-align:center;color:var(--muted);padding:50px 20px}.empty svg{width:54px;height:54px;color:var(--kraft);margin-bottom:14px}.bottombar{z-index:40;background:var(--surface);border-top:1px solid var(--line);align-items:center;gap:14px;padding:10px 14px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px -16px #0006}.bottombar .bt{flex:1}.bottombar .bt .l{color:var(--muted);font-size:11px}.bottombar .bt .v{font-size:18px;font-weight:800}.bottombar button,.bottombar .btn{background:var(--ink);color:#fff;white-space:nowrap;border-radius:12px;padding:13px 26px;font-size:15px;font-weight:700}.paywrap{max-width:520px;margin:0 auto}.countdown{background:var(--amber-soft);color:var(--amber-d);border:1px solid #ecd9a8;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:10px;font-size:13px;font-weight:700;display:flex}.countdown b{font-variant-numeric:tabular-nums;font-size:15px}.amountbig{text-align:center;margin:6px 0 16px}.amountbig .l{color:var(--muted);font-size:12px}.amountbig .v{font-size:28px;font-weight:800}.qrbox{border:1px solid var(--line);background:#fff;border-radius:14px;place-items:center;width:230px;height:230px;margin:0 auto 14px;display:grid;position:relative;overflow:hidden}.qrgrid{opacity:.9;background:repeating-linear-gradient(0deg,#262320 0 6px,#0000 6px 12px),repeating-linear-gradient(90deg,#262320 0 6px,#0000 6px 12px);border-radius:6px;width:190px;height:190px;-webkit-mask:radial-gradient(circle at 18px 18px,#000 8px,#0000 9px) 0 0/100% 100%;mask:radial-gradient(circle at 18px 18px,#000 8px,#0000 9px) 0 0/100% 100%}.qrbox .qrlogo{background:var(--ink);width:42px;height:42px;color:var(--amber);border:3px solid #fff;border-radius:9px;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute}.vabox{border:1px solid var(--line);text-align:center;border-radius:12px;margin-bottom:14px;padding:16px}.vabox .bank{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.vabox .num{letter-spacing:.06em;font-variant-numeric:tabular-nums;margin:6px 0;font-size:24px;font-weight:800}.copybtn{color:var(--amber-d);border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700}.payhelp{color:var(--muted);text-align:center;margin-top:6px;font-size:12px;line-height:1.6}.paid-badge{color:#1f6e44;background:#e7f2ea;border-radius:8px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.track-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.track-resi{font-size:13px}.track-resi b{font-variant-numeric:tabular-nums}.track-status{background:var(--amber-soft);color:var(--amber-d);text-transform:capitalize;border-radius:7px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.track-status.done{color:#1f6e44;background:#e7f2ea}.timeline{margin:8px 0 0;padding:0;list-style:none}.timeline li{border-left:2px solid var(--line);padding:0 0 14px 22px;position:relative}.timeline li:last-child{border-left-color:#0000;padding-bottom:0}.timeline li:before{content:"";background:var(--kraft);border:2px solid var(--surface);border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:-7px}.timeline li.cur:before{background:var(--amber)}.timeline .ts{color:var(--muted);font-size:11px}.timeline .ds{color:var(--ink);margin-top:1px;font-size:13px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (width>=860px){body{padding-bottom:0}.grid{grid-template-columns:1fr 360px;align-items:start;gap:18px;padding-top:20px}.col-left{flex-direction:column;gap:14px;display:flex}.col-right{flex-direction:column;gap:14px;display:flex;position:sticky;top:74px}.paybtn{display:block}.bottombar{display:none}.card{padding:18px}}