:root{--noir:#17130f;--bois:#b98a5a;--volkan:#d21f2b;--volkan-vif:#ff5147;--bg:#f0ebe1;--surface:#fff;--ink:#1d1712;--muted:#7d766c;--line:#e6ddcd;--radius:16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;background:linear-gradient(115deg,rgba(180,160,130,.1) 0%,transparent 45%),linear-gradient(295deg,rgba(180,160,130,.08) 0%,transparent 50%),#f0ebe1}button{font:inherit;border:0;background:0;cursor:pointer;color:inherit}:focus-visible{outline:2px solid var(--volkan);outline-offset:2px}.app{max-width:560px;margin:0 auto;min-height:100dvh;padding-bottom:100px}.muted{color:var(--muted);font-size:.85rem}.hdr{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 16px;color:#fff;background:radial-gradient(circle at 16px 16px,rgba(255,190,100,.95) 5px,rgba(255,170,70,.35) 8px,transparent 11px),radial-gradient(circle at 33px 33px,rgba(240,225,200,.5) 5px,transparent 7px),#17130f;background-size:34px 34px,34px 34px,auto}.hdr-name{display:flex;align-items:center;gap:12px}.hdr-logo{width:46px;height:46px;border-radius:50%;background:var(--bois);color:var(--noir);display:grid;place-items:center;font-weight:800;box-shadow:0 0 0 2px #00000059}.hdr h1{margin:0;font-size:1.35rem;color:var(--volkan-vif);text-shadow:0 1px 0 rgba(0,0,0,.45);letter-spacing:.01em}.hdr-sub{font-size:.78rem;color:#e6d9c4;text-shadow:0 1px 0 rgba(0,0,0,.5)}.badge{padding:6px 11px;border-radius:999px;font-size:.76rem;font-weight:700;box-shadow:0 0 0 2px #0000004d}.badge.ok{background:#12381f;color:#7fe0a5}.badge.no{background:#46080d;color:#ff97a0}.cats{position:sticky;top:0;z-index:5;display:flex;gap:8px;overflow-x:auto;padding:12px 16px 10px;background:linear-gradient(var(--bg) 78%,transparent);scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cat{flex:0 0 auto;padding:9px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-weight:600;font-size:.86rem}.cat.on{background:var(--volkan);color:#fff;border-color:var(--volkan)}.products{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px 16px}.card{flex-direction:column;align-items:stretch;padding:0;overflow:hidden;text-align:left;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);display:flex;box-shadow:0 2px 8px #1d15120f}.card:active{transform:scale(.99)}.card-media{aspect-ratio:4/3;width:100%;overflow:hidden;background:radial-gradient(circle at 12px 12px,rgba(255,190,100,.55) 4px,rgba(255,170,70,.18) 6px,transparent 8px),radial-gradient(circle at 25px 25px,rgba(240,225,200,.3) 4px,transparent 6px),#1d150e;background-size:26px 26px,26px 26px,auto}.card-media img{width:100%;height:100%;object-fit:cover;display:block}.card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px}.card h3{margin:0;font-size:.95rem}.card-price{display:flex;justify-content:space-between;align-items:center;gap:6px}.card-price strong{color:var(--volkan);font-size:1rem}.cartbar{position:fixed;left:50%;transform:translate(-50%);bottom:16px;z-index:8;display:flex;align-items:center;gap:12px;width:min(92%,520px);background:var(--volkan);color:#fff;padding:15px 18px;border-radius:999px;font-weight:700;box-shadow:0 8px 24px #1d151240}.cartbar-count{background:#ffffff38;border-radius:8px;padding:2px 9px}.cartbar strong{margin-left:auto}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#14100c7a;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(100%,560px);max-height:88dvh;display:flex;flex-direction:column;background:var(--bg);border-radius:22px 22px 0 0}.sheet-inner{display:contents}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:18px 18px 8px}.sheet-head h2{margin:0;font-size:1.2rem}.x{width:34px;height:34px;border-radius:50%;background:var(--surface);border:1px solid var(--line);font-size:1.15rem}.sheet-body{overflow-y:auto;padding:8px 18px 14px;display:flex;flex-direction:column;gap:16px}.sheet-foot{display:flex;gap:12px;align-items:center;padding:14px 18px}.sheet-foot.col{flex-direction:column;align-items:stretch}.segment{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 18px 0;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:6px}.segment button{padding:10px 8px;border-radius:10px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:2px}.segment button.on{background:var(--noir);color:#fff}.group header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.group h3{margin:0;font-size:.88rem;color:var(--volkan);text-transform:uppercase;letter-spacing:.06em}.hint{font-size:.74rem;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:9px 13px;border-radius:12px;background:var(--surface);border:1.5px solid var(--line);font-weight:600;font-size:.88rem;display:flex;gap:6px}.chip em{font-style:normal;color:var(--volkan);font-size:.78rem;font-weight:700}.chip.on{border-color:var(--volkan);background:#fceef0}.chip:disabled{opacity:.5}.chip:disabled em{color:var(--muted)}.qty{display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:4px}.qty button{width:36px;height:36px;font-size:1.2rem;font-weight:700}.qty.small button{width:28px;height:28px;font-size:1rem}.add{flex:1;background:var(--volkan);color:#fff;font-weight:800;border-radius:14px;padding:15px 16px}.add:disabled{background:#c8c1b4}.line{display:flex;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px}.line-info{display:flex;flex-direction:column;gap:3px}.line-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.total{display:flex;justify-content:space-between;font-size:1.05rem;font-weight:800}.field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;margin-bottom:2px}.field input{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:1rem;font-family:inherit;color:var(--ink)}.field input:focus{border-color:var(--volkan)}.err{color:#a5121d;font-size:.85rem;font-weight:600;margin:0}.confirm{align-items:center;text-align:center;gap:12px}.confirm-num{font-size:2.4rem;font-weight:800;color:var(--volkan)}.setup,.center-msg{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;text-align:center}.setup h1{letter-spacing:.16em;margin:0}.setup pre{background:var(--noir);color:#eee;padding:14px 16px;border-radius:12px;text-align:left;font-size:.8rem;overflow-x:auto}img.hdr-logo{width:52px;height:52px;border-radius:50%;object-fit:cover;background:none;box-shadow:0 0 0 2px #00000059,0 0 14px #ffaa4659}.hdr{background:radial-gradient(circle at 11px 11px,rgba(255,185,95,.55) 4px,transparent 6px),radial-gradient(circle at 24px 24px,rgba(240,225,200,.22) 4px,transparent 6px),#17130f;background-size:26px 26px,26px 26px,auto}span.hdr-logo{width:46px;height:46px;border-radius:50%;background:var(--bois);color:var(--noir);display:grid;place-items:center;font-weight:800;box-shadow:0 0 0 2px #00000059}.hdr{min-height:148px;align-items:flex-start;justify-content:flex-end;padding:12px}.badge{box-shadow:0 0 0 2px #00000073}