*{box-sizing:border-box}body{color:#172d28;background:#f5f4ef;margin:0;font:17px/1.6 system-ui,sans-serif}main{max-width:900px;margin:3rem auto;padding:2rem}a{color:#225d49}h1{font-size:2.5rem;line-height:1.2}.catalog{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:2rem;display:grid}article,section,form{background:#fff;border:1px solid #d2d9d1;border-radius:10px;margin:24px 0;padding:24px}label{margin:14px 0;display:block}input{font:inherit;border:1px solid #9aa69c;border-radius:5px;width:100%;max-width:100%;padding:10px;display:block}input[type=number]{width:100px}button{color:#fff;font:inherit;cursor:pointer;background:#225d49;border:0;border-radius:5px;margin:12px 12px 12px 0;padding:13px 22px}button:disabled{opacity:.5;cursor:wait}address{margin-top:24px}li{margin:8px 0}textarea,select{font:inherit;border:1px solid #9aa69c;border-radius:5px;width:100%;max-width:100%;padding:10px}textarea{min-height:120px}fieldset{border:0;min-width:0;padding:0}[role=alert]{color:#7e2414;background:#ffe8e2;padding:16px}[role=status]{background:#e0f2e6;padding:16px}img{object-fit:contain;max-width:100%;height:auto}