html,body,#root{margin:0;min-height:100%}body{background:#fff;color:#1a1a1a}.app{max-width:560px;margin:0 auto;font-family:system-ui,-apple-system,Roboto,sans-serif;position:relative;padding-bottom:40px}button{font:inherit;cursor:pointer}.bar{background:#c1272d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px;position:sticky;top:0;z-index:5}.logo{font-size:26px;font-weight:700;letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.badge{font-size:10px;font-weight:700;border:1px solid #fff;border-radius:999px;padding:2px 8px;letter-spacing:.5px}.bt{font-size:20px}.pill{background:#fff;color:#c1272d;border:0;border-radius:999px;padding:10px 16px;font-weight:700;min-height:44px}.cnt{background:#c1272d;color:#fff;border-radius:999px;padding:2px 8px;margin-left:4px}.tools{display:flex;gap:8px;padding:10px 12px}.search{flex:1;min-width:0;border:1px solid #ccc;border-radius:10px;padding:11px 12px;font-size:16px}.seg{display:flex;border:1px solid #ccc;border-radius:10px;overflow:hidden}.seg button{border:0;background:#fff;padding:0 12px;font-weight:600}.seg .on{background:#1a1a1a;color:#fff}.banner{background:#fdf6dc;color:#6b5600;font-size:13px;text-align:center;padding:7px 10px;border-top:1px solid #efe3a8;border-bottom:1px solid #efe3a8}.chips{display:flex;gap:8px;overflow-x:auto;padding:10px 12px;scrollbar-width:none}.chip{white-space:nowrap;border:1px solid #ccc;background:#fff;border-radius:999px;padding:8px 14px;min-height:40px}.chip.on{background:#c1272d;color:#fff;border-color:#c1272d}.chip small{opacity:.7}.swipe{position:relative;padding:0 12px;touch-action:pan-y}.count{position:absolute;top:8px;left:50%;transform:translate(-50%);background:#000000a6;color:#fff;border-radius:999px;font-size:13px;padding:3px 10px;z-index:2}.nav{position:absolute;top:190px;width:40px;height:40px;border-radius:50%;border:0;background:#0000008c;color:#fff;font-size:24px;z-index:2}.nav.l{left:16px}.nav.r{right:16px}.nav:disabled{opacity:.25}.card{border:1px solid #ddd;border-radius:16px;padding:0 0 14px;overflow:hidden}.photo{background:#fff;display:flex;justify-content:center;height:min(62vw,340px);margin-top:0}.ph.big,.noph.big{height:100%;width:100%;object-fit:contain}.noph{display:flex;align-items:center;justify-content:center;background:#f3f3f3;color:#888;width:100%;height:100%}.title{font-size:19px;line-height:1.25;margin:12px 14px 6px}.meta{display:flex;flex-wrap:wrap;gap:4px 16px;padding:0 14px;color:#555;font-size:15px}.meta b{color:#111}.price{font-size:30px;font-weight:700;color:#c1272d;padding:8px 14px 2px}.price small{font-size:14px;font-weight:400;color:#555}.price.dim{color:#777}.upc{padding:0 14px;color:#666;font-size:13px}.note{margin:8px 14px 0;padding:8px 10px;border-radius:8px;font-size:13.5px;line-height:1.35}.note.bad{background:#fde8e8;color:#8a1212}.note.warn{background:#fff3d6;color:#6b4b00}.note.info{background:#eef2f7;color:#34495e}.addrow{display:flex;gap:10px;padding:14px 14px 0}.stepper{display:flex;border:1px solid #bbb;border-radius:12px;overflow:hidden;background:#f2f2f2}.stepper button{width:44px;min-height:48px;border:0;background:#f2f2f2;font-size:22px}.stepper input{width:48px;border:0;text-align:center;font-size:20px;font-weight:600;background:#fff;min-width:0}.primary{flex:1;background:#c1272d;color:#fff;border:0;border-radius:12px;font-weight:700;font-size:17px;min-height:48px;padding:0 14px}.primary:disabled{background:#bbb;margin:14px 14px 0;width:calc(100% - 28px);flex:none}.primary.alt{background:#1a1a1a}.incart{padding:8px 14px 0;color:#2a7a2a;font-size:14px;font-weight:600}.preload{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 12px}.gcard{border:1px solid #ddd;border-radius:12px;background:#fff;text-align:left;padding:8px;display:flex;flex-direction:column;gap:4px;min-width:0}.gcard .ph,.gcard .noph{width:100%;height:130px;object-fit:contain}.gp{color:#c1272d;font-weight:700;font-size:18px}.gp small{font-size:12px;color:#555;font-weight:400}.dimr{color:#777;font-size:14px;font-weight:600}.gd{font-size:13.5px;line-height:1.25;max-height:5em;overflow:hidden}.gs{font-size:12px;color:#666}.tag{background:#fde8e8;color:#8a1212;border-radius:6px;font-size:11px;padding:2px 6px;align-self:flex-start}.empty{padding:20px;text-align:center;color:#666;grid-column:1/-1}.body{padding:12px}.line{border:1px solid #ddd;border-radius:14px;padding:12px;margin-bottom:12px}.lt{display:flex;justify-content:space-between;align-items:flex-start}.k{font-size:12px;font-weight:700;color:#666;letter-spacing:.5px}.k.r{text-align:right;margin-bottom:2px}.sku{font-size:28px;font-weight:700}.ld{margin:8px 0 6px;font-size:15px}.lp{display:flex;justify-content:space-between;gap:8px;color:#444;font-size:14px;flex-wrap:wrap}.lp b{color:#111;font-size:16px}.lk{background:none;border:0;color:#b00;text-decoration:underline;padding:8px 0;min-height:44px}.tot{display:flex;justify-content:space-between;font-size:20px;padding:8px 2px;border-top:2px solid #111;margin-top:4px}.fine{font-size:12.5px;color:#666}h3{margin:18px 0 6px}.fld{display:block;margin:12px 0;font-weight:600;font-size:14px}.fld em{font-weight:400;color:#888;font-style:normal;font-size:12px}.fld input,.fld textarea{display:block;width:100%;box-sizing:border-box;margin-top:4px;border:1px solid #bbb;border-radius:10px;padding:11px;font-size:16px;font-family:inherit}.fld .err{border-color:#c1272d;background:#fff6f6}.em{color:#c1272d;font-size:13px;font-weight:400}.acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.acts .primary{flex:none}.sec{border:1px solid #1a1a1a;background:#fff;border-radius:12px;min-height:48px;font-weight:700}.msg{background:#eef7ee;color:#1d5a1d;padding:10px;border-radius:8px;font-size:14px}.fourwrap{padding:0 8px;touch-action:pan-y}.pager{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 0;font-size:13px;color:#555}.pg{min-height:44px;padding:0 10px;font-size:14px}.pg:disabled{opacity:.35}.four{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini{border:1px solid #ddd;border-radius:12px;padding:6px 6px 8px;display:flex;flex-direction:column;gap:3px;min-width:0}.mphoto{height:clamp(110px,34vw,170px)}.mphoto .ph.big,.mphoto .noph.big{height:100%;width:100%;object-fit:contain}.mdesc{font-size:13px;line-height:1.25;height:3.75em;overflow:hidden}.msku{font-size:19px;font-weight:700}.mpack{font-size:12px;color:#555}.mprice{font-size:20px;font-weight:700;color:#c1272d}.mprice small{font-size:11px;color:#555;font-weight:400}.mprice.dim{color:#777}.mflag{font-size:11.5px;border-radius:6px;padding:2px 6px;align-self:flex-start}.mflag.bad{background:#fde8e8;color:#8a1212}.mflag.warn{background:#fff3d6;color:#6b4b00}.mflag.info{background:#eef2f7;color:#34495e}.mini .stepper{margin-top:3px}.mini .stepper button{flex:0 0 38%;width:auto;min-height:44px}.mini .stepper input{flex:1 1 24%;width:auto;min-width:0}.madd{flex:none;min-height:44px;font-size:15px;width:100%}.mini .primary:disabled{margin:2px 0 0;width:100%}.dens{display:flex;gap:6px;align-items:center;padding:4px 8px;font-size:13px;color:#555}.dens button{min-height:40px;min-width:44px;border:1px solid #bbb;border-radius:10px;background:#fff;font-size:15px}.dens button.on{background:#222;color:#fff}.four.c1 .mphoto{height:clamp(160px,50vw,260px)}.four.c3 .mdesc{font-size:11px}.four.c3 .msku{font-size:15px}.four.c3 .mprice{font-size:16px}.four.c3 .mpack{font-size:10.5px}.four.c3 .stepper button{font-size:18px}.four.c1{grid-template-columns:1fr}.four.c2{grid-template-columns:1fr 1fr}.four.c3{grid-template-columns:1fr 1fr 1fr;gap:5px}.cnt2{margin-left:auto;font-size:12px}.ordbar{grid-column:1/-1;min-height:48px;border:2px solid #c1272d;background:#fff;color:#c1272d;border-radius:12px;font-size:16px;font-weight:700}