:root{--bg:#080b0c;--s:#0f1415;--ink:#e4ecec;--mu:#6d8a8e;--ln:#1a2628;--brand:#127B8D;--brandL:#1a9db3;--brandD:#0e5f6d;--red:#c44;--grn:#3ab575;--tag:#a0b8bc}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}button,input,select{font:inherit;-webkit-appearance:none;appearance:none;touch-action:manipulation}.app{max-width:960px;margin:auto;padding:0 16px 100px}.hero{text-align:center;padding:30px 20px 24px;background:linear-gradient(180deg,var(--bg) 0%,#091518 60%,var(--brandD) 100%);border-radius:0 0 20px 20px;margin:0 -16px 18px}.logo-tap{cursor:pointer;user-select:none;display:inline-block;padding:10px 20px}.tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;min-height:44px;padding:0 13px;border:1px solid var(--ln);border-radius:10px;background:var(--s);color:var(--mu);font-size:.73rem;font-weight:700;cursor:pointer;white-space:nowrap}.tab.on{background:var(--brand);border-color:var(--brand);color:#fff}.zone{display:none}.zone.on{display:block}.pn{display:none}.pn.on{display:block}.bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.inp{flex:1;min-width:140px;border:1px solid var(--ln);border-radius:10px;background:var(--s);color:var(--ink);padding:11px 12px;font-size:.83rem;outline:none}.inp:focus{border-color:var(--brand)}.inp::placeholder{color:var(--mu)}.sel{border:1px solid var(--ln);border-radius:10px;background:var(--s);color:var(--ink);padding:11px 12px;font-size:.82rem}.btn{border:1px solid var(--ln);border-radius:10px;background:var(--s);color:var(--ink);padding:11px 13px;font-size:.75rem;font-weight:700;cursor:pointer}.btn.p{background:var(--brand);border-color:var(--brand);color:#fff}.btn.d{color:var(--red)}.btn.wsp{background:#25d366;border-color:#25d366;color:#fff}.btn.cart-rm{background:transparent;border-color:var(--red);color:var(--red);padding:6px 10px;font-size:.65rem}.ms{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:14px}.m{background:var(--s);border:1px solid var(--ln);border-radius:12px;padding:11px}.m small{display:block;color:var(--mu);font-size:.67rem}.m strong{font-size:1rem;font-variant-numeric:tabular-nums;color:var(--brandL)}.nt{color:var(--mu);font-size:.74rem;margin:0 0 12px;padding:10px 12px;border:1px solid var(--ln);border-radius:10px;background:var(--s)}.nt b{color:var(--brandL)}.tw{overflow:auto;background:var(--s);border:1px solid var(--ln);border-radius:12px;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:460px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--ln);font-size:.72rem;vertical-align:middle}th{background:var(--bg);color:var(--mu);font-size:.62rem;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:0}.nm{font-weight:700}.tg{display:inline-block;padding:3px 8px;border-radius:7px;font-size:.63rem;font-weight:600;background:#162023;color:var(--tag)}.g{background:#1a3d2e;color:var(--grn)}.r{background:#3d1a1a;color:var(--red)}.y{background:#2e3d1a;color:#b5a33a}.mn{padding:7px 9px;font-size:.66rem}.em{text-align:center;color:var(--mu);padding:28px 14px}.md{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);align-items:flex-end;justify-content:center;padding:16px;z-index:5}.md.open{display:flex}.sh{width:min(100%,400px);background:var(--s);border:1px solid var(--ln);border-radius:18px;padding:20px;max-height:85vh;overflow-y:auto}.sh h2{font-size:1rem;margin:0 0 12px;color:var(--brandL)}.fm{display:grid;gap:9px}.fm label{font-size:.7rem;color:var(--mu);font-weight:700}.fm input,.fm select{width:100%;margin-top:4px;padding:11px;border:1px solid var(--ln);border-radius:10px;background:var(--bg);color:var(--ink)}.sa{display:flex;gap:8px;margin-top:14px}.sa button{flex:1;min-height:44px}.fc{background:var(--s);border:1px solid var(--ln);border-radius:12px;margin-bottom:8px;overflow:hidden}.fh{padding:12px 14px;cursor:pointer;display:flex;gap:10px;align-items:flex-start}.fh .ar{color:var(--mu);transition:transform .25s cubic-bezier(.16,1,.3,1);font-size:1rem;flex-shrink:0;margin-top:1px}.fc.op .ar{transform:rotate(90deg)}.fq{font-size:.82rem;font-weight:650;line-height:1.4}.fp{font-size:.67rem;color:var(--mu);margin-top:3px}.fb{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1)}.fc.op .fb{grid-template-rows:1fr}.fi{overflow:hidden}.fa{padding:0 14px 12px 36px;color:var(--mu);font-size:.77rem;line-height:1.6}.chs{display:flex;gap:7px;overflow-x:auto;padding:8px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.chs::-webkit-scrollbar{display:none}.ch{flex-shrink:0;padding:8px 12px;border:1px solid var(--ln);border-radius:18px;background:var(--s);color:var(--mu);font-size:.71rem;font-weight:600;cursor:pointer;white-space:nowrap}.ch.on{background:var(--brand);border-color:var(--brand);color:#fff}.combo{background:var(--s);border:1px solid var(--ln);border-radius:13px;padding:15px;margin-bottom:10px}.combo h3{font-size:.86rem;margin:0 0 5px;color:var(--brandL)}.combo .items{font-size:.74rem;color:var(--mu);margin-bottom:8px}.combo .prices{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.combo .old{text-decoration:line-through;color:var(--mu);font-size:.74rem}.combo .new{font-size:1rem;font-weight:700;color:var(--grn)}.combo .save{font-size:.69rem;color:var(--brandL);font-weight:600}.st{border:1px solid var(--ln);border-radius:7px;padding:7px;background:var(--bg);color:var(--ink);font-size:.7rem}.ed{width:50px;border:1px solid var(--ln);border-radius:6px;padding:5px;background:var(--bg);color:var(--ink);font-size:.72rem;text-align:center}.cart-bar{position:fixed;bottom:0;left:0;right:0;background:var(--s);border-top:1px solid var(--ln);padding:12px 16px;display:none;align-items:center;justify-content:space-between;gap:10px;z-index:3}.cart-bar.on{display:flex}.cart-info{font-size:.78rem;color:var(--brandL);font-weight:700}.ct{background:var(--s);border:1px solid var(--brand);border-radius:10px;padding:10px 12px;margin-bottom:12px;font-size:.8rem;color:var(--brandL);font-weight:700;display:none}.ct.on{display:block}.backup{display:flex;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--ln)}.qty-sel{width:50px;border:1px solid var(--ln);border-radius:6px;padding:5px;background:var(--bg);color:var(--ink);font-size:.72rem;text-align:center}@media(min-width:700px){.ms{grid-template-columns:repeat(4,1fr)}.md{align-items:center}.hero{margin:0 -16px 22px;padding:38px 20px 28px}}