:root{--ink:#173d32;--muted:#5e7168;--line:#dbe5da;--green:#216349;--paper:#fafbf6;--amber:#86601d;--radius:15px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:white;color:var(--ink);cursor:pointer;min-height:40px}button:hover:not(:disabled){background:#edf4eb;border-color:#a3bda7}button:disabled{cursor:not-allowed;background:#edf0e8;color:#6c796e}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #c89739;outline-offset:3px}button.primary{background:var(--green);color:white;border-color:var(--green)}button.primary:hover{background:#184e38}h1,h2,h3,p{margin-top:0}bdi{unicode-bidi:isolate}button.quiet{font-size:12px;background:#f3f6ef}.app{max-width:1260px;margin:auto;padding:28px 30px 36px}.masthead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand img{flex:none}.brand h1{font-size:25px;margin:0 0 3px;letter-spacing:-.5px}.brand p{font-size:12px;color:var(--muted);margin:0}.languages{display:flex;gap:4px;flex:none}.languages button{font-size:12px;min-width:43px}.languages [aria-pressed=true]{background:#e0eddf;border-color:#aac5ad;font-weight:700}.demo-banner{display:flex;align-items:center;gap:12px;padding:13px 16px;background:#eef3e6;border:1px solid #d4e1cb;border-radius:10px;margin-bottom:21px}.status-dot{width:8px;height:8px;border-radius:50%;background:#6c8d57;flex:none}.demo-banner strong{font-size:11px;letter-spacing:.5px;display:block}.demo-banner span:not(.status-dot):not(.version){display:block;font-size:11px;color:var(--muted);margin-top:4px}.version{margin-inline-start:auto;font-size:9px;white-space:nowrap;direction:ltr;background:#e0e9d7;border-radius:5px;padding:5px 7px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius)}.filters{padding:19px 21px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#618060;font-weight:700;direction:ltr;margin-bottom:5px}.panel-heading h2{font-size:18px;letter-spacing:-.3px;margin:0}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px 15px}.filter{min-width:0}.filter label{display:block;font-size:12px;margin-bottom:5px;font-weight:600}.filter select{width:100%;height:42px;border:1px solid #ccd9cb;border-radius:7px;padding:0 8px;color:var(--ink);background:white;direction:ltr;font-size:12px}.filter select.active{background:#f0f7ed;border-color:#73a47d;font-weight:600}.filter-note{font-size:10px;color:var(--muted);line-height:1.7;margin:13px 0 0;max-width:940px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:22px;align-items:start;margin-top:25px}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.results-heading h2{font-size:18px;margin:0}.count{font-size:12px;padding:6px 10px;background:#e3eddd;border-radius:30px;white-space:nowrap}.presets{display:flex;gap:5px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-bottom:13px}.presets button{font-size:11px;min-height:30px;padding:5px 11px;direction:ltr}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-card{padding:16px;min-width:0;overflow:hidden}.card-top{display:flex;gap:12px;align-items:center}.placeholder{background:repeating-linear-gradient(45deg,#f0f4ed,#f0f4ed 9px,#edf1e7 9px,#edf1e7 10px);border:1px dashed #c5d3bb;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#71866a;text-align:center;width:83px;min-width:83px;height:87px;font-size:8px;padding:7px}.placeholder svg{width:34px;height:34px;stroke:#829675;fill:none;stroke-width:1.5}.product-name{font-size:17px;line-height:1.25;margin:0 0 5px;overflow-wrap:anywhere}.identifier{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.sample-label{font-size:8px;letter-spacing:.5px;margin-top:7px;color:#7c8a75}.spec-pills{display:flex;flex-wrap:wrap;gap:4px;direction:ltr;margin:13px 0 11px}.spec-pills span{background:#f0f4ec;border-radius:5px;padding:4px 6px;font-size:10px}.price-box{background:#faf2df;border:1px solid #f1e5c9;color:var(--amber);border-radius:8px;padding:9px 10px;font-size:10px;line-height:1.6}.price-box strong{display:block;font-size:14px;margin-bottom:1px}.price-box.recorded{background:#eef5ec;color:#466945;border-color:#dfebdc}.price-box.missing{background:#f5eee9;color:#815a46;border-color:#ecded4}.price-box .status-name{font-weight:700;display:block}.card-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}.card-actions button{font-size:10px;padding:7px;min-height:35px}.card-actions .primary{margin-inline-start:auto}.empty-results{grid-column:1/-1;padding:28px;line-height:1.7;font-size:13px}.empty-results h3{font-size:17px}.empty-results p{color:var(--muted);margin-bottom:0}.basket{padding:18px;position:sticky;top:18px;min-width:0}.basket-heading{display:flex;align-items:center;justify-content:space-between;gap:5px}.basket h2{font-size:16px;margin:0}.basket-count{background:#edf2e6;border-radius:6px;padding:3px 6px;font-size:11px}.basket-intro{font-size:10px;line-height:1.6;color:var(--muted);margin:8px 0 13px}.basket-line{padding:12px 0;border-bottom:1px solid var(--line);font-size:11px;position:relative}.basket-line strong{display:block;font-size:12px;margin-bottom:4px;max-width:calc(100% - 27px)}.basket-line small{display:block;color:var(--muted);font-size:9px;margin-top:4px;line-height:1.6}.basket-line .remove{position:absolute;inset-inline-end:0;top:7px;min-height:29px;min-width:26px;padding:3px;border:0;color:#6a7c6a}.basket-line .missing-line{color:#8a4b32}.total-panel{padding:15px 0 10px}.total-panel>span{font-size:11px}.total-panel>strong{display:block;font-size:27px;direction:ltr;unicode-bidi:isolate;margin-top:4px;letter-spacing:-.8px}.total-panel p{font-size:10px;line-height:1.7;color:var(--amber);margin:6px 0 0}.basket #export{font-size:11px;width:100%;margin-top:4px}.link-button{border:0;background:transparent;text-decoration:underline;font-size:10px;width:100%;margin-top:4px}.privacy-note{font-size:9px;color:var(--muted);text-align:center;margin:5px 0 0}footer{margin-top:28px;max-width:900px;color:var(--muted);font-size:10px;line-height:1.7}.mobile-bar{display:none}dialog{padding:0;border:1px solid #c8d9c8;border-radius:17px;max-width:630px;width:calc(100% - 24px);max-height:88dvh;color:var(--ink);box-shadow:0 20px 80px #163b3240;overflow:auto}dialog::backdrop{background:#173b3259}.dialog-body{padding:24px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dialog-heading h2{font-size:20px;margin:0}.dialog-heading button{font-size:20px;min-width:40px}.stage-label{font-size:10px;font-weight:700;color:var(--green);margin:0 0 13px}.dialog-body p{font-size:12px;line-height:1.7}.dialog-body .technical-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;font-size:11px;margin-bottom:17px}.technical-specs dt,.technical-specs dd{margin:0;padding:8px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.technical-specs dt{color:var(--muted)}.dialog-actions{display:flex;gap:8px;margin-top:19px}.dialog-actions .primary{flex:1}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery .placeholder{width:100%;height:145px;min-width:0;font-size:10px}.gallery .placeholder svg{width:60px;height:60px}.quantity-label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.quantity-input{width:100%;height:47px;border:1px solid #a8c3aa;border-radius:8px;padding:9px;direction:ltr;font-size:18px}.quantity-hint{color:var(--muted)}.error{color:#a73825;min-height:20px;font-size:12px;margin-top:8px}.review-line{padding:13px;background:#f1f6eb;border-radius:8px;margin-bottom:14px;font-size:14px;line-height:1.8}.full-note{color:#6f673e;padding:9px;border-inline-start:3px solid #e4ce94;background:#faf7ef;overflow-wrap:anywhere}#toast{position:fixed;inset-inline:18px;bottom:80px;max-width:530px;margin:auto;background:#173f31;color:white;padding:13px 18px;border-radius:10px;font-size:12px;z-index:10;box-shadow:0 5px 20px #163b3226}#toast:empty{display:none}
@media(min-width:1500px){.app{max-width:1450px}.workspace{grid-template-columns:minmax(0,1fr) 330px}.product-name{font-size:20px}.placeholder{width:105px;min-width:105px;height:105px}.card-actions button{font-size:12px;min-height:41px}}
@media(max-width:1000px){.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{grid-template-columns:minmax(0,1fr) 280px}.result-grid{grid-template-columns:1fr}}
@media(max-width:650px){.app{padding:14px 12px 100px}.masthead{gap:8px;margin-bottom:14px}.brand{gap:8px}.brand img{width:33px;height:33px}.brand h1{font-size:18px}.brand p{font-size:9px}.languages button{font-size:11px;min-width:37px;min-height:44px;padding:7px}.demo-banner{padding:10px;gap:8px;margin-bottom:13px}.demo-banner strong{font-size:8px;letter-spacing:.1px;line-height:1.6}.demo-banner span:not(.status-dot):not(.version){font-size:9px;line-height:1.6}.version{display:none}.status-dot{width:6px;height:6px}.filters{padding:13px}.panel-heading{gap:8px;margin-bottom:13px;align-items:start}.eyebrow{font-size:8px}.panel-heading h2{font-size:15px;line-height:1.5}.panel-heading button{font-size:10px;padding:7px;min-height:44px;max-width:96px}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 10px}.filter label{font-size:10px}.filter select{height:44px;font-size:12px;padding:0 6px}.filter-note{font-size:9px;margin-top:10px;line-height:1.8}.workspace{display:block;margin-top:19px}.results-heading h2{font-size:17px}.count{font-size:10px}.presets{font-size:10px}.presets button{min-height:44px}.result-grid{grid-template-columns:1fr;gap:11px}.product-card{padding:14px}.product-name{font-size:18px}.identifier{font-size:11px}.placeholder{width:85px;min-width:85px;height:85px}.spec-pills span{font-size:11px}.price-box{font-size:11px}.card-actions button{min-height:44px;font-size:11px;padding:8px}.basket{position:static;margin-top:18px;padding:17px}.basket-line strong{font-size:13px}.basket-line{font-size:12px}.basket-line small{font-size:10px}.basket-line .remove{min-width:44px;min-height:44px}.basket-line strong{max-width:calc(100% - 46px)}.basket-intro{font-size:11px}.basket #export{min-height:44px;font-size:12px}.basket .link-button{min-height:44px}.total-panel p{font-size:11px}.mobile-bar{display:flex;position:fixed;bottom:0;inset-inline:0;padding:9px 13px max(9px,env(safe-area-inset-bottom));background:#fffefb;border-top:1px solid var(--line);box-shadow:0 -2px 15px #173d320b;align-items:center;justify-content:space-between;gap:12px;z-index:5}.mobile-bar span{font-size:12px}.mobile-bar small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.mobile-bar button{min-height:44px;font-size:12px;background:var(--green);color:white}.dialog-body{padding:18px}.dialog-heading h2{font-size:17px}.dialog-heading button{min-height:44px}.dialog-actions button{min-height:44px;font-size:12px}.gallery{grid-template-columns:1fr}.gallery .placeholder{height:110px}.gallery .placeholder svg{height:45px}.technical-specs dt,.technical-specs dd{font-size:10px}footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}