:root{font:16px system-ui,sans-serif;color:#f3f7ef;background:#080b08;--green:#a4f53b;--muted:#b4c1b0}*{box-sizing:border-box}body{margin:0}main{max-width:540px;min-height:100vh;margin:auto;padding:18px 16px 105px;background:#101510}header{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:22px}.brand{font-size:25px;font-weight:900;letter-spacing:-1px;color:var(--green)}small{font-size:12px;color:var(--muted)}h1{font-size:24px;line-height:1.2}p{line-height:1.5}button,input,select,textarea{font:inherit;border-radius:12px;min-height:46px}button{cursor:pointer;border:1px solid #3d4935;background:#24301f;color:#fff;padding:10px 14px;font-weight:700}button.primary{background:var(--green);color:#142108;border:0}button:disabled{opacity:.45;cursor:wait}input,select,textarea{display:block;width:100%;background:#1b231b;border:1px solid #4b5845;color:#fff;padding:12px;margin:8px 0 14px}label{display:block;color:var(--muted);font-size:14px}nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}nav button.active{border:1px solid var(--green);color:var(--green);background:#293a1a}.search{position:sticky;top:0;background:#101510;padding:6px 0;z-index:2}.filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.category{color:#ff7972;font-size:17px;padding:12px 0}.category summary{cursor:pointer;font-weight:800}.item{border:1px solid #35432e;border-radius:16px;padding:12px;margin:10px 0;color:#f3f7ef;font-size:15px;background:#172015}.product{display:flex;gap:12px}.product img{width:82px;height:82px;object-fit:contain;border-radius:10px;background:#222922}.product h2{font-size:17px;margin:0 0 4px}.product p{margin:6px 0}.availability{color:var(--green);font-size:12px}.by-order{color:#ffce75}.qty{display:flex;align-items:center;gap:9px;justify-content:flex-end;margin-top:10px}.qty button{min-width:46px;font-size:22px;padding:3px 12px}.qty input{width:72px;margin:0;text-align:center;padding:8px}.sticky{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:540px;width:100%;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:#101510;border-top:1px solid #405132;z-index:3}.sticky button{width:100%}.error{border:1px solid #e46d61;background:#371a17;color:#ffd6d1;padding:12px;border-radius:10px;white-space:pre-line}.notice{color:#d2e2c6;background:#22331b;padding:12px;border-radius:10px}.line{display:flex;justify-content:space-between;gap:12px;margin:14px 0}.total{font-size:24px;font-weight:800;color:var(--green);border-top:1px solid #4b5845;padding-top:14px}.quiet{border:0;background:none;padding:4px 8px;font-size:13px}.wide{width:100%}.login{margin-top:48px}.login input{letter-spacing:.5px;font-size:15px}.login .primary{margin-top:16px}.success{padding:35px 5px}.success b{font-size:27px;color:var(--green)}:focus-visible{outline:3px solid var(--green);outline-offset:3px}.remove{color:#ffaaa3}details[open]>summary{margin-bottom:10px}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}

.product>div{min-width:0;overflow-wrap:anywhere}.line>span{min-width:0;overflow-wrap:anywhere}select{min-width:0}.product h2{overflow-wrap:anywhere}