:root{color-scheme:light;--ink:#173d3a;--muted:#526663;--green:#17604f;--line:#d9e3dc;--paper:#f5f6f1;--white:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:16px}
*{box-sizing:border-box}body{margin:0}.brand{max-width:1264px;margin:auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand img{object-fit:contain;max-width:52%;height:65px}.brand span{font-size:11px;letter-spacing:.14em;color:var(--muted)}main{max-width:1264px;margin:auto;padding:28px 32px 32px}.intro{max-width:800px;margin-bottom:24px}h1{font-size:clamp(25px,4vw,36px);line-height:1.2;margin:8px 0 14px;font-weight:650;letter-spacing:-.025em}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:650}.intro>p:last-child{color:var(--muted);line-height:1.65;font-size:15px;margin:0}.status{padding:14px 16px;border:1px solid var(--line);background:#edf4ef;border-radius:8px;margin:16px 0;line-height:1.5;overflow-wrap:anywhere}.status.error{color:#7d2920;border-color:#e4b5a8;background:#fff0e9}.toolbar{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(180px,1fr) auto;gap:16px;align-items:end;margin-top:24px}label{font-size:13px;font-weight:600;display:block}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid #acbbb2;border-radius:6px;background:var(--white);color:var(--ink);padding:10px 12px;font-size:15px}input[type=search],select{width:100%;margin-top:7px}input[type=checkbox]{width:19px;height:19px;accent-color:var(--green)}.check{display:flex;gap:8px;align-items:center;padding:10px 0;white-space:nowrap;font-weight:500}.countline{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);margin:18px 0}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product{border:1px solid var(--line);border-radius:10px;background:var(--white);overflow:hidden;display:flex;flex-direction:column;min-width:0}.product.chosen{border-color:#37765c;box-shadow:0 0 0 1px #37765c}.photo{height:210px;background:#edf0ea;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;overflow:hidden}.photo img{height:100%;width:100%;object-fit:contain}.detail{padding:15px;display:flex;flex:1;flex-direction:column}.code{font-size:12px;letter-spacing:.06em;color:var(--green);font-weight:750}.detail h2{font-size:16px;line-height:1.4;margin:6px 0}.variant,.description{font-size:13px;line-height:1.5;color:var(--muted);margin:3px 0}.price{font-weight:650;margin:14px 0;font-size:15px}.quantity{margin-top:auto;padding-top:14px}.quantity label{font-weight:500;color:var(--muted);font-size:12px}.quantity input{margin-top:7px;width:100%;font-size:16px}.quantity input:invalid{border-color:#ab4232}.pagination{display:flex;justify-content:center;gap:18px;align-items:center;margin:24px 0;font-size:14px}.notes{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;margin:26px 0}.notes textarea{display:block;width:100%;margin-top:10px;resize:vertical}.notes p,.privacy{font-size:12px;color:var(--muted);line-height:1.6}.actions{position:sticky;bottom:0;border-top:1px solid var(--line);padding:18px 0;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:16px}.actions strong{font-size:14px}.actions p{font-size:12px;color:var(--muted);margin:5px 0}.buttons{display:flex;gap:8px;flex-wrap:wrap}button{background:#fff;border:1px solid #9bac9f;color:var(--ink);border-radius:6px;min-height:42px;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer}button.primary{background:var(--green);border-color:var(--green);color:#fff}button.subtle{border-color:transparent;background:transparent}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){filter:brightness(.94)}:focus-visible{outline:3px solid #c18c36;outline-offset:3px}dialog{max-width:500px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:12px;padding:26px;color:var(--ink)}dialog p{line-height:1.6}dialog::backdrop{background:#102d2a80}.empty{grid-column:1/-1;padding:45px 16px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:10px}.privacy{max-width:800px}[hidden]{display:none!important}
@media(max-width:1050px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}.actions{align-items:flex-start;flex-direction:column}.toolbar{grid-template-columns:1fr 1fr}.check{grid-column:1/-1}.photo{height:200px}}
@media(min-width:681px){.brand{padding:12px 32px}.brand img{height:46px}main{padding-top:14px}.intro{max-width:1100px;margin-bottom:12px}.eyebrow{margin:10px 0 6px}h1{font-size:30px;margin:6px 0 8px}.intro>p:last-child{font-size:14px;line-height:1.5}.status{padding:10px 14px;margin:10px 0}.toolbar{margin-top:16px}.countline{margin:13px 0}.actions{padding:12px 0}}
@media(max-width:680px){.brand{padding:15px 18px}.brand span{font-size:9px}.brand img{height:52px}main{padding:22px 16px}.toolbar{grid-template-columns:1fr;gap:10px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo{height:160px}.detail{padding:11px}.detail h2{font-size:14px}.countline{flex-direction:column;gap:5px}.actions{position:static}.buttons{width:100%}.buttons button{flex:1;min-width:130px}.pagination{gap:10px}.privacy{font-size:12px}}